:root{
  --bg:#F4F1EA; --surface:#FFFFFF; --surfaceAlt:#FAF7EF;
  --navy:#0B1B3A; --navyMid:#163063; --navySoft:#E5EAF3;
  --gold:#E8B547; --goldDeep:#B8851E; --goldSoft:#FBEBC2;
  --ink:#0B1220; --ink2:#3B4253; --ink3:#6B7280; --ink4:#9AA0AB;
  --green:#16864F; --greenSoft:#DCEFE2;
  --line:rgba(11,27,58,0.10); --lineStrong:rgba(11,27,58,0.20);
  --shadowSm:0 1px 0 rgba(11,27,58,0.04), 0 1px 2px rgba(11,27,58,0.06);
  --shadowMd:0 1px 0 rgba(11,27,58,0.05), 0 6px 16px rgba(11,27,58,0.08);
  --shadowLg:0 30px 60px rgba(11,27,58,0.18), 0 8px 16px rgba(0,0,0,0.06);
  --ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --num:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --maxw:1180px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;line-height:1.5;}
h1,h2,h3,p{margin:0;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.eyebrow{font-family:var(--num);font-size:12px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--goldDeep);}
.mono{font-family:var(--num);}

/* ── NAV ───────────────────────────────────── */
nav{position:sticky;top:0;z-index:50;background:rgba(244,241,234,0.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px;}
.brand{display:flex;align-items:center;gap:12px;}
.mark{width:38px;height:38px;border-radius:11px;background:var(--gold);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:var(--shadowSm);flex-shrink:0;}
.mark .fg{font-family:var(--ui);font-weight:900;font-size:18px;color:var(--navy);letter-spacing:-0.04em;}
.mark .dot{position:absolute;right:-3px;bottom:-3px;width:11px;height:11px;border-radius:999px;background:var(--navy);border:2.5px solid var(--gold);}
.brand .name{font-weight:900;font-size:21px;letter-spacing:-0.03em;color:var(--ink);}
.nav-links{display:flex;align-items:center;gap:34px;}
.nav-links a.lnk{font-size:14.5px;font-weight:600;color:var(--ink2);transition:color .15s;}
.nav-links a.lnk:hover{color:var(--navy);}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--ui);font-weight:700;font-size:14.5px;border-radius:12px;padding:11px 18px;cursor:pointer;border:none;transition:transform .12s ease,box-shadow .15s ease,background .15s ease;}
.btn:active{transform:translateY(1px);}
.btn-navy{background:var(--navy);color:#fff;box-shadow:var(--shadowSm);}
.btn-navy:hover{background:var(--navyMid);}
.btn-gold{background:var(--gold);color:var(--navy);font-weight:800;box-shadow:var(--shadowSm);}
.btn-gold:hover{background:#f0c25e;}
.btn-ghost{background:transparent;color:var(--ink2);border:1px solid var(--line);}
.btn-ghost:hover{border-color:var(--lineStrong);color:var(--navy);}

/* ── HERO ──────────────────────────────────── */
.hero{padding:74px 0 80px;position:relative;overflow:hidden;}
.hero-grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:56px;align-items:center;}
.badge-row{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 8px 6px 12px;box-shadow:var(--shadowSm);}
.badge-row .live{width:8px;height:8px;border-radius:999px;background:var(--green);box-shadow:0 0 0 4px var(--greenSoft);}
.badge-row span{font-size:12.5px;font-weight:600;color:var(--ink2);}
.badge-row .tag{font-family:var(--num);font-size:11px;font-weight:700;color:var(--navy);background:var(--navySoft);padding:3px 8px;border-radius:999px;letter-spacing:0.04em;}
h1.hero-h{font-size:60px;line-height:1.02;letter-spacing:-0.035em;font-weight:900;color:var(--ink);margin-top:22px;text-wrap:balance;}
h1.hero-h .accent{color:var(--navy);position:relative;display:inline-block;}
h1.hero-h .accent::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:12px;background:var(--gold);opacity:0.32;z-index:-1;border-radius:2px;}
.hero-sub{font-size:18.5px;line-height:1.55;color:var(--ink2);margin-top:22px;max-width:480px;text-wrap:pretty;}
.store-row{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap;}
.store{display:inline-flex;align-items:center;gap:12px;background:var(--navy);color:#fff;border-radius:14px;padding:12px 20px 12px 18px;cursor:pointer;transition:transform .12s ease,background .15s ease;box-shadow:var(--shadowMd);}
.store:hover{transform:translateY(-2px);background:var(--navyMid);}
.store:active{transform:translateY(0);}
.store svg{width:26px;height:26px;flex-shrink:0;}
.store .st-top{font-size:10.5px;letter-spacing:0.04em;color:rgba(255,255,255,0.7);font-weight:500;line-height:1;}
.store .st-bot{font-size:17px;font-weight:700;line-height:1.15;letter-spacing:-0.01em;}
.trust{display:flex;align-items:center;gap:18px;margin-top:30px;flex-wrap:wrap;}
.stars{display:flex;gap:2px;color:var(--gold);}
.trust .t-text{font-size:13.5px;color:var(--ink3);}
.trust .t-text b{color:var(--ink);font-weight:700;}
.trust .divider{width:1px;height:24px;background:var(--line);}

/* decorative hero bg */
.hero-arc{position:absolute;top:-160px;right:-160px;width:520px;height:520px;border-radius:50%;border:46px solid var(--gold);opacity:0.07;pointer-events:none;}
.hero-arc2{position:absolute;bottom:-200px;left:-180px;width:420px;height:420px;border-radius:50%;background:var(--navy);opacity:0.03;pointer-events:none;}

/* ── PHONE MOCKUP ──────────────────────────── */
.phone-stage{display:flex;justify-content:center;position:relative;}
.phone-glow{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(232,181,71,0.35),transparent 68%);top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;}
.phone{width:312px;height:636px;background:#0a0a0a;border-radius:46px;padding:9px;box-shadow:var(--shadowLg);position:relative;z-index:1;transform:rotate(1.2deg);}
.phone .screen{width:100%;height:100%;border-radius:38px;overflow:hidden;background:var(--bg);position:relative;display:flex;flex-direction:column;}
.phone .notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:104px;height:24px;background:#0a0a0a;border-radius:999px;z-index:20;}

.sb{display:flex;justify-content:space-between;align-items:center;padding:13px 20px 6px;font-family:var(--num);font-size:12px;font-weight:600;color:var(--ink);}
.sb .right{display:flex;gap:5px;align-items:center;opacity:0.8;font-size:10px;}
.appbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 12px;}
.appbar .l{display:flex;align-items:center;gap:9px;}
.appbar .mk{width:30px;height:30px;border-radius:9px;background:var(--gold);display:flex;align-items:center;justify-content:center;position:relative;}
.appbar .mk .fg{font-weight:900;font-size:14px;color:var(--navy);letter-spacing:-0.04em;}
.appbar .ttl{font-size:16px;font-weight:800;letter-spacing:-0.02em;}
.pts{display:flex;align-items:center;gap:6px;background:var(--navy);color:#fff;border-radius:999px;padding:5px 11px;}
.pts .v{font-family:var(--num);font-weight:800;font-size:13px;color:var(--gold);}
.pts .l{font-size:10px;font-weight:600;color:rgba(255,255,255,0.75);}
.chips{display:flex;gap:7px;padding:2px 16px 12px;overflow:hidden;}
.chip{font-size:11.5px;font-weight:700;padding:6px 12px;border-radius:999px;white-space:nowrap;border:1px solid var(--line);background:var(--surface);color:var(--ink2);}
.chip.on{background:var(--navy);color:#fff;border-color:var(--navy);}
.chip .c{font-family:var(--num);opacity:0.6;margin-left:3px;font-size:10px;}
.feed{flex:1;background:var(--surface);border-top:1px solid var(--line);overflow:hidden;}
.job{padding:13px 16px;border-bottom:1px solid var(--line);position:relative;}
.job.rec{background:var(--surfaceAlt);box-shadow:inset 3px 0 0 var(--gold);}
.job .top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;}
.job .route{font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;}
.job .fare{font-family:var(--num);font-size:16px;font-weight:800;color:var(--navy);}
.job .meta{display:flex;align-items:center;gap:7px;margin-top:5px;flex-wrap:wrap;}
.tag2{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;font-family:var(--num);letter-spacing:0.03em;}
.tag2.cash{background:var(--greenSoft);color:var(--green);}
.tag2.veh{background:var(--navySoft);color:var(--navy);}
.tag2.rec{background:var(--goldSoft);color:var(--goldDeep);}
.job .pts2{font-size:11px;color:var(--ink3);font-family:var(--num);}
.job .ago{font-size:10.5px;color:var(--ink4);font-family:var(--num);}

/* ── SECTION SCAFFOLD ──────────────────────── */
section{position:relative;}
.sec-head{text-align:center;max-width:680px;margin:0 auto 52px;}
.sec-head h2{font-size:40px;line-height:1.08;letter-spacing:-0.03em;font-weight:900;margin-top:14px;text-wrap:balance;}
.sec-head p{font-size:17px;color:var(--ink2);margin-top:16px;line-height:1.55;text-wrap:pretty;}

/* ── VALUE STRIP ───────────────────────────── */
.strip{background:var(--navy);padding:26px 0;}
.strip-inner{display:flex;align-items:center;justify-content:center;gap:46px;flex-wrap:wrap;}
.strip .item{display:flex;align-items:center;gap:11px;color:rgba(255,255,255,0.92);font-size:14.5px;font-weight:600;}
.strip .item .ic{width:20px;height:20px;color:var(--gold);flex-shrink:0;}
.strip .dot{width:5px;height:5px;border-radius:999px;background:rgba(255,255,255,0.25);}

/* ── FEATURES (how it works) ───────────────── */
.how{padding:96px 0;}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.step{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:30px 26px;position:relative;transition:transform .18s ease,box-shadow .18s ease;}
.step:hover{transform:translateY(-4px);box-shadow:var(--shadowMd);}
.step .n{font-family:var(--num);font-size:13px;font-weight:800;color:var(--gold);letter-spacing:0.06em;}
.step .ic-wrap{width:52px;height:52px;border-radius:14px;background:var(--navySoft);display:flex;align-items:center;justify-content:center;margin:14px 0 18px;}
.step .ic-wrap svg{width:26px;height:26px;color:var(--navy);}
.step h3{font-size:21px;font-weight:800;letter-spacing:-0.02em;}
.step p{font-size:15px;color:var(--ink2);margin-top:10px;line-height:1.55;}
.step .arrow{position:absolute;top:42px;right:-30px;color:var(--lineStrong);z-index:2;}
.step:last-child .arrow{display:none;}

/* ── FEATURE DETAIL ROWS ───────────────────── */
.feats{padding:24px 0 96px;}
.feat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.feat{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:30px;display:flex;gap:20px;align-items:flex-start;transition:border-color .18s ease,box-shadow .18s ease;}
.feat:hover{border-color:var(--lineStrong);box-shadow:var(--shadowMd);}
.feat .fi{width:50px;height:50px;border-radius:13px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--goldSoft);}
.feat .fi svg{width:26px;height:26px;color:var(--goldDeep);}
.feat h3{font-size:19px;font-weight:800;letter-spacing:-0.02em;}
.feat p{font-size:14.5px;color:var(--ink2);margin-top:8px;line-height:1.55;}

/* ── DASHBOARD HIGHLIGHT ───────────────────── */
.spotlight{padding:0 0 96px;}
.spot-card{background:var(--navy);border-radius:28px;padding:56px 56px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;overflow:hidden;}
.spot-card .sp-arc{position:absolute;top:-120px;right:-100px;width:360px;height:360px;border-radius:50%;border:34px solid var(--gold);opacity:0.12;}
.spot-card .eyebrow{color:var(--gold);}
.spot-card h2{color:#fff;font-size:36px;line-height:1.1;letter-spacing:-0.03em;font-weight:900;margin-top:14px;text-wrap:balance;}
.spot-card p{color:rgba(255,255,255,0.78);font-size:16px;margin-top:16px;line-height:1.6;}
.spot-list{margin-top:24px;display:flex;flex-direction:column;gap:14px;}
.spot-list .li{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,0.92);font-size:15px;font-weight:500;}
.spot-list .ck{width:24px;height:24px;border-radius:999px;background:var(--gold);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;flex-shrink:0;}
.ledger{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:18px;padding:22px;position:relative;z-index:1;}
.ledger .lh{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,0.1);margin-bottom:6px;}
.ledger .lh .t{color:#fff;font-size:15px;font-weight:800;}
.ledger .lh .bal{font-family:var(--num);font-size:13px;color:var(--gold);font-weight:700;}
.ledger .row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.06);}
.ledger .row:last-child{border-bottom:none;}
.ledger .row .d{font-size:13px;color:rgba(255,255,255,0.88);font-weight:500;}
.ledger .row .sub{font-size:11px;color:rgba(255,255,255,0.5);font-family:var(--num);margin-top:2px;}
.ledger .row .delta{font-family:var(--num);font-size:14px;font-weight:800;}
.ledger .row .delta.up{color:#5CD391;}
.ledger .row .delta.down{color:var(--gold);}

/* ── DOWNLOAD CTA ──────────────────────────── */
.cta{padding:0 0 100px;}
.cta-card{background:linear-gradient(135deg,var(--navy),var(--navyMid));border-radius:28px;padding:64px 40px;text-align:center;position:relative;overflow:hidden;}
.cta-card .c-arc{position:absolute;bottom:-160px;left:50%;transform:translateX(-50%);width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(232,181,71,0.16),transparent 65%);pointer-events:none;z-index:0;}
.cta-card .mk-big{width:64px;height:64px;border-radius:18px;background:var(--gold);display:inline-flex;align-items:center;justify-content:center;position:relative;margin-bottom:24px;box-shadow:var(--shadowMd);}
.cta-card .mk-big .fg{font-weight:900;font-size:30px;color:var(--navy);letter-spacing:-0.04em;}
.cta-card .mk-big .dot{position:absolute;right:-4px;bottom:-4px;width:18px;height:18px;border-radius:999px;background:var(--navy);border:4px solid var(--gold);}
.cta-card h2{color:#fff;font-size:42px;line-height:1.05;letter-spacing:-0.03em;font-weight:900;position:relative;text-wrap:balance;}
.cta-card p{color:rgba(255,255,255,0.8);font-size:18px;margin-top:16px;position:relative;max-width:520px;margin-left:auto;margin-right:auto;}
.cta-card .store-row{justify-content:center;position:relative;}
.cta-card .store{background:#fff;color:var(--navy);}
.cta-card .store:hover{background:#f4f1ea;}
.cta-card .store .st-top{color:var(--ink3);}
.cta-card .free{margin-top:24px;font-size:13.5px;color:rgba(255,255,255,0.6);position:relative;}

/* ── FOOTER ────────────────────────────────── */
footer{border-top:1px solid var(--line);padding:48px 0 40px;}
.foot-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap;}
.foot-brand{max-width:300px;}
.foot-brand p{font-size:13.5px;color:var(--ink3);margin-top:14px;line-height:1.55;}
.foot-cols{display:flex;gap:64px;flex-wrap:wrap;}
.foot-col h4{font-family:var(--num);font-size:11px;font-weight:700;letter-spacing:0.1em;color:var(--ink3);text-transform:uppercase;}
.foot-col a{display:block;font-size:14px;color:var(--ink2);margin-top:12px;transition:color .15s;}
.foot-col a:hover{color:var(--navy);}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:24px;border-top:1px solid var(--line);flex-wrap:wrap;gap:12px;}
.foot-bottom .cc{font-size:12.5px;color:var(--ink4);font-family:var(--num);}

/* ── RESPONSIVE ────────────────────────────── */
.menu-btn{display:none;}
@media(max-width:920px){
  .hero-grid{grid-template-columns:1fr;gap:48px;}
  .phone-stage{order:-1;}
  h1.hero-h{font-size:46px;}
  .steps{grid-template-columns:1fr;}
  .step .arrow{display:none;}
  .feat-grid{grid-template-columns:1fr;}
  .spot-card{grid-template-columns:1fr;padding:40px 30px;}
  .nav-links .lnk{display:none;}
}
@media(max-width:560px){
  .wrap{padding:0 18px;}
  h1.hero-h{font-size:38px;}
  .sec-head h2{font-size:30px;}
  .cta-card h2{font-size:30px;}
  .spot-card h2{font-size:28px;}
  .store-row{flex-direction:column;}
  .store{width:100%;}
  .strip-inner{gap:18px;}
  .strip .dot{display:none;}
  .nav-cta-text{display:none;}
}

/* ── waitlist ─────────────────────────── */
.waitlist{margin-top:26px;max-width:440px;margin-left:auto;margin-right:auto;position:relative;z-index:1}
.waitlist-form{display:flex;gap:10px;flex-wrap:wrap}
.waitlist-form input{flex:1;min-width:200px;padding:15px 18px;border-radius:14px;border:1.5px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#F4F1EA;font:500 15px/1 'Inter',sans-serif;outline:none;transition:border-color .15s}
.waitlist-form input::placeholder{color:rgba(244,241,234,.45)}
.waitlist-form input:focus{border-color:#E8B547}
.waitlist-form button{padding:15px 26px;border-radius:14px;border:none;background:#E8B547;color:#0B1B3A;font:800 15px/1 'Inter',sans-serif;cursor:pointer;transition:transform .12s,filter .15s}
.waitlist-form button:hover{filter:brightness(1.05);transform:translateY(-1px)}
.waitlist-form button:disabled{opacity:.6;cursor:default;transform:none}
.waitlist-note{margin-top:12px;font:500 13px/1.4 'Inter',sans-serif;color:rgba(244,241,234,.55)}
.waitlist-ok{margin-top:18px;padding:16px 20px;border-radius:14px;background:rgba(232,181,71,.14);border:1.5px solid rgba(232,181,71,.4);color:#F4F1EA;font:600 15px/1.4 'Inter',sans-serif;display:none}
.store-soon{margin-top:14px;font-size:13.5px;color:var(--ink3);max-width:420px}
.store-soon--light{color:rgba(255,255,255,0.55);margin-left:auto;margin-right:auto}
.cta-card .store-soon--light{margin-top:12px}
.waitlist-form input.focus-nudge{border-color:#E8B547;box-shadow:0 0 0 3px rgba(232,181,71,.35)}

/* ── CONTENT PAGES ───────────────────────── */
.page{padding:48px 0 80px;}
.page-hero{text-align:center;max-width:640px;margin:0 auto 48px;}
.page-hero h1{font-size:42px;line-height:1.08;letter-spacing:-0.03em;font-weight:900;text-wrap:balance;}
.page-hero p{font-size:17px;color:var(--ink2);margin-top:16px;line-height:1.55;}
.page-body{max-width:720px;margin:0 auto;}
.page-body h2{font-size:22px;font-weight:800;letter-spacing:-0.02em;margin:36px 0 12px;}
.page-body h2:first-child{margin-top:0;}
.page-body h3{font-size:17px;font-weight:700;margin:24px 0 8px;}
.page-body p,.page-body li{font-size:15.5px;color:var(--ink2);line-height:1.65;}
.page-body p+p{margin-top:14px;}
.page-body ul,.page-body ol{margin:12px 0;padding-left:1.4em;}
.page-body li+li{margin-top:8px;}
.page-body a{color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:2px;}
.page-body a:hover{color:var(--navyMid);}
.page-meta{font-family:var(--num);font-size:12px;color:var(--ink4);margin-top:8px;}
.contact-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px 30px;margin:28px 0;}
.contact-card h2{margin:0 0 8px;font-size:20px;}
.contact-card p{margin:0;}
.faq{margin-top:36px;}
.faq-item{border-top:1px solid var(--line);padding:20px 0;}
.faq-item:first-child{border-top:none;padding-top:0;}
.faq-item h3{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--ink);}
.faq-item p{margin:0;}
.legal-note{background:var(--surfaceAlt);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-bottom:32px;font-size:14px;color:var(--ink3);line-height:1.55;}
@media(max-width:560px){
  .page-hero h1{font-size:30px;}
}