[hidden]{display:none!important}
:root{--ink:#1d211e;--muted:#6c7069;--yellow:#f4d63b;--paper:#fbfcf8;--line:#e7e9e2;font-family:"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:100px}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #967c00;outline-offset:5px}input:focus,select:focus,textarea:focus{outline:2px solid #8a7410;outline-offset:2px}::selection{background:var(--yellow);color:var(--ink)}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.container{width:calc(100% - 112px);max-width:1320px;margin-inline:auto}.section{padding-block:110px}.eyebrow{font-weight:700;letter-spacing:1.9px;line-height:1.6;display:flex;align-items:center;gap:9px}.signal{width:7px;height:7px;border-radius:50%;background:#8a9a45;display:inline-block;flex-shrink:0}h1,h2,h3,p{margin:0}h2{font-size:49px;font-weight:600;line-height:1.12;letter-spacing:-2px;margin-top:20px}h3{letter-spacing:-.8px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 23px;border:1px solid transparent;background:var(--yellow);border-radius:7px;font-size:14px;font-weight:600;line-height:20px;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:#e9ca27;transform:translateY(-2px);box-shadow:0 5px 15px #292a1410}.button svg{width:19px;height:19px}.button-small{padding:12px 18px;gap:24px;font-size:13px}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#383e35}.text-link{display:inline-flex;align-items:center;gap:10px;font-weight:600}.text-link svg{width:19px}.text-link:hover svg{transform:translateX(4px)}.text-link svg{transition:transform .2s}.skip-link{position:fixed;top:8px;left:8px;padding:14px;background:var(--yellow);z-index:100;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}
/* Navigation */
.header{height:88px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;background:#fbfcf8f2;backdrop-filter:blur(16px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:29px;font-weight:750;letter-spacing:-1.6px;display:inline-flex;align-items:center;line-height:1}.brand-dot{color:#c3a51f}.brand-mark{display:grid;grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);gap:3px;transform:skew(-12deg);margin-right:10px}.brand-mark i{background:var(--ink)}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){background:var(--yellow)}nav{display:flex;align-items:center}nav a{color:#62675f;transition:color .2s}nav a:hover{color:var(--ink)}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{height:2px;width:22px;background:var(--ink)}
/* Hero: a single product composition */
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 86% 47%,#f0f1d8 0,transparent 49%)}.hero-inner{display:grid;grid-template-columns:43% 57%;align-items:center;min-height:650px;padding-block:65px 70px;position:relative}.hero-copy{position:relative;z-index:3}.hero h1{font-size:clamp(53px,5.05vw,74px);line-height:1.03;letter-spacing:-3.7px;font-weight:600;margin:25px 0}.hero h1>span{position:relative;isolation:isolate}.hero h1>span:after{content:"";position:absolute;left:-3px;right:-9px;bottom:4px;height:20px;background:var(--yellow);z-index:-1;transform:rotate(-1.4deg)}.hero-copy>p{max-width:355px;line-height:1.8;color:var(--muted)}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:30px}.hero-actions .button{gap:28px}.play-icon{display:flex;align-items:center;justify-content:center;border:1px solid #c9cdc2;border-radius:50%;width:26px;height:26px;font-size:15px}.hero-footnote{display:flex;align-items:center;gap:8px}.hero-footnote svg{width:13px;height:13px}.hero-footnote>span{height:3px;width:3px;background:#a4aa9e;border-radius:50%;margin-inline:4px}.hero-visual{position:relative;width:calc(100% + 50px);height:510px;perspective:1500px}.visual-orbit{position:absolute;border:1px solid #dde1bf;pointer-events:none;border-radius:50%;left:40px;top:-22px;width:580px;height:580px;opacity:.75}.orbit-two{width:740px;height:740px;left:-40px;top:-102px;opacity:.4}.product-window{position:absolute;top:48px;left:8px;width:650px;border:1px solid #d8dbd0;border-radius:11px;background:#fff;box-shadow:0 26px 55px #28321815,0 4px 7px #22280f06;overflow:hidden;transform:rotateY(-7deg) rotateX(3deg) rotateZ(-2deg);transform-origin:center;z-index:1}.window-bar{height:34px;border-bottom:1px solid #e7e9e2;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fafbf8;padding:0 13px;color:#777e70;font-size:9px}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#d5d8cf}.window-live{font-size:8px;display:flex;align-items:center;gap:4px}.window-live i{width:4px;height:4px;background:#92a54a;border-radius:50%}.dashboard{display:flex;height:370px}.dashboard-rail{width:46px;flex-shrink:0;background:#f8f9f4;border-right:1px solid #e5e8de;display:flex;align-items:center;flex-direction:column;gap:22px;padding:17px 7px}.dashboard-rail>b{font-size:24px;line-height:1;margin-bottom:3px}.dashboard-rail>b span{color:#ba9d23}.dashboard-rail svg{width:16px;height:16px;color:#92998a}.dashboard-rail svg.selected{color:#252b1d;background:var(--yellow);box-sizing:content-box;padding:7px;border-radius:5px;margin:-7px}.dashboard-rail svg:last-child{margin-top:auto}.dashboard-main{flex:1;min-width:0;padding:17px}.dashboard-heading{display:flex;align-items:center;justify-content:space-between}.dashboard-heading strong{font-size:15px;display:block}.dashboard-heading small{font-size:8px;color:#8c9285;display:block;margin-top:5px}.mock-button{font-size:8px;font-weight:600;padding:9px 11px;background:var(--yellow);border-radius:4px}.dashboard-summary{display:flex;margin:16px 0 13px;padding:0 0 12px;border-bottom:1px solid #eff0e9}.dashboard-summary>div{width:33.333%;border-right:1px solid #e6e9df;padding-left:16px}.dashboard-summary>div:first-child{padding-left:0}.dashboard-summary>div:last-child{border:0}.dashboard-summary span{font-size:8px;color:#818877;display:block}.dashboard-summary b{font-size:21px;font-weight:550;display:flex;align-items:center;gap:8px;margin-top:5px}.dashboard-summary i{font-size:7px;font-weight:400;font-style:normal;color:#899477}.dispatch-workspace{display:flex;gap:12px}.order-list{width:174px;flex-shrink:0}.order-tabs{display:flex;justify-content:space-between;font-size:8px;color:#969c8d;padding:0 0 9px}.order-tabs strong{color:#3f4734}.order-tabs strong span{padding:2px 4px;border-radius:3px;background:#f3f4ed;margin-left:3px}.sample-order{border:1px solid #e8eadf;border-radius:5px;padding:8px;margin-bottom:7px}.sample-order.active{border-color:#e7d574;background:#fffef7}.sample-order>div{display:flex;justify-content:space-between;font-size:8px;margin-bottom:7px}.sample-order>div>span{font-size:6px;background:#eaf0d9;color:#5b7144;border-radius:2px;padding:2px 5px}.sample-order p{font-size:7px;line-height:1.5;display:flex;align-items:center;gap:6px;margin-top:4px}.pickup-dot,.dropoff-dot{display:inline-block;width:5px;height:5px;border:1.5px solid #aeb3a5;border-radius:50%;flex-shrink:0}.dropoff-dot{border:0;background:#e7c437;border-radius:1px}.sample-order footer{display:flex;justify-content:space-between;font-size:7px;border-top:1px solid #eceee4;padding-top:5px;margin-top:7px}.sample-order footer>span{color:#949a8c}.live-map{position:relative;flex:1;height:252px;border-radius:5px;background:url(assets/map.svg) center/cover;overflow:hidden}.map-label{position:absolute;top:10px;left:10px;background:#ffffffee;padding:5px 7px;border-radius:4px;font-size:7px;display:flex;gap:4px;align-items:center}.map-label i{width:4px;height:4px;border-radius:50%;background:#8ea04a}.route-line{position:absolute;width:100%;height:100%;inset:0}.car-pin{position:absolute;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dddccb;border-radius:6px;padding:5px;box-shadow:0 3px 5px #4441}.car-pin svg{height:14px;width:14px}.car-one{left:33%;top:42%;transform:rotate(-12deg)}.car-two{left:69%;top:68%;transform:rotate(22deg)}.car-three{left:62%;top:15%;transform:rotate(-12deg)}.map-scale{position:absolute;bottom:7px;right:7px;font-size:6px;color:#767c6b}.hero-phone{position:absolute;left:64%;top:187px;width:172px;height:341px;border:5px solid #232824;border-radius:26px;background:#fff;box-shadow:0 14px 35px #1e261d25;z-index:4;transform:rotate(5deg);overflow:hidden}.phone-camera{position:absolute;top:5px;left:57px;height:13px;width:47px;background:#232824;border-radius:10px;z-index:2}.mini-phone-top{height:30px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:7px;background:#f0f0e9}.mini-map{height:129px;background:url(assets/map.svg) center/cover;position:relative}.mini-app-brand{position:absolute;left:10px;top:8px;font-size:11px;font-weight:700;letter-spacing:-.5px}.mini-app-brand span{color:#ad9010}.mini-pin{position:absolute;top:60px;left:72px;background:var(--yellow);border:2px solid #fff;border-radius:50%;padding:6px;display:flex}.mini-pin svg{width:14px;height:14px}.mini-sheet{position:relative;z-index:1;border-radius:16px 16px 0 0;background:white;padding:9px 10px;margin-top:-12px}.sheet-handle{display:block;height:3px;width:22px;background:#d5d7d0;border-radius:8px;margin:0 auto 10px}.mini-sheet>b{font-size:11px;display:block;margin-bottom:9px}.mini-input{display:flex;align-items:center;gap:6px;font-size:7px;padding:6px;background:#f6f7f3;margin-bottom:3px;border-radius:3px}.mini-tariffs{display:flex;gap:5px;margin-block:8px}.mini-tariffs>span{width:50%;padding:5px 7px;background:#f7f8f4;border-radius:5px;display:flex;flex-direction:column;gap:3px}.mini-tariffs>span.chosen{background:#fcf4c9;border:1px solid #ead475}.mini-tariffs svg{width:25px;height:19px}.mini-tariffs b{font-size:7px}.mini-tariffs small{font-size:6px}.mini-order-button{padding:9px 2px;background:var(--yellow);font-size:8px;text-align:center;border-radius:5px;font-weight:600}.home-indicator{position:absolute;bottom:5px;left:56px;width:52px;height:3px;border-radius:8px;background:#20251f;z-index:3}.visual-caption{position:absolute;top:486px;left:55px;color:#69735e;letter-spacing:.1px}.caption-line{display:inline-block;width:20px;height:1px;background:#abb393;vertical-align:middle;margin-right:7px}.visual-caption small{display:block;margin:7px 0 0 30px}.hero-visual{animation:visual-in 1s .2s both}@keyframes hero-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes visual-in{from{opacity:0;transform:translate(25px,12px)}to{opacity:1;transform:translate(0)}}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:46px}.section-heading>p{line-height:1.8;max-width:330px;padding-bottom:5px}.product-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:0}.product-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:20px 26px;display:flex;align-items:center;justify-content:center;gap:11px;flex:1;transition:background .2s,color .2s}.product-tabs svg{width:19px;height:19px}.product-tabs button[aria-selected=true]{color:var(--ink)}.product-tabs button:hover{background:#f1f2e9;color:var(--ink)}.product-panel{display:grid;grid-template-columns:42% minmax(0,1fr);min-height:442px;padding-top:46px;gap:25px}.product-description{padding:12px 35px 0 0}.product-description .eyebrow{letter-spacing:1.5px}.product-description h3{font-size:34px;line-height:1.18;font-weight:550;margin:18px 0}.product-description>p{line-height:1.8;max-width:340px}.check-list{list-style:none;padding:0;margin:25px 0}.check-list li{position:relative;padding-left:24px;line-height:1.6;margin:13px 0}.check-list li:before{content:"✓";position:absolute;left:0;color:#798249;font-size:14px}.product-description>.text-link{margin-top:4px}.product-stage{background:#f0f1e8;border-radius:11px;min-height:350px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:35px}.stage-map{width:100%;height:305px;background:url(assets/map.svg) center/cover;position:relative;border:5px solid #fff;border-radius:9px;box-shadow:0 12px 23px #3c472415;overflow:hidden}.stage-toolbar{display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:2;top:12px;left:12px;right:12px;background:white;padding:13px;border-radius:5px;font-size:10px;box-shadow:0 3px 10px #00000008}.stage-toolbar>span:first-child{display:flex;align-items:center;gap:7px;font-weight:600}.stage-toolbar>span:last-child{font-size:9px;color:#999f90}.stage-order{position:absolute;z-index:2;background:white;bottom:15px;left:15px;right:15px;padding:16px;border-radius:7px;box-shadow:0 3px 15px #0000000a}.order-tag{display:block;font-size:8px;letter-spacing:1px;color:#8c9383;margin-bottom:10px}.stage-order>b{font-size:13px;display:flex;align-items:center;gap:10px}.stage-order>b svg{width:15px;height:15px}.stage-order>div{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:9px;color:#8a937e}.stage-order strong{font-size:9px;color:#7f6d18;background:#fcf5cc;padding:4px 6px;border-radius:3px}.stage-pin{position:absolute;display:flex;padding:7px;border:2px solid white;border-radius:8px;background:var(--yellow);box-shadow:0 4px 10px #252a1920}.stage-pin svg{height:20px;width:20px}.sp-one{top:87px;left:22%;transform:rotate(-16deg)}.sp-two{top:127px;left:70%;transform:rotate(13deg)}.sp-three{top:75px;left:54%;background:#fff;transform:rotate(-16deg)}.stage-route{position:absolute;border:5px solid #d9bc25;width:42%;height:90px;top:100px;left:30%;border-top:0;border-right:0;transform:rotate(-15deg);border-radius:0 0 0 10px}.real-phone{height:355px;aspect-ratio:414/896;border:5px solid #242723;border-radius:26px;overflow:hidden;box-shadow:0 10px 25px #12171025;background:#252b2d}.real-phone img{width:100%;height:100%;object-fit:cover}.screenshot-caption{line-height:1.7;max-width:160px;margin-left:30px}.screenshot-caption b{display:block;font-size:16px;color:#30392b;margin-bottom:10px;font-weight:500;line-height:1.4}.driver-preview{background:#fff;width:220px;border:5px solid #292d26;border-radius:28px;overflow:hidden;box-shadow:0 12px 20px #3332}.driver-preview>header{padding:18px 14px 12px;font-size:11px;display:flex;justify-content:space-between;background:#fafbf7}.driver-preview>header>span{color:#708844;font-size:9px}.driver-map{height:120px;background:url(assets/map.svg) center/cover;position:relative}.driver-map svg{position:absolute;left:90px;top:50px;color:#20291d;background:var(--yellow);border-radius:8px;padding:6px;box-sizing:content-box}.driver-content{padding:16px}.driver-content>small{color:#8b9280;font-size:8px}.driver-content>strong{display:block;margin:8px 0 12px;font-size:14px}.driver-content>p{font-size:9px;margin:8px 0}.driver-amount{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #eee;margin-top:15px;font-size:14px}.driver-amount small{font-size:9px;color:#828978}.driver-action{padding:12px;text-align:center;margin-top:14px;border-radius:5px;background:var(--yellow);font-size:10px;font-weight:600}.admin-preview{width:100%;background:#fff;border:1px solid #e1e4d7;border-radius:8px;padding:22px;box-shadow:0 12px 25px #3331}.admin-preview>header{display:flex;justify-content:space-between;font-size:13px;font-weight:600}.admin-preview>header small{font-size:9px;color:#8c9381;font-weight:400}.admin-metrics{display:flex;gap:25px;margin-top:25px}.admin-metrics small{display:block;font-size:8px;color:#89917e}.admin-metrics b{display:block;font-size:23px;margin-top:8px;font-weight:500}.bar-chart{display:flex;align-items:flex-end;gap:10px;height:125px;margin:20px 0 7px;border-bottom:1px solid #e8ebe0}.bar-chart span{flex:1;background:#eeeccf;border-radius:4px 4px 0 0}.bar-chart span:nth-child(4),.bar-chart span:last-child{background:var(--yellow)}.chart-labels{display:flex;justify-content:space-around;font-size:8px;color:#929985}.admin-preview>footer{font-size:8px;margin-top:20px;color:#919887;text-align:right}
/* Features and steps */
.features{background:#232a23;color:#f2f5e9}.features .eyebrow{color:#c3caad}.features .section-heading>p{color:#a6ae9f}.features h2{font-weight:500}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:60px}.feature{padding:30px 0 34px;border-top:1px solid #424b3e}.feature>svg{color:#e1d16d;height:25px;width:25px}.feature h3{font-weight:500;letter-spacing:-.3px;margin:22px 0 12px}.feature p{line-height:1.85;max-width:280px}.feature-bottom{border-top:1px solid #424b3e;display:flex;align-items:center;gap:14px;padding-top:27px;margin-top:10px}.feature-bottom .brand-mark{grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px)}.feature-bottom .brand-mark i{background:#6b745f}.feature-bottom .brand-mark i:nth-child(2),.feature-bottom .brand-mark i:nth-child(3){background:#d4c35c}.feature-bottom p{color:#c2c8b9}.feature-bottom>a{margin-left:auto;color:#e4d16b}.steps{padding-bottom:65px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.step-number{display:flex;align-items:center;justify-content:space-between;font-size:46px;font-weight:400;letter-spacing:-2px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:25px}.steps-grid h3{font-size:20px;font-weight:500;letter-spacing:-.4px;margin-bottom:13px}.steps-grid p{line-height:1.85;max-width:280px}
/* Commercial offer */
.pricing{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-top:55px}.pricing h2{font-size:43px;line-height:1.15}.pricing-intro>p{color:var(--muted);line-height:1.85;max-width:350px;margin-top:24px}.pricing-note{display:flex;gap:9px;margin-top:26px;align-items:center}.pricing-note svg{height:15px;width:15px}.pricing-offer{background:#f4f0cf;border-radius:10px;padding:35px 38px}.offer-label{display:flex;align-items:center;justify-content:space-between;letter-spacing:1.7px;padding-bottom:24px;border-bottom:1px solid #dcdbb8}.offer-label svg{width:19px;height:19px}.pricing-offer h3{font-size:31px;font-weight:500;margin:24px 0 10px}.pricing-offer .check-list{margin:26px 0}.pricing-offer .button{width:100%}.faq{display:grid;grid-template-columns:42% minmax(0,1fr);gap:20px;border-top:1px solid var(--line);padding-top:90px}.faq-intro>p{color:var(--muted);line-height:1.9;margin-top:22px}.faq-intro a{color:var(--ink);border-bottom:1px solid #c8cbbd;padding-bottom:2px}.faq-intro a>span{margin-left:7px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:500;padding:24px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{width:14px;height:14px;position:relative;flex-shrink:0}.faq-list summary>span:before,.faq-list summary>span:after{content:"";position:absolute;top:6px;left:0;height:1px;width:14px;background:#6c755f;transition:transform .2s}.faq-list summary>span:after{transform:rotate(90deg)}.faq-list details[open] summary>span:after{transform:rotate(0)}.faq-list details>p{line-height:1.9;padding:0 35px 24px 0;animation:hero-in .25s}
/* Contact */
.contact{background:#f2d33d;padding-block:80px}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.contact-copy{padding-top:15px}.contact h2{font-size:49px;font-weight:550;line-height:1.13;letter-spacing:-2px}.contact h2>span{color:#9f891e}.contact-copy>p{line-height:1.85;margin-top:23px}.contact-telegram{display:flex;align-items:center;gap:13px;max-width:290px}.contact-telegram>svg:first-child{height:38px;width:38px;border:1px solid #c4ab2f;padding:9px;border-radius:50%;stroke-width:1.4}.contact-telegram small{font-size:14px;display:block;color:#282816;margin-top:5px}.contact-telegram>svg:last-child{margin-left:auto;width:18px}.demo-form{padding:32px;background:#fffdf0;border-radius:9px}.demo-form h3{font-size:24px;font-weight:550;letter-spacing:-.6px}.demo-form>p{margin-top:9px;margin-bottom:27px;line-height:1.6}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.demo-form label{font-weight:600;display:block;margin:0 0 17px}.demo-form input,.demo-form select{width:100%;min-width:0;display:block;margin-top:8px;padding:13px 12px;border:1px solid #e1e1d1;border-radius:5px;background:#fffff8}.demo-form input::placeholder{font-weight:400}.phone-field{display:flex;align-items:center;background:#fffff8;border:1px solid #e1e1d1;border-radius:5px;margin-top:8px}.phone-field>span{font-size:12px;padding:0 12px;border-right:1px solid #e1e1d1;font-weight:400}.phone-field>input{border:0;background:none;margin:0}.phone-field:focus-within{outline:2px solid #8a7410;outline-offset:2px}.phone-field>input:focus{outline:0}.field-hint{display:block;font-size:9px;color:#8f907c;margin:-10px 0 20px}.form-submit{width:100%;padding:15px 18px;margin-top:3px}.demo-form .form-note{text-align:center;margin:13px 4px 0}.footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:54px}.footer .brand{font-size:26px}.footer>div>p{margin:15px 0 35px}.footer-links{display:flex;gap:30px;margin-top:-24px}.footer-bottom{display:flex;width:100%;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:24px 0}.footer-bottom a{color:#69725e}
/* Responsive composition */
@media(min-width:1500px){.hero-inner{min-height:720px}.hero-visual{transform-origin:left center}.product-window{width:710px}.hero-phone{left:68%}.hero-copy>p{max-width:380px}}
@media(max-width:1200px){.container{width:calc(100% - 72px)}.hero-inner{grid-template-columns:44% 56%;min-height:620px}.hero h1{font-size:59px}.hero-visual{width:115%;height:450px}.product-window{width:590px;top:35px;left:10px}.dashboard{height:340px}.dashboard-main{padding:12px}.live-map{height:235px}.hero-phone{width:155px;height:318px;top:172px;left:66%}.mini-phone-top{height:25px}.phone-camera{left:49px}.mini-map{height:116px}.mini-sheet{padding:8px}.mini-input{padding:5px}.mini-sheet>b{font-size:10px}.mini-pin{left:60px}.mini-tariffs{margin-block:5px}.visual-caption{top:442px;left:30px}.hero-actions{gap:15px}.hero-actions .button{gap:16px;padding:16px 18px}.hero-actions .text-link{font-size:11px;gap:6px}.section{padding-block:85px}.section-heading h2{font-size:44px}.pricing,.contact-inner{gap:55px}.product-stage{padding:25px}.product-panel{gap:15px}.product-description{padding-right:15px}.product-description h3{font-size:31px}.screenshot-caption{margin-left:20px;max-width:120px}.screenshot-caption b{font-size:14px}.feature-grid{column-gap:40px}.contact h2{font-size:43px}.pricing h2{font-size:39px}}
@media(max-width:950px){.container{width:calc(100% - 48px)}.header{height:76px}.brand{font-size:26px}.header-cta{font-size:11px;padding:11px 13px;gap:15px}.hero-inner{min-height:570px}.hero h1{letter-spacing:-2.5px}.hero-copy>p{max-width:290px}.hero-visual{transform:scale(.86);transform-origin:left center;width:132%;margin-left:-6px}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.hero-actions .button{padding:14px 20px;gap:32px}.hero-footnote svg{width:11px}.hero .eyebrow{letter-spacing:1.2px}.section-heading h2{font-size:39px}.product-tabs button{padding:18px 14px;gap:7px}.product-panel{grid-template-columns:43% minmax(0,1fr)}.product-description h3{font-size:29px}.product-stage{padding:18px}.product-description .text-link{font-size:11px}.screenshot-caption{max-width:100px;margin-left:15px}.real-phone{height:310px;flex-shrink:0}.screenshot-caption b{font-size:13px}.feature-grid{gap:0 30px}.steps-grid{gap:30px}.steps-grid h3{font-size:18px}.pricing{gap:40px}.pricing h2{font-size:34px}.pricing-offer{padding:28px}.pricing-offer h3{font-size:27px}.contact-inner{gap:35px}.contact h2{font-size:36px}.demo-form{padding:25px}.form-row{grid-template-columns:1fr;gap:0}.faq{grid-template-columns:39% minmax(0,1fr);gap:15px}.hero-phone{left:62%}}
@media(max-width:700px){:root{scroll-padding-top:85px}.container{width:calc(100% - 40px)}.header{height:72px}.brand{letter-spacing:-1.3px}.brand-mark{grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);gap:2.5px}.header-cta{margin-left:auto;gap:8px}.header-cta svg{width:15px;height:15px}.menu-toggle{display:flex}.header nav{display:none;position:absolute;left:0;right:0;top:71px;padding:12px 20px 24px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 12px 14px #20202008;flex-direction:column;gap:0;align-items:stretch}.header nav.is-open{display:flex}.header nav a{font-size:15px;padding:15px 8px;border-bottom:1px solid var(--line)}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero-inner{display:block;min-height:0;padding-top:42px;padding-bottom:18px}.hero-copy{max-width:510px}.hero .eyebrow{letter-spacing:1.5px}.hero h1{line-height:1.05;margin:22px 0}.hero h1>span:after{height:15px;bottom:3px}.hero-copy>p{max-width:335px}.hero-actions{flex-direction:row;align-items:center;margin-top:23px}.hero-actions .button{padding:14px 16px;gap:20px}.hero-visual{height:320px;width:100%;margin-top:30px;transform:none;animation:none}.product-window{width:570px;left:0;top:20px;transform:scale(.67) rotate(-2deg);transform-origin:top left}.hero-phone{transform:scale(.75) rotate(5deg);transform-origin:top left;left:67%;top:90px;width:155px;height:318px}.visual-orbit{width:360px;height:360px;top:-7px;left:60px}.orbit-two{width:450px;height:450px;left:15px;top:-52px}.visual-caption{top:296px;left:0}.visual-caption small{margin-top:5px}.visual-caption .caption-line{width:14px}.section{padding-block:65px}.section-heading{display:block;margin-bottom:30px}.section-heading h2,h2{font-size:36px;letter-spacing:-1.5px;margin-top:14px}.section-heading>p{margin-top:20px}.section-heading>p br{display:none}.eyebrow{letter-spacing:1.5px}.product-tabs{scrollbar-width:none;gap:0}.product-tabs::-webkit-scrollbar{display:none}.product-tabs button{flex-shrink:0;flex-basis:auto}.product-tabs button svg{width:16px;height:16px}.product-panel{display:flex;flex-direction:column;gap:30px;padding-top:28px}.product-description{padding:0}.product-description h3{font-size:29px;margin:15px 0}.product-description h3 br{display:none}.product-description>p{max-width:400px}.product-description .check-list{margin:20px 0}.product-description .check-list li{margin:9px 0}.product-stage{min-height:310px;padding:22px}.stage-map{height:280px}.product-stage:has(.real-phone),.product-stage:has(.driver-preview){min-height:360px}.screenshot-caption{max-width:120px;margin-left:22px}.screenshot-caption b{font-size:15px}.real-phone{height:318px}.feature-grid{grid-template-columns:1fr 1fr;gap:0 27px}.feature{padding:25px 0}.feature h3{line-height:1.3;margin-top:18px}.feature p{line-height:1.75}.feature>svg{width:23px;height:23px}.feature-bottom{gap:8px;padding-top:20px}.feature-bottom p{line-height:1.6;max-width:230px}.steps-grid{display:block}.steps-grid article{display:grid;grid-template-columns:52px 1fr;column-gap:20px;padding:24px 0;border-top:1px solid var(--line)}.step-number{grid-row:span 2;font-size:31px;border:0;padding:0;margin:0;align-items:flex-start}.steps-grid h3{font-size:18px;margin:0 0 10px}.steps-grid p{max-width:none}.steps{padding-bottom:30px}.pricing{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding-top:30px}.pricing h2{font-size:35px}.pricing-intro>p{margin-top:20px;max-width:400px}.pricing-note{margin-top:18px}.pricing-offer{padding:27px}.pricing-offer h3{font-size:30px}.faq{display:block;padding-block:60px}.faq-intro>p{margin-top:18px}.faq-list{margin-top:30px}.faq-list summary{padding:22px 0}.faq-list details>p{padding-right:22px}.contact{padding-block:55px}.contact-inner{display:block}.contact h2{font-size:39px}.contact-telegram{max-width:270px}.demo-form{margin-top:35px;padding:25px}.demo-form h3{font-size:25px}.demo-form input,.demo-form select{padding:12px}.phone-field>span{font-size:15px}.form-submit{padding:16px}.form-row{grid-template-columns:1fr 1fr;gap:12px}.field-hint{font-size:10px}.footer{padding-top:35px;gap:0 10px}.footer>div>p{margin-bottom:25px}.footer-links{margin-top:8px;margin-bottom:20px}.footer-bottom{padding:20px 0;flex-wrap:wrap;gap:14px}.footer-bottom>span:nth-child(2){order:3;width:100%}.footer-bottom>a{margin-left:auto}.admin-preview{padding:18px}.admin-metrics{gap:20px}.admin-metrics b{font-size:24px}}
@media(min-width:480px) and (max-width:700px){.hero-visual{height:380px;margin-top:35px}.product-window{transform:scale(.82) rotate(-2deg)}.hero-phone{transform:scale(.85) rotate(5deg);left:70%;top:115px}.visual-caption{top:350px}.hero-copy{max-width:440px}}
@media(max-width:374px){.container{width:calc(100% - 32px)}.hero-visual{height:285px}.product-window{transform:scale(.58) rotate(-2deg)}.hero-phone{transform:scale(.66) rotate(5deg);top:80px;left:65%}.visual-caption{top:260px}.contact h2{font-size:33px}.form-row{grid-template-columns:1fr;gap:0}.product-stage{padding:15px}.screenshot-caption{margin-left:14px}.feature-grid{gap:0 20px}}
@media(min-width:701px) and (max-width:950px){.hero-inner{grid-template-columns:46% 54%}.hero h1{letter-spacing:-2.3px}.hero-visual{width:100%;height:360px;margin-left:0;transform:none}.product-window{transform:scale(.68) rotate(-2deg);transform-origin:top left;left:0;top:22px}.hero-phone{transform:scale(.72) rotate(5deg);transform-origin:top left;left:66%;top:142px}.visual-caption{top:355px;left:15px}.visual-orbit{width:450px;height:450px;left:-20px;top:-40px}.orbit-two{width:570px;height:570px;left:-80px;top:-100px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-visual{opacity:1}}

.button:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}

/* Clearer hierarchy, readable controls, and a complete mobile module menu. */
.header-phone{font-weight:600;white-space:nowrap;min-height:44px;display:flex;align-items:center}.header-inner{gap:22px}nav{gap:24px}nav a{min-height:44px;display:flex;align-items:center}nav a:hover{text-decoration:underline;text-underline-offset:6px}.hero-call{display:block;margin-top:22px;color:#626a5b;line-height:1.8}.hero-call strong{color:var(--ink);font-weight:600;white-space:nowrap;margin-left:7px}.hero-footnote{margin-top:14px;color:#626a5b}.section-heading>p,.product-description>p,.steps-grid p{color:#596151}.product-description .eyebrow{color:#5c6552}.product-tabs button{color:#5d6556;min-height:60px}.product-tabs button[aria-selected=true]{background:#f4efd3;border-color:#9b8217}.product-description>.text-link{font-size:14px;min-height:44px}.feature p{color:#c4cbbb}.feature h3{font-size:20px}.faq h2{font-size:36px}.faq-list summary{line-height:1.5}.faq-list details>p{color:#596151}.contact-phone{display:block;margin-top:35px}.contact-phone>span{display:block;color:#5c5123;margin-bottom:10px}.contact-phone strong{font-size:27px;font-weight:550;letter-spacing:-.7px}.contact-phone strong>span{font-size:21px;margin-left:10px}.contact-telegram{margin-top:24px}.footer-links{flex-wrap:wrap;justify-content:flex-end}.footer-links a{display:flex;align-items:center;min-height:44px}
.order-flow{border-top:1px solid var(--line);margin-top:55px;padding-top:36px;display:grid;grid-template-columns:32% 1fr;gap:35px}.flow-intro h3{font-size:23px;font-weight:500;line-height:1.35;margin-top:12px}.order-flow ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:25px}.order-flow li{display:flex;gap:13px;align-items:flex-start}.order-flow li>span{font-size:11px;font-weight:600;background:#f3edd1;color:#69591e;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0}.order-flow h4{font-weight:600;margin:4px 0 7px}.order-flow p{line-height:1.7;color:#626a5b}
.form-step{display:flex;gap:14px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e1dfca;color:#73745e}.form-step>span:first-child{color:#22281c;font-weight:600}.demo-form>p{color:#62644f}.demo-form .form-field{margin-bottom:20px}.demo-form .form-field label{margin:0;font-weight:600}.demo-form input,.demo-form select{height:48px;font-size:14px;color:#252b21}.demo-form input::placeholder{color:#737864}.demo-form .field-hint{line-height:1.5;color:#626951;margin:8px 0 0}.optional{font-weight:400;color:#6b705c;margin-left:6px}.field-error{display:block;line-height:1.6;color:#a02222;margin-top:7px}.demo-form [aria-invalid=true]{border-color:#b22b29;background:#fff8f5}.phone-field:has([aria-invalid=true]){border-color:#b22b29}.demo-form .form-feedback{color:#982020;background:#fff0eb;border-left:3px solid #b83529;padding:12px;margin:0 0 20px}.form-submit{font-size:14px;min-height:52px}.demo-form .form-note{color:#676b54;line-height:1.7}.demo-form noscript a{text-decoration:underline}
@media(max-width:1100px){.header-phone{display:none}.header-inner{gap:18px}}
@media(max-width:950px){.order-flow{grid-template-columns:1fr;gap:24px}.hero h1{font-size:43px}.contact-phone strong{font-size:24px}.faq h2{font-size:29px}.feature h3{font-size:18px}}
@media(max-width:700px){.hero h1{font-size:clamp(41px,10.4vw,58px);letter-spacing:-2.3px}.hero h1 br:last-of-type{display:block}.hero h1>span{margin-right:0}.hero-call{margin-top:18px}.hero-call strong{display:block;margin-left:0;font-size:14px;min-height:32px}.hero-copy>p{line-height:1.7}.header-cta{font-size:12px;min-height:44px;padding:10px 12px}.menu-toggle{width:44px;height:44px}.header-inner{gap:8px}.brand{font-size:24px}.product-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dedfcf;border-radius:8px;overflow:hidden}.product-tabs button{justify-content:flex-start;gap:9px;padding:14px 16px;min-height:52px;border-bottom:2px solid transparent}.product-tabs button:nth-child(-n+2){border-bottom:1px solid #dedfcf}.product-tabs button[aria-selected=true]{box-shadow:inset 3px 0 #b39922;border-bottom-color:#dedfcf}.product-description .text-link{font-size:13px}.product-panel{min-height:650px}.order-flow{margin-top:32px;padding-top:28px}.order-flow ol{grid-template-columns:1fr;gap:22px}.flow-intro h3{font-size:25px}.feature h3{font-size:17px}.faq h2{font-size:32px}.faq-list summary{gap:14px}.contact-phone strong{font-size:26px}.demo-form input,.demo-form select{font-size:16px}.demo-form .form-row{grid-template-columns:1fr;gap:0}.form-step{gap:12px;justify-content:space-between}.footer-links{justify-content:flex-start;gap:8px 20px;width:100%}.hero-actions .text-link{font-size:12px}.hero-actions{gap:17px}.hero-actions .button{font-size:13px}}
@media(max-width:374px){.header-cta{font-size:11px;gap:6px}.brand{font-size:21px}.hero-actions{gap:12px}.hero-actions .button{padding:14px 12px;gap:12px}.hero-actions .text-link{font-size:10px}.product-tabs button{padding:13px 10px}.contact-phone strong{font-size:23px}.form-step{flex-direction:column;gap:7px}}

/* Readability: real content stays at 12px or more and meets WCAG AA contrast. Product mock-ups keep their scaled-down sizes. */
h2,h3{text-wrap:balance}
.eyebrow,.hero .eyebrow,.product-description .eyebrow,.contact-copy .eyebrow{font-size:12px}
.contact-copy .eyebrow{color:#4f461b}
nav a,.text-link,.header-phone{font-size:14px}
.hero-copy>p{font-size:17px}
.hero-call{font-size:14px}
.hero-footnote{font-size:13px}
.visual-caption{font-size:12px}
.visual-caption small{font-size:11px;color:#6c7069}
.section-heading>p,.product-description>p,.faq-intro>p,.faq-list details>p,.pricing-intro>p{font-size:16px}
.check-list li,.product-description .check-list li,.feature p,.steps-grid p{font-size:15px}
.product-tabs button{font-size:15px}
.screenshot-caption{font-size:12px;color:#5d6356}
.order-flow h4{font-size:15px}
.order-flow p{font-size:14px}
.feature-bottom p{font-size:14px}
.step-number{color:#858c79}
.pricing-note{font-size:13px;color:#5d6356}
.offer-label{font-size:12px;color:#5a5a3c}
.pricing-offer>p,.pricing-offer .check-list li{font-size:14px}
.pricing-offer>p{color:#5a5a3c}
.faq-list summary{font-size:16px}
.contact-copy>p{font-size:15px;color:#5a4f1f}
.contact-phone>span,.contact-telegram>span{font-size:13px}
.contact-telegram>span{color:#5a4f1f}
.form-step{font-size:12px}
.demo-form>p{font-size:14px}
.demo-form label,.demo-form .form-field label{font-size:13px}
.demo-form .field-hint,.optional,.demo-form .form-note{font-size:12px}
.field-error,.demo-form .form-feedback{font-size:14px}
.footer>div>p,.footer-links{font-size:13px}
.footer>div>p{color:#62675f}
.footer-bottom{font-size:12px;color:#6c7069}
.footer-bottom a{display:inline-flex;align-items:center;min-height:44px}
.header nav .nav-contact{display:none}
.lang-switch{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:7px;font-size:13px;font-weight:600}
.lang-switch:hover{border-color:#c9cdc2}
.header-actions{display:flex;align-items:center;gap:10px}
@media(max-width:700px){
  h2 br,h3 br{display:none}
  .hero-copy>p{font-size:16px}
  .eyebrow,.hero .eyebrow{font-size:11px}
  .hero-footnote{font-size:12px}
  .section-heading>p,.product-description>p,.faq-intro>p,.faq-list details>p,.pricing-intro>p,.contact-copy>p{font-size:15px}
  .product-tabs button{font-size:14px}
  .lang-switch{display:none}
  .hero-actions .button{white-space:nowrap}
  .header-actions{margin-left:auto}
  .header nav .nav-contact{display:block;font-weight:600;color:var(--ink)}
  .header nav .nav-contact:last-child{border-bottom:0}
}
@media(max-width:374px){.header-cta{white-space:nowrap}.header-cta svg{display:none}}
