@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700;750&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--paper:#f6f5ee;--ink:#183e36;--muted:#617068;--teal:#1b6654;--line:#dcded2;--lime:#dcecaa;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0}
a{color:inherit;text-decoration:none}
button,a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible{outline:3px solid #9a692c;outline-offset:6px}
svg{display:block}
p{line-height:1.65}
h1,h2,h3,p{margin-top:0}
.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}
.skip-link{position:absolute;top:-80px;left:24px;padding:14px;background:var(--ink);color:white;z-index:10}
.skip-link:focus{top:10px}
.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}
.wordmark{display:flex;align-items:center;font:800 29px 'Manrope',sans-serif;letter-spacing:-1.7px;white-space:nowrap}
.wordmark-dot{color:#6a8c42}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);width:37px;height:40px;border-radius:10px 10px 15px 15px;font-size:23px;margin-right:10px;letter-spacing:-3px;padding-right:3px}
.brand-mark span{color:var(--lime)}
nav{display:flex;gap:30px;font-size:13px;font-weight:550}
nav a:hover,.text-link:hover{color:#708449}
.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--teal);color:white;min-height:55px;padding:17px 23px;border-radius:6px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}
.button:hover{background:#174b3e;transform:translateY(-2px)}
.button span{font-size:20px;font-weight:400}
.button svg{width:19px;height:19px;fill:currentColor;margin-right:-10px}
.button-small{font-size:12px;min-height:43px;padding:10px 16px;gap:16px}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;padding-top:55px;padding-bottom:60px;align-items:center}
.eyebrow{font-size:10px;letter-spacing:1.65px;font-weight:750;display:flex;align-items:center;gap:9px;margin-bottom:28px}
.status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#658453;box-shadow:0 0 0 4px #688c5410}
.hero h1{font:650 clamp(44px,4.5vw,68px)/1.09 'Manrope',sans-serif;letter-spacing:-3.4px;margin-bottom:25px}
.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-2px}
.hero-description{max-width:410px;color:var(--muted);font-size:16px;margin-bottom:29px}
.hero-actions{display:flex;align-items:center;gap:25px}
.text-link{font-size:13px;font-weight:650;display:inline-flex;align-items:center;gap:15px}
.text-link span{font-size:18px}
.hero-note{display:flex;gap:7px;align-items:center;font-size:10px;color:var(--muted);margin-top:23px}
.tiny-check{color:var(--teal);font-size:13px}
.note-divider{margin:0 4px;color:#a6b2a2}
.hero-visual{position:relative;min-height:540px;background:#e5e9d8;border-radius:12px;overflow:hidden;display:flex;justify-content:center;padding-top:64px}
.visual-label{position:absolute;inset:24px 25px auto;display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1.3px;font-weight:700;z-index:2}
.visual-label>span:last-child{margin-left:auto;color:#728467;font-weight:400}
.road-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phone-preview{width:234px;background:#fcfcf6;z-index:1;transform:rotate(-7deg);border:5px solid #203c32;border-radius:33px;box-shadow:14px 22px 35px #2944332a;height:445px;overflow:hidden}
.phone-top{height:27px;padding:5px 16px 0;display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:700;position:relative}
.phone-island{position:absolute;top:5px;left:50%;transform:translateX(-50%);height:13px;width:60px;background:#203c32;border-radius:12px}
.telegram-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid #e6e8df;font-size:19px}
.telegram-bar strong{text-align:center;font-size:10px}
.telegram-bar small{display:block;font-size:8px;font-weight:400;color:#758279;margin-top:2px}
.phone-body{padding:18px 17px}
.preview-brand{font-weight:800;font-size:21px;letter-spacing:-2px;margin-bottom:22px}
.preview-brand span{font-size:5px;letter-spacing:.8px;font-weight:500;vertical-align:middle;margin-left:8px}
.preview-eyebrow{font-size:6px;letter-spacing:1.1px;font-weight:700;margin-bottom:8px}
.phone-body h2{font:700 26px/1.15 'Manrope',sans-serif;letter-spacing:-1px;margin-bottom:9px}
.phone-body>p:not(.preview-eyebrow){font-size:9px;color:var(--muted);line-height:1.5;margin-bottom:13px}
.preview-card{position:relative;border:1px solid #dde3d5;border-radius:9px;background:#eff2e8;padding:12px}
.preview-card strong{font-size:11px;line-height:1.4;display:block}
.preview-card-icon{position:absolute;right:12px;top:10px}
.driver-pair{display:flex;align-items:center;margin-top:11px}
.driver-pair>span{width:24px;height:24px;display:grid;place-items:center;background:#d6e4c7;border:2px solid #f8faf4;border-radius:50%;font-size:8px}
.driver-pair>span:nth-of-type(2){background:#ddd9c6}
.driver-pair i{width:15px;border-top:1px dashed #9faa94}
.driver-pair small{font-size:7px;margin-left:auto}
.preview-button{display:flex;justify-content:space-between;background:var(--teal);color:white;border-radius:5px;padding:11px;font-size:9px;margin-top:13px}
.preview-secondary{text-align:center;font-size:8px;padding:9px}
.preview-footer{font-size:6px;text-align:center;color:#718273;margin-top:3px}
.floating-note{position:absolute;top:138px;right:18px;z-index:3;background:#fffef8;padding:13px 15px;border-radius:8px;box-shadow:0 8px 24px #43563a14;transform:rotate(5deg);display:flex;gap:9px;align-items:center;font-size:11px;font-weight:650}
.floating-note small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:4px}
.round-icon{border-radius:50%;background:#eaf0dc;width:25px;height:25px;display:grid;place-items:center;color:#50803b}
.visual-caption{position:absolute;bottom:18px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;align-items:center}
.preview-tag{border:1px solid #b9c6a8;padding:5px 6px;border-radius:3px;font-size:6px}
.principles{border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-block:25px;gap:24px}
.principles p{font-size:12px;line-height:1.6;margin:0}
.principles strong{font-weight:600}
.principles>span{font-size:12px;display:flex;align-items:center;gap:14px}
.principles b{font-size:9px;color:#7f936d;border:1px solid #cfd9c0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:400}
.section{padding-block:90px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}
.section h2,.together-section h2,.launch-section h2{font:600 43px/1.15 'Manrope',sans-serif;letter-spacing:-1.8px;margin-bottom:0}
.section-heading .eyebrow,.faq-section .eyebrow{margin-bottom:20px}
.section-heading>p{font-size:13px;color:var(--muted);margin-bottom:4px}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.step{border:1px solid var(--line);padding:27px;border-radius:8px}
.step-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;font-size:9px;letter-spacing:1px;color:var(--muted)}
.step-symbol{font-size:30px;color:var(--teal);font-family:Georgia,serif}
.step h3{font-size:19px;letter-spacing:-.5px;font-weight:600;margin-bottom:12px}
.step p{font-size:13px;color:var(--muted);margin-bottom:0}
.together-section{background:#e9ede0;padding-block:65px}
.together-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.together-section .eyebrow{margin-bottom:21px}
.together-copy{color:var(--muted);font-size:14px;max-width:400px;margin:23px 0}
.together-art{position:relative;min-height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.orbit{position:absolute;width:270px;height:270px;border:1px solid #d0dac5;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.orbit-two{width:390px;height:390px}
.person{width:76px;height:76px;border:6px solid #f4f6ed;box-shadow:0 3px 12px #3750370c;border-radius:50%;display:grid;place-items:center;font:500 28px Georgia,serif;background:#c9d9b7;position:relative;z-index:1}
.person small{position:absolute;top:88px;white-space:nowrap;font:600 8px 'DM Sans',sans-serif;letter-spacing:1px}
.person-b{background:#ddd6bf}
.connection{font-size:20px;color:#8eaa83;white-space:nowrap;z-index:1}
.connection span{display:inline-grid;place-items:center;width:64px;height:66px;border-radius:14px;background:var(--teal);color:var(--lime);font:800 28px 'Manrope',sans-serif;letter-spacing:-2px;margin-inline:10px;transform:rotate(-7deg)}
.together-art>p{position:absolute;bottom:6px;font-size:8px;letter-spacing:1.8px;color:#6e8365}
.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list details:first-child{border-top:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:500;padding:22px 0}
summary::-webkit-details-marker{display:none}
summary span{font-size:22px;color:#68865d;font-weight:400}
details[open] summary span{transform:rotate(45deg)}
details p{font-size:13px;color:var(--muted);padding-right:20px;margin-bottom:22px}
.launch-section{background:#193e34;border-radius:10px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:48px 55px;color:var(--paper);overflow:hidden}
.launch-section .eyebrow{color:#c8daae;margin-bottom:17px}
.launch-section h2{font-size:48px}
.launch-section>div>p:last-child{font-size:12px;color:#c2cfc3;margin:18px 0 0}
.launch-action{max-width:280px;text-align:center}
.button-light{background:var(--lime);color:var(--ink);min-width:240px}
.button-light:hover{background:#edf5c8}
.launch-action #launch-status{color:#becfc0;font-size:11px;line-height:1.6;margin-top:14px}
.site-footer{display:flex;justify-content:space-between;align-items:center;padding-block:37px;gap:24px}
.site-footer .wordmark{font-size:23px}
.site-footer p{font-size:11px;color:var(--muted);margin:0}
.site-footer>span{font-size:10px;color:var(--muted)}

@media(min-width:1500px){.hero{padding-block:70px}
.hero-visual{min-height:580px}
.phone-preview{margin-top:17px}
.floating-note{top:158px}
}

@media(max-width:1100px){.wrap{width:calc(100% - 64px)}
nav{gap:17px}
.site-header{gap:20px}
.hero{gap:23px}
.hero h1{font-size:49px;letter-spacing:-2.6px}
.hero-visual{min-height:520px}
.hero-actions{gap:17px}
.hero-actions .button{padding-inline:16px;font-size:12px;gap:16px}
.hero-actions .text-link{font-size:11px}
.floating-note{right:9px;top:141px;font-size:10px;padding:10px}
.hero-note{font-size:8px}
.together-grid{gap:35px}
.connection span{margin-inline:3px}
.faq-section{gap:40px}
}

@media(max-width:800px){.site-header{height:90px}
.site-header nav{display:none}
.hero{grid-template-columns:1fr;padding-top:44px;gap:35px}
.hero-copy{max-width:580px}
.hero h1{font-size:62px}
.hero-description{max-width:450px}
.hero-visual{min-height:535px}
.hero-note{font-size:10px}
.hero-actions .button{font-size:14px;padding-inline:23px}
.hero-actions .text-link{font-size:13px}
.floating-note{right:15%;top:140px}
.principles{flex-wrap:wrap;justify-content:flex-start;gap:22px 30px}
.principles>p{width:100%}
.principles>span{font-size:11px;gap:8px}
.section{padding-block:65px}
.section-heading{display:block}
.section-heading>p{margin-top:22px}
.steps-grid{gap:12px}
.step{padding:20px}
.step h3{font-size:17px}
.step p{font-size:12px}
.together-grid{grid-template-columns:1fr;gap:25px}
.together-art{order:2}
.together-copy{max-width:520px}
.faq-section{grid-template-columns:1fr;gap:32px}
.launch-section{padding:36px;gap:30px}
.launch-section h2{font-size:40px}
.button-light{min-width:210px}
.site-footer{flex-wrap:wrap}
.site-footer>span{width:100%}
}

@media(max-width:480px){.wrap{width:calc(100% - 40px)}
.site-header{gap:12px;height:82px}
.wordmark{font-size:25px}
.brand-mark{width:31px;height:34px;font-size:21px;margin-right:7px}
.site-header .button-small{font-size:10px;gap:8px;padding:10px;max-width:143px;text-align:left;line-height:1.4}
.hero{padding-top:36px;padding-bottom:36px}
.hero .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:23px}
.hero h1{font-size:46px;letter-spacing:-2.7px}
.hero h1 .serif{letter-spacing:-1.7px}
.hero-description{font-size:14px}
.hero-actions{gap:20px;flex-wrap:wrap}
.hero-actions .button{font-size:12px;padding:15px 16px;gap:12px;min-height:50px}
.hero-actions .text-link{font-size:11px;gap:8px}
.hero-note{font-size:8px;gap:5px}
.hero-visual{min-height:512px;padding-top:58px}
.phone-preview{width:220px;height:425px}
.phone-body{padding:14px 15px}
.preview-brand{margin-bottom:17px}
.floating-note{right:10px;top:139px;max-width:145px;font-size:9px;gap:7px}
.floating-note small{font-size:8px}
.round-icon{width:21px;height:21px}
.visual-label{inset:21px 18px auto;font-size:7px}
.visual-caption{left:16px;right:16px;bottom:12px;font-size:5px;letter-spacing:.8px}
.preview-tag{font-size:5px}
.principles{display:grid;grid-template-columns:1fr;gap:17px;padding-block:25px}
.principles>p{font-size:13px}
.principles>span{font-size:12px}
.section h2,.together-section h2{font-size:36px}
.section{padding-block:50px}
.steps-grid{grid-template-columns:1fr;gap:13px}
.step{padding:23px}
.step-top{margin-bottom:17px}
.step h3{font-size:20px}
.step p{font-size:13px}
.together-section{padding-block:45px}
.together-art{min-height:275px}
.person{width:65px;height:65px}
.connection{font-size:15px}
.connection span{width:53px;height:57px;font-size:24px}
.person small{top:73px;font-size:7px}
.orbit{width:225px;height:225px}
.orbit-two{width:320px;height:320px}
.faq-section{gap:27px}
summary{font-size:13px}
.launch-section{flex-direction:column;align-items:flex-start;padding:30px}
.launch-section h2{font-size:42px}
.launch-action{width:100%;max-width:none;text-align:left}
.launch-action .button{width:100%}
.site-footer{gap:16px;padding-block:30px}
.site-footer p{font-size:9px}
.site-footer>span{font-size:9px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{transition:none!important}
}


/* Brand and multilingual presentation. */
.brand-logo{display:block;width:44px;height:44px;object-fit:contain;margin-right:9px;flex-shrink:0}
.site-footer .brand-logo{width:36px;height:36px}
.preview-brand{display:flex;align-items:center;letter-spacing:0;min-height:25px}
.preview-brand img{object-fit:contain;flex-shrink:0}
.preview-brand span{margin-left:6px;line-height:1.5}
.connection span{background:var(--paper);border:1px solid #cad7bc;box-shadow:0 7px 18px #193e3410}
.connection img{width:52px;height:52px;object-fit:contain}
mark{background:linear-gradient(transparent 30%,var(--lime) 30%,var(--lime) 93%,transparent 93%);color:var(--ink);padding-inline:.09em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.highlight-sweep{background:linear-gradient(transparent 66%,var(--lime) 66%,var(--lime) 94%,transparent 94%);padding-inline:.04em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hero-description strong{color:var(--ink);font-weight:650}
.hero-description mark{font-weight:650}
.hero h1{font-size:clamp(43px,4.2vw,63px);line-height:1.16;letter-spacing:-2.8px}
.hero-copy,.section-heading>div,.together-grid>div,.launch-section>div{min-width:0}
.hero-actions{flex-wrap:wrap;gap:18px 22px}
.hero-note{flex-wrap:wrap;line-height:1.6}
.button .cta-label{font:inherit;letter-spacing:normal}
.text-link [data-i18n]{font:inherit}
.step h3{line-height:1.45}
.together-copy strong{color:var(--ink);font-weight:650}
summary>span[data-i18n]{font:inherit;color:inherit;transform:none}
summary>span[aria-hidden]{flex-shrink:0}
.phone-preview{height:458px}
.hero-visual{min-height:550px}
.preview-tag{flex-shrink:0}
.visual-caption{gap:12px;line-height:1.5}
.visual-label{line-height:1.5}
.visual-label>span:last-child{flex-shrink:0}
.site-footer{padding-bottom:105px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language-switcher{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:20;display:flex;align-items:center;gap:3px;padding:5px;border:1px solid #ced5c4;border-radius:100px;background:#fffef8;box-shadow:0 5px 25px #183e3626}
.language-switcher>svg{width:19px;height:19px;stroke:var(--teal);stroke-width:1.4;margin:0 9px}
.language-switcher button{border:0;border-radius:100px;min-width:44px;min-height:44px;background:transparent;color:var(--muted);font:700 11px 'DM Sans',sans-serif;letter-spacing:.6px;cursor:pointer;padding:10px 12px;transition:background .15s,color .15s}
.language-switcher button:hover{background:#e9eedf;color:var(--ink)}
.language-switcher button[aria-pressed=true]{background:var(--ink);color:var(--lime)}
.language-switcher button:focus-visible{outline:3px solid #9a692c;outline-offset:2px}
html[lang=ru] .hero h1{letter-spacing:-2px}
html[lang=ru] .serif{letter-spacing:-1.5px}
html[lang=ru] .phone-body h2{font-size:25px}
@media(max-width:1100px){.hero h1{font-size:49px}.together-section h2{font-size:38px}.launch-section h2{font-size:41px}}
@media(max-width:800px){.hero h1{font-size:59px}.principles>span{max-width:100%}.principles b{flex-shrink:0}.hero-visual{min-height:550px}.together-section h2{font-size:43px}.launch-section{align-items:flex-start}.launch-section h2{font-size:36px}.launch-action{flex-shrink:0;max-width:230px}}
@media(max-width:480px){.brand-logo{width:35px;height:35px;margin-right:6px}.site-header .wordmark{font-size:23px}.hero h1{font-size:clamp(35px,10.4vw,46px);letter-spacing:-1.9px}.hero h1 .serif{letter-spacing:-1.2px}.hero-actions{gap:16px}.hero-actions .button{font-size:12px}.hero-visual{min-height:535px}.phone-preview{height:442px}.together-section h2{font-size:35px}.connection img{width:45px;height:45px}.language-switcher{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}.language-switcher>svg{margin:0 7px}.launch-action{max-width:none}.launch-section h2{font-size:35px}.site-footer{padding-bottom:106px}.hero-note{gap:5px;font-size:9px}.hero-note .note-divider{margin-inline:1px}.visual-caption{gap:8px}.floating-note{max-width:155px}}