:root{--paper:#F1F4F2;--paper2:#E6EBE8;--ink:#141A17;--ink2:#3D4743;--muted:#697570;--line:#CFD6D2;--green:#0A6B3D;--green-soft:#DCEDE3;--amber:#F2B705;--amber-soft:#FBEFC2;--red:#C0341D;--red-soft:#F6D9D3;--cab:#050807}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 "Source Sans 3","Helvetica Neue",Arial,sans-serif}
h1,h2,h3{font-family:Overpass,"Helvetica Neue",Arial,sans-serif;letter-spacing:-.01em;text-wrap:balance;margin:0}
a{color:var(--green)}
.eyebrow{font:12px "Overpass Mono",Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.top{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;max-width:1120px;margin:0 auto}
.brand{display:flex;align-items:center;gap:10px;font:700 18px Overpass,sans-serif;color:var(--ink);text-decoration:none}
.plate{display:inline-grid;place-items:center;width:34px;height:34px;background:var(--green);color:#fff;border:2px solid #fff;outline:2px solid var(--green);border-radius:5px;font-size:13px;font-weight:800}
.top nav{display:flex;gap:22px;align-items:center}
.top nav a{text-decoration:none;color:var(--ink2);font-weight:600;font-size:15px}
.cta{background:var(--green);color:#fff!important;padding:10px 16px;border-radius:10px;font-weight:700;text-decoration:none;display:inline-block}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;max-width:1120px;margin:24px auto 0;padding:24px 28px 48px}
.hero h1{font-size:clamp(36px,5vw,58px);line-height:1;font-weight:800;margin-bottom:16px}
.lede{font-size:19px;color:var(--ink2);max-width:56ch}
.wait{display:flex;gap:8px;margin-top:22px;max-width:460px}
.wait input{flex:1;padding:13px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}
.wait button{background:var(--green);color:#fff;border:0;border-radius:10px;padding:13px 18px;font:700 16px Overpass,sans-serif;cursor:pointer}
.fine,.thanks{font-size:13px;color:var(--muted);margin-top:12px}
.thanks{color:var(--green);font-weight:600;font-size:16px}
.phone{background:#0E1311;border-radius:44px;padding:12px;width:100%;max-width:340px;justify-self:center;box-shadow:0 30px 60px rgba(20,26,23,.25)}
.screen{border-radius:34px;height:620px;padding:24px 20px;display:flex;flex-direction:column;justify-content:space-between}
.cab{background:var(--cab);color:#F2F4F2}
.cab-top{display:flex;justify-content:space-between}
.chip{font:600 12px "Source Sans 3",sans-serif;padding:5px 9px;border-radius:999px;background:#1A211E;color:#C7CFCA}
.chip.on{background:#183A29;color:#3DB37A}.chip.amber{background:var(--amber-soft);color:#2B2000}.chip.red{background:var(--red-soft);color:var(--red)}
.cab-mid{text-align:center;display:grid;gap:18px}
.who{font:12px "Overpass Mono",monospace;letter-spacing:.16em;color:#8D9893}
.q{font:800 32px/1.1 Overpass,sans-serif}
.bars{display:flex;gap:5px;justify-content:center;align-items:center;height:40px}
.bars i{width:5px;height:8px;background:#3DB37A;border-radius:3px;animation:cw 1s ease-in-out infinite}
.bars i:nth-child(odd){animation-delay:.25s}.bars i:nth-child(3n){animation-delay:.5s}
@keyframes cw{0%,100%{height:8px}50%{height:34px}}
@media (prefers-reduced-motion:reduce){.bars i{animation:none}}
.you{color:#C7CFCA;font-size:15px}
.cab-cmds{display:flex;justify-content:center;gap:8px}
.cab-cmds span{font:12px "Overpass Mono",monospace;padding:6px 10px;border:1px solid #2C3531;border-radius:999px;color:#8D9893}
.band{background:var(--ink);color:#EEF2EF;padding:26px 28px}
.band p{max-width:900px;margin:0 auto;font-size:18px}
.band b{color:var(--amber);font-family:Overpass,sans-serif}
.how,.features,.waitlist{max-width:1120px;margin:0 auto;padding:56px 28px}
h2{font-size:32px;font-weight:700;margin-bottom:18px}
.steps{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.steps>div{background:#fff;border:1px solid var(--line);border-top:6px solid var(--amber);border-radius:8px;padding:18px 20px}
.steps h3,.grid h3{font-size:19px;margin:6px 0}
.steps p,.grid p{margin:0;color:var(--ink2);font-size:15.5px}
.no{font:12px "Overpass Mono",monospace;letter-spacing:.12em;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.grid>div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px 18px}
.fleets{background:var(--green-soft);padding:56px 28px}
.fleets>div:first-child,.fleet-card{max-width:1120px;margin:0 auto}
.fleets{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.fleets p{color:var(--ink2);max-width:52ch}
.fleets .cta{margin-top:10px}
.fleet-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;gap:8px;max-width:380px;justify-self:center;width:100%}
.row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:8px;background:var(--paper)}
.waitlist{text-align:center}
.waitlist .wait{margin:18px auto 0}
footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:1120px;margin:0 auto;padding:28px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
footer nav{display:flex;gap:18px}
.doc{max-width:720px;margin:0 auto;padding:40px 28px 80px}
.doc h1{font-size:36px;margin-bottom:8px}.doc h2{font-size:22px;margin:28px 0 8px}.doc p,.doc li{color:var(--ink2)}
@media (max-width:860px){.hero,.fleets{grid-template-columns:1fr}.steps,.grid{grid-template-columns:1fr}.top nav a:not(.cta){display:none}.screen{height:520px}}
