:root{--ink:#eef5ff;--muted:#8ea0bd;--night:#050b18;--navy:#07142d;--panel:#0b1b38;--panel-2:#102447;--blue:#1887ff;--green:#2fc26b;--yellow:#f6c62f;--orange:#ff8b22;--red:#ec3341;--line:rgba(151,183,230,.17);font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",system-ui,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{background:var(--night);scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 80% 8%,rgba(24,135,255,.15),transparent 30%),linear-gradient(180deg,#07142d 0,#050b18 58%,#030712 100%);font-size:16px}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:50;height:76px;display:flex;align-items:center;gap:32px;padding:0 max(24px,calc((100% - 1180px)/2));border-bottom:1px solid var(--line);background:rgba(5,11,24,.76);backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:760;white-space:nowrap}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(84,167,255,.45);border-radius:11px;color:#65b3ff;background:#0c2245;font-size:28px;line-height:1}.site-header nav{display:flex;align-items:center;gap:28px;margin-left:auto}.site-header nav a{position:relative;color:#9bacC6;font-size:14px}.site-header nav a:hover,.site-header nav a.is-active{color:#fff}.site-header nav a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-27px;height:2px;background:#258fff}.header-cta{margin-left:14px;padding:10px 16px;border:1px solid rgba(66,157,255,.48);border-radius:999px;background:#0c264d;color:#d9ecff;font-size:14px}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:center;gap:70px;padding-top:54px;padding-bottom:70px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 24px;color:#6faeff;font-size:12px;font-weight:750;letter-spacing:.17em}.eyebrow span{width:34px;height:1px;background:#318cff}.hero h1{margin:0;font-size:clamp(52px,6.4vw,88px);line-height:1.02;letter-spacing:-.065em}.hero h1 em{color:#53a7ff;font-style:normal}.lead{max-width:640px;margin:28px 0;color:#9cabc3;font-size:18px;line-height:1.82}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:0 20px;border-radius:13px;font-size:15px;font-weight:700}.button.primary{background:var(--blue);box-shadow:0 12px 30px rgba(24,135,255,.24)}.button.primary:hover{background:#3498ff}.button.ghost{border:1px solid var(--line);background:rgba(11,27,56,.68);color:#c9d8ec}.metrics{display:flex;gap:42px;margin:44px 0 0}.metrics div{display:grid;gap:4px}.metrics dt{font-size:31px;font-weight:780}.metrics dd{margin:0;color:#7689a7;font-size:13px}.hero-visual{position:relative;min-height:660px;display:grid;place-items:center}.phone{position:relative;z-index:4;width:338px;height:690px;padding:7px;border:2px solid #506077;border-radius:43px;background:#03060c;box-shadow:0 48px 100px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.06)}.phone-camera{position:absolute;z-index:8;top:12px;left:50%;width:9px;height:9px;transform:translateX(-50%);border:1px solid #030612;border-radius:50%;background:#1e3c78;box-shadow:0 0 0 1px #7182a0}.phone-screen{position:relative;height:100%;overflow:hidden;border-radius:35px;background:#ddecf2}.pace-stack{position:absolute;z-index:5;top:36px;left:9px;right:9px;height:184px;overflow:hidden;border-radius:24px;filter:drop-shadow(0 12px 17px rgba(0,0,0,.24))}.pace-card{position:absolute;inset-block:0;width:54%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:12px 17px;border:1px solid rgba(255,255,255,.34);border-radius:24px;color:white}.pace-card.current{z-index:3;left:0;background:var(--yellow)}.pace-card.next{z-index:2;left:44%;width:50%;padding-left:calc(20% + 10px);background:var(--orange)}.pace-card.after{z-index:1;left:88%;width:50%;background:var(--red)}.pace-distance{font-size:17px;font-weight:750;line-height:1}.pace-distance small{font-size:11px}.pace-card strong{margin-top:12px;font-size:52px;line-height:.9;letter-spacing:-.06em}.turn-arrow{align-self:center;margin-top:12px;font-size:43px;line-height:.8}.pace-context{position:absolute;top:8px;right:12px;font-size:11px}.map-ui{position:absolute;inset:0;background:linear-gradient(150deg,#a8dfca 0 30%,#dce9e5 30% 64%,#b5dfc3 64%)}.map-ui svg{position:absolute;inset:190px 0 75px;width:100%;height:calc(100% - 265px)}.map-roads path{fill:none;stroke:#f9fbf9;stroke-width:10;opacity:.85}.route-halo{fill:none;stroke:#fff;stroke-width:13;stroke-linecap:round}.route-line{fill:none;stroke:#1caf58;stroke-width:8;stroke-linecap:round}.route-dots circle{fill:#f4c530;stroke:#fff;stroke-width:2}.map-label{position:absolute;padding:3px 6px;border-radius:7px;background:rgba(239,255,247,.82);color:#24834a;font-size:9px;font-weight:700}.label-a{top:300px;right:15px}.label-b{top:414px;left:24px}.vehicle{position:absolute;left:50%;bottom:126px;width:54px;height:54px;display:grid;place-items:center;transform:translateX(-50%);border-radius:50%;background:white;color:#1a83ee;font-size:34px;box-shadow:0 5px 18px rgba(0,0,0,.22)}.nav-sheet{position:absolute;z-index:6;left:8px;right:8px;bottom:8px;height:78px;display:grid;grid-template-columns:52px 1fr 52px;align-items:center;gap:10px;padding:8px 10px;border-radius:25px;background:rgba(249,251,253,.95);color:#0d1727;box-shadow:0 10px 30px rgba(0,0,0,.18)}.nav-sheet button{width:46px;height:46px;border:1px solid #d7e0e9;border-radius:50%;background:white;color:#111b2c;font-size:27px}.nav-sheet div{display:grid;justify-items:center;gap:3px}.nav-sheet strong{font-size:20px}.nav-sheet span{color:#738095;font-size:9px}.route-chip{position:absolute;z-index:8;right:-4px;bottom:52px;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid rgba(82,154,240,.28);border-radius:15px;background:rgba(8,24,51,.92);box-shadow:0 18px 35px rgba(0,0,0,.28)}.route-chip div{display:grid;gap:2px}.route-chip small{color:#7d90ae;font-size:10px}.route-chip strong{font-size:13px}.green-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(47,194,107,.12)}.route-orbit{position:absolute;border:1px solid rgba(54,145,255,.2);border-radius:50%}.orbit-one{width:540px;height:540px}.orbit-two{width:690px;height:690px}.route-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(7,20,45,.7)}.route-strip-inner{display:grid;grid-template-columns:repeat(3,1fr)}.route-strip-inner>div{min-height:124px;display:flex;align-items:center;gap:20px;padding:24px 34px;border-right:1px solid var(--line)}.route-strip-inner>div:first-child{border-left:1px solid var(--line)}.route-index{color:#388fdc;font-size:12px;font-weight:800}.route-strip p{margin:0;color:#c0cde0;line-height:1.55}footer{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(24px,calc((100% - 1180px)/2));color:#60728f;font-size:12px}@media(max-width:900px){.site-header nav{display:none}.header-cta{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:72px}.hero-copy{text-align:center}.eyebrow,.hero-actions{justify-content:center}.lead{margin-inline:auto}.metrics{justify-content:center}.hero-visual{min-height:720px}.route-strip-inner{grid-template-columns:1fr}.route-strip-inner>div{min-height:86px;border-left:1px solid var(--line)}footer{flex-direction:column;justify-content:center}.shell{width:min(100% - 30px,720px)}}@media(max-width:480px){.site-header{height:66px;padding:0 15px}.brand{font-size:16px}.header-cta{display:none}.hero{min-height:auto;padding-top:50px;gap:34px}.hero h1{font-size:47px}.lead{font-size:16px}.metrics{gap:24px}.metrics dt{font-size:26px}.phone{width:300px;height:612px}.hero-visual{min-height:640px}.route-chip{right:0}.orbit-one{width:360px;height:360px}.orbit-two{width:460px;height:460px}}