:root{--bg:#060910;--bg-2:#0a111b;--panel:rgba(13,21,32,0.82);--panel-2:#101a27;--panel-3:#f5faf7;--text:#f7fbff;--muted:#9fb0c2;--muted-2:#687b8e;--line:rgba(255,255,255,0.12);--line-strong:rgba(255,255,255,0.2);--green:#29d99f;--green-2:#12b981;--blue:#2f8cff;--amber:#f6c75f;--danger:#ff5d89;--ink:#071019;--shadow:0 26px 90px rgba(0,0,0,0.42);--body-gradient:radial-gradient(circle at 16% 10%,rgba(47,140,255,0.16),transparent 26%),radial-gradient(circle at 82% 0%,rgba(41,217,159,0.16),transparent 28%),linear-gradient(180deg,#060910,#07101a 46%,#060910);--map-base:#09131e;--map-deep:#07101a;--map-line:rgba(255,255,255,0.065);--map-block:rgba(41,217,159,0.1);--route-primary:#29d99f;--route-shadow:#14243a}:root[data-theme=light]{--bg:#edf7f8;--bg-2:#ffffff;--panel:rgba(255,255,255,0.86);--panel-2:#ffffff;--panel-3:#ffffff;--text:#071019;--muted:#465a6e;--muted-2:#63788d;--line:rgba(9,36,56,0.11);--line-strong:rgba(9,36,56,0.18);--ink:#071019;--shadow:0 28px 80px rgba(48,92,112,0.18);--body-gradient:radial-gradient(circle at 17% 10%,rgba(47,140,255,0.16),transparent 28%),radial-gradient(circle at 84% 2%,rgba(255,79,179,0.14),transparent 30%),linear-gradient(180deg,#f7fcfb,#edf7f8 48%,#ffffff);--map-base:#e6f2f1;--map-deep:#d9eaec;--map-line:rgba(9,36,56,0.13);--map-block:rgba(41,217,159,0.18);--route-primary:#16c996;--route-shadow:rgba(20,42,65,0.2)}:root[data-theme=pace]{--bg:#0c0612;--bg-2:#130b1f;--panel:rgba(27,16,42,0.82);--panel-2:#1a1028;--green:#ff4fb3;--green-2:#b86cff;--blue:#7dd3fc;--amber:#f7cc5c;--body-gradient:radial-gradient(circle at 18% 12%,rgba(184,108,255,0.2),transparent 28%),radial-gradient(circle at 84% 0%,rgba(255,79,179,0.16),transparent 28%),linear-gradient(180deg,#0c0612,#11091c 52%,#0c0612);--map-base:#11091c;--map-deep:#0b0612;--map-line:rgba(255,255,255,0.075);--map-block:rgba(255,79,179,0.11);--route-primary:#ff4fb3;--route-shadow:#241234}:root[data-theme=dark]{--bg:#060910;--bg-2:#0a111b;--panel:rgba(13,21,32,0.82);--panel-2:#101a27;--panel-3:#f5faf7;--text:#f7fbff;--muted:#9fb0c2;--muted-2:#687b8e;--line:rgba(255,255,255,0.12);--line-strong:rgba(255,255,255,0.2);--green:#29d99f;--green-2:#12b981;--blue:#2f8cff;--amber:#f6c75f;--danger:#ff5d89;--ink:#071019;--shadow:0 26px 90px rgba(0,0,0,0.42);--body-gradient:radial-gradient(circle at 16% 10%,rgba(47,140,255,0.16),transparent 26%),radial-gradient(circle at 82% 0%,rgba(41,217,159,0.16),transparent 28%),linear-gradient(180deg,#060910,#07101a 46%,#060910);--map-base:#09131e;--map-deep:#07101a;--map-line:rgba(255,255,255,0.065);--map-block:rgba(41,217,159,0.1);--route-primary:#29d99f;--route-shadow:#14243a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--body-gradient);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}.siteHeader{position:fixed;inset:0 0 auto;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:20px;gap:20px;padding:16px clamp(20px,5vw,72px);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(6,9,16,.76);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}:root[data-theme=pace] .siteHeader{border-bottom-color:rgba(184,108,255,.22);background:rgba(12,6,18,.78)}:root[data-theme=light] .siteHeader{border-bottom-color:rgba(9,36,56,.08);background:rgba(248,253,252,.84);box-shadow:0 14px 34px rgba(48,92,112,.08)}:root[data-theme=light] .brand img{box-shadow:0 14px 32px rgba(184,108,255,.2)}.brand{display:inline-flex;align-items:center;gap:11px;width:-moz-fit-content;width:fit-content;color:var(--text);font-size:18px;font-weight:950;letter-spacing:0}.brand img{border-radius:12px;box-shadow:0 14px 32px rgba(41,217,159,.13)}.desktopNav,.siteFooter nav{display:flex;align-items:center;gap:24px;color:var(--muted);font-size:14px;font-weight:800}.desktopNav a,.siteFooter a{transition:color .16s ease}.desktopNav a:hover,.siteFooter a:hover{color:var(--text)}.headerCta{justify-self:end;display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:1px solid rgba(41,217,159,.3);border-radius:10px;padding:0 16px;background:rgba(41,217,159,.1);color:var(--green);font-size:13px;font-weight:950}:root[data-theme=light] .headerCta{border-color:rgba(22,201,150,.35);background:rgba(22,201,150,.12);color:#067a5d}.headerActions{justify-self:end;display:flex;align-items:center;gap:10px}.themeToggle{display:inline-flex;min-height:42px;align-items:center;gap:8px;border:1px solid var(--line-strong);border-radius:10px;padding:0 12px;background:rgba(255,255,255,.06);color:var(--text);cursor:pointer;font:inherit;font-size:13px;font-weight:950;transition:border-color .18s ease,background .18s ease,transform .18s ease}:root[data-theme=light] .themeToggle{border-color:rgba(9,36,56,.15);background:rgba(255,255,255,.78);box-shadow:0 12px 30px rgba(48,92,112,.12)}.themeToggle:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--green) 46%,transparent);background:color-mix(in srgb,var(--green) 11%,transparent)}.themeSwatch{width:16px;height:16px;border-radius:999px;background:conic-gradient(from 120deg,var(--green),var(--blue),var(--amber),var(--green));box-shadow:0 0 18px color-mix(in srgb,var(--green) 45%,transparent)}.hero{position:relative;min-height:94vh;overflow:hidden;padding:116px clamp(22px,6vw,90px) 92px}.hero:after{content:"";position:absolute;inset:auto 0 0;height:140px;background:linear-gradient(180deg,transparent,var(--bg));pointer-events:none}:root[data-theme=light] .hero:after{background:linear-gradient(180deg,transparent,rgba(237,247,248,.92))}.heroMap{inset:0;opacity:.96}.cityPlane,.heroMap{position:absolute;overflow:hidden}.cityPlane{inset:-12%;background:linear-gradient(var(--map-line) 2px,transparent 2px),linear-gradient(90deg,var(--map-line) 2px,transparent 2px),radial-gradient(circle at 72% 20%,color-mix(in srgb,var(--green) 22%,transparent),transparent 28%),linear-gradient(160deg,color-mix(in srgb,var(--blue) 13%,transparent),transparent 46%),var(--map-deep);background-size:86px 86px,86px 86px,auto,auto,auto;transform:perspective(680px) rotateX(60deg) rotate(-9deg) translateY(70px);transform-origin:center}.roadLayer{position:absolute;inset:-8%;opacity:.52;background:linear-gradient(28deg,transparent 0 44%,color-mix(in srgb,var(--text) 8%,transparent) 44% 45%,transparent 45% 100%),linear-gradient(118deg,transparent 0 48%,color-mix(in srgb,var(--text) 7%,transparent) 48% 49%,transparent 49% 100%),linear-gradient(0deg,transparent 0 62%,color-mix(in srgb,var(--text) 6%,transparent) 62% 63%,transparent 63% 100%);background-size:520px 520px,460px 460px,360px 360px}.cityBlock{position:absolute;display:block;border:1px solid color-mix(in srgb,var(--green) 22%,transparent);border-radius:8px;background:linear-gradient(145deg,color-mix(in srgb,var(--green) 20%,transparent),transparent 62%),var(--map-block);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 14%,transparent)}.blockOne{left:12%;top:48%;width:180px;height:96px}.blockTwo{left:34%;top:36%;width:150px;height:128px}.blockThree{right:18%;top:26%;width:220px;height:112px}.blockFour{right:8%;bottom:22%;width:170px;height:138px}.blockFive{left:58%;bottom:16%;width:128px;height:92px}.poiLabel{position:absolute;border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:color-mix(in srgb,var(--panel-2) 76%,transparent);color:var(--muted);font-size:12px;font-weight:950;letter-spacing:0}.labelPark{left:18%;top:34%}.labelClub{right:24%;top:18%}.labelStart{left:48%;bottom:23%;color:var(--green)}.heroRoute{position:absolute;right:-54px;bottom:10px;width:min(62vw,940px);filter:drop-shadow(0 20px 36px rgba(47,140,255,.26))}.heroInner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.96fr) minmax(330px,420px);grid-gap:clamp(36px,7vw,90px);gap:clamp(36px,7vw,90px);align-items:center;max-width:1240px;min-height:calc(94vh - 208px);margin:0 auto}.heroCopy{max-width:690px}.hero h1{margin:0;font-size:clamp(68px,11vw,146px);font-weight:950;letter-spacing:0;line-height:.86}.hero p{max-width:640px;margin:30px 0 0;color:var(--muted);font-size:clamp(19px,2vw,25px);line-height:1.44}.downloadActions,.finalCta,.heroActions,.replayControl{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.heroActions{margin-top:34px}.primaryButton,.secondaryButton{display:inline-flex;min-height:50px;align-items:center;justify-content:center;border-radius:10px;padding:0 20px;font-size:14px;font-weight:950}.primaryButton{border:1px solid rgba(41,217,159,.35);background:linear-gradient(180deg,#34e7ad,var(--green));color:#06110d;box-shadow:0 18px 42px rgba(41,217,159,.26)}:root[data-theme=light] .primaryButton{border-color:rgba(22,201,150,.3);background:linear-gradient(135deg,#20e3aa,#31d6ee 54%,#ff68bd);box-shadow:0 20px 44px rgba(22,201,150,.22)}.secondaryButton{border:1px solid var(--line-strong);background:rgba(255,255,255,.07);color:var(--text)}:root[data-theme=light] .secondaryButton{background:rgba(255,255,255,.58);color:#092438;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.heroDevice{position:relative;min-height:640px;padding:18px;border:1px solid var(--line-strong);border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.09),transparent 26%),linear-gradient(180deg,#162130,#070b12);box-shadow:var(--shadow);--route-primary:var(--green);--route-shadow:#14243a}:root[data-theme=light] .heroDevice{background:linear-gradient(180deg,rgba(255,255,255,.78),transparent 28%),linear-gradient(180deg,#dfe9ef,#ffffff);--route-primary:#16c996;--route-shadow:rgba(20,42,65,0.22)}.heroDevice:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.08);border-radius:28px;pointer-events:none}.deviceTop{position:relative;z-index:2;width:92px;height:8px;margin:0 auto 18px;border-radius:999px;background:rgba(255,255,255,.28)}.routeModeTabs{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px;margin-bottom:12px}.routeModeButton{min-height:34px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.055);color:var(--muted);cursor:pointer;font:inherit;font-size:12px;font-weight:950}.routeModeButton.active{border-color:color-mix(in srgb,var(--route-primary) 48%,transparent);background:color-mix(in srgb,var(--route-primary) 14%,transparent);color:var(--text)}.mode-beacon{--route-primary:var(--blue);--route-shadow:#10213b}.mode-replay{--route-primary:var(--amber);--route-shadow:#2f2614}.deviceMap{position:relative;min-height:405px;overflow:hidden;border-radius:26px;background:linear-gradient(var(--map-line) 1px,transparent 1px),linear-gradient(90deg,var(--map-line) 1px,transparent 1px),radial-gradient(circle at 76% 12%,color-mix(in srgb,var(--route-primary) 22%,transparent),transparent 25%),var(--map-base);background-size:44px 44px,44px 44px,auto,auto}:root[data-theme=light] .deviceMap{background:linear-gradient(var(--map-line) 1px,transparent 1px),linear-gradient(90deg,var(--map-line) 1px,transparent 1px),radial-gradient(circle at 76% 12%,color-mix(in srgb,var(--route-primary) 24%,transparent),transparent 25%),linear-gradient(155deg,rgba(255,255,255,.52),transparent 52%),var(--map-base)}.deviceMap svg{position:absolute;inset:54px 22px 16px;z-index:2;width:calc(100% - 44px);height:calc(100% - 70px)}.miniBlocks{position:absolute;inset:0;pointer-events:none}.miniBlocks span{position:absolute;border:1px solid color-mix(in srgb,var(--route-primary) 18%,transparent);border-radius:8px;background:color-mix(in srgb,var(--route-primary) 8%,transparent)}.miniBlocks span:first-child{left:16px;top:74px;width:74px;height:58px}.miniBlocks span:nth-child(2){right:28px;top:88px;width:82px;height:70px}.miniBlocks span:nth-child(3){left:28px;bottom:64px;width:96px;height:80px}.miniBlocks span:nth-child(4){right:40px;bottom:54px;width:116px;height:78px}.miniBlocks span:nth-child(5){left:128px;top:146px;width:70px;height:56px}.miniBlocks span:nth-child(6){right:126px;top:214px;width:68px;height:58px}.livePill{position:absolute;left:18px;top:18px;z-index:2;border:1px solid rgba(41,217,159,.26);border-radius:999px;padding:8px 10px;background:rgba(6,9,16,.74);color:var(--route-primary);font-size:12px;font-weight:950}:root[data-theme=light] .livePill{background:rgba(255,255,255,.82);color:#067a5d}.kmBadge,.mapMarker{position:absolute;z-index:4;display:grid;place-items:center;border-radius:999px;background:#f4faf7;color:var(--ink);font-size:12px;font-weight:950;box-shadow:0 12px 28px rgba(0,0,0,.36)}.kmBadge{width:36px;height:36px}.badgeOne{left:76px;bottom:104px}.badgeTwo{right:78px;top:96px}.badgeThree{right:30px;bottom:82px}.deviceRoute{stroke-dasharray:520;stroke-dashoffset:520;animation:drawRoute 1.4s ease forwards}.runnerPulse{position:absolute;z-index:5;width:22px;height:22px;border-radius:999px;background:var(--route-primary);box-shadow:0 0 0 10px color-mix(in srgb,var(--route-primary) 18%,transparent);transition:left .22s ease,top .22s ease,background .22s ease}.mode-route .runnerPulse{left:76%;top:27%}.mode-beacon .runnerPulse{left:53%;top:45%}.mode-replay .runnerPulse{left:32%;top:62%}@keyframes drawRoute{to{stroke-dashoffset:0}}.deviceMetrics{margin-top:16px;padding:22px;border-radius:24px;background:var(--panel-3);color:var(--ink)}.deviceMetrics span{color:#65778a;font-weight:850}.deviceMetrics strong{display:block;margin-top:6px;font-size:42px;line-height:1}.metricGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:20px}.metricGrid span{border:1px solid rgba(7,16,25,.1);border-radius:8px;padding:10px;color:var(--ink);text-align:center;font-weight:950}.statStrip{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1px;gap:1px;max-width:1160px;margin:-52px auto 0;padding:0 clamp(20px,5vw,44px)}.statStrip article{min-height:124px;padding:26px;border:1px solid var(--line);background:rgba(16,26,39,.92)}:root[data-theme=light] .statStrip article{background:rgba(255,255,255,.78);box-shadow:0 18px 50px rgba(48,92,112,.08)}.statStrip strong{display:block;font-size:clamp(30px,4vw,46px);line-height:1}.statStrip span{display:block;margin-top:10px;color:var(--muted);font-weight:800}.section{max-width:1200px;margin:0 auto;padding:110px clamp(20px,5vw,44px)}.sectionIntro{max-width:780px}h2{margin:0;color:var(--text);font-size:clamp(36px,5vw,64px);font-weight:950;letter-spacing:0;line-height:.98}.finalCta p,.legalCard p,.legalHero p,.mapCopy p,.sectionIntro p,.siteFooter p,.socialSection p{color:var(--muted);font-size:18px;line-height:1.64}.featureGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:38px}.featureCard,.flowCard,.legalCard,.socialPanel{border:1px solid var(--line);border-radius:8px;background:var(--panel)}.featureCard{min-height:218px;padding:22px}.featureLine{display:block;width:44px;height:4px;margin-bottom:26px;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--blue))}.featureCard h3,.legalCard h2{margin:0 0 10px;font-size:19px;line-height:1.18}.featureCard p{margin:0;color:var(--muted);line-height:1.56}.mapSection{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.82fr);grid-gap:clamp(34px,7vw,86px);gap:clamp(34px,7vw,86px);align-items:center}.mapBoard{overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:linear-gradient(180deg,#101a27,#08101a);box-shadow:var(--shadow)}:root[data-theme=light] .mapBoard{background:linear-gradient(180deg,#ffffff,#eaf6f6)}.mapCanvas{position:relative;height:430px;overflow:hidden;background:radial-gradient(circle at 74% 18%,rgba(41,217,159,.18),transparent 28%),linear-gradient(rgba(255,255,255,.055) 2px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.055) 2px,transparent 0),#0a1420;background-size:auto,68px 68px,68px 68px,auto}:root[data-theme=light] .mapCanvas{background:radial-gradient(circle at 74% 18%,rgba(22,201,150,.2),transparent 28%),linear-gradient(rgba(9,36,56,.09) 2px,transparent 0),linear-gradient(90deg,rgba(9,36,56,.09) 2px,transparent 0),linear-gradient(150deg,#f8fffd,#dff0f2);background-size:auto,68px 68px,68px 68px,auto}.mapCanvas:before{content:"";left:8%;right:8%;top:54%;height:16px;background:linear-gradient(90deg,var(--blue),var(--green),var(--amber));transform:rotate(-14deg);box-shadow:0 0 30px rgba(41,217,159,.24)}.mapCanvas:before,.mapPath{position:absolute;border-radius:999px}.mapPath{right:15%;top:36%;z-index:3;width:28px;height:28px;background:var(--green);box-shadow:0 0 0 12px rgba(41,217,159,.16)}.mapMarker{min-width:42px;height:38px;padding:0 10px}.markerStart{left:12%;top:62%}.markerKm{left:48%;top:46%}.markerEnd{right:10%;top:28%}.replayControl{justify-content:space-between;padding:24px;border-top:1px solid var(--line)}.replayControl span,.replayControl strong{display:block}.replayControl span{margin-top:4px;color:var(--muted);font-size:13px;font-weight:800}.progressTrack{position:relative;width:min(220px,100%);height:10px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.12)}.progressTrack span{position:absolute;inset:0 44% 0 0;background:linear-gradient(90deg,var(--blue),var(--green))}.checkList{display:grid;grid-gap:12px;gap:12px;margin:28px 0 0;padding:0;list-style:none}.checkList li{position:relative;padding-left:28px;color:var(--text);font-weight:850}.checkList li:before{content:"";position:absolute;left:0;top:5px;width:14px;height:14px;border-radius:4px;background:var(--green)}.socialSection{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);grid-gap:clamp(34px,7vw,80px);gap:clamp(34px,7vw,80px);align-items:start}.socialPanel{display:grid;grid-gap:1px;gap:1px;overflow:hidden;background:rgba(255,255,255,.1)}.socialRow{display:grid;grid-template-columns:16px 1fr;grid-gap:16px;gap:16px;align-items:start;padding:22px;background:var(--panel-2)}.socialRow span{width:12px;height:12px;margin-top:6px;border-radius:999px;background:var(--green);box-shadow:0 0 0 7px rgba(41,217,159,.1)}.socialRow p{margin:0;color:var(--text);font-weight:850}.flowSection{padding-top:40px}.flowGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:34px}.flowCard{min-height:168px;padding:22px;background:#0d1622}.flowCard span{display:block;color:var(--green);font-size:13px;font-weight:950}.flowCard p{margin:42px 0 0;color:var(--text);font-size:19px;font-weight:900;line-height:1.22}.finalCta{justify-content:space-between;max-width:1160px;margin:24px auto 96px;padding:34px clamp(24px,5vw,44px);border:1px solid var(--line-strong);border-radius:8px;background:linear-gradient(135deg,rgba(41,217,159,.16),transparent 46%),#101a27}.finalCta div{max-width:720px}.finalCta h2{font-size:clamp(30px,4vw,46px)}.finalCta p{margin-bottom:0}.siteFooter{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:42px clamp(20px,5vw,72px);border-top:1px solid var(--line);color:var(--muted)}.footerBrand{margin-bottom:10px}.siteFooter p{max-width:410px;margin:0;font-size:14px}.bridgePage{min-height:100vh;display:grid;place-items:center;padding:32px;background:var(--body-gradient)}.bridgeCard{width:min(100%,520px);padding:28px;border:1px solid var(--line-strong);border-radius:18px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:var(--shadow)}.bridgeKicker{margin:0 0 10px;color:var(--green);font-size:12px;font-weight:950;letter-spacing:0;text-transform:uppercase}.bridgeCard h1{margin:0;font-size:clamp(30px,4vw,42px);line-height:1.04}.bridgeCard p{margin:14px 0 0;color:var(--muted);line-height:1.6}.bridgeButton{margin-top:24px}.legalShell{max-width:980px;margin:0 auto;padding:138px clamp(20px,5vw,42px) 92px}.legalHero{margin-bottom:36px}.legalHero h1{margin:0;font-size:clamp(44px,7vw,78px);line-height:.96}.legalGrid{display:grid;grid-gap:14px;gap:14px}.legalCard{padding:24px}.legalCard ul{margin:12px 0 0;padding-left:20px;color:var(--muted);line-height:1.65}.legalCard li+li{margin-top:8px}.legalCard a{color:var(--green);font-weight:900}.highlightCard{background:linear-gradient(135deg,rgba(41,217,159,.12),transparent 52%),var(--panel)}.contactBox{margin-top:20px;padding:18px;border:1px solid rgba(41,217,159,.28);border-radius:8px;background:rgba(41,217,159,.1)}@media (max-width:1020px){.featureGrid,.flowGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.heroInner,.mapSection,.socialSection{grid-template-columns:1fr}.heroDevice{max-width:430px}}@media (max-width:760px){.siteHeader{display:flex;align-items:center;justify-content:space-between;gap:14px}.desktopNav,.headerCta{display:none}.headerActions{position:fixed;top:16px;right:max(20px,calc(100vw - 370px));z-index:60;flex:0 0 auto;margin-left:0}.hero{min-height:92vh;padding:104px 28px 72px}.heroInner{min-height:auto}.heroRoute{right:-240px;bottom:22px;width:760px;opacity:.68}.hero h1{font-size:58px}.hero p{max-width:310px;font-size:18px}.heroActions{align-items:stretch;flex-direction:column;max-width:310px}.primaryButton,.secondaryButton{width:100%}.heroDevice{display:block;width:100%;max-width:338px;min-height:510px;margin-top:34px;padding:12px;border-radius:28px}.themeToggle{position:fixed;top:16px;right:max(20px,calc(100vw - 370px));z-index:70;display:inline-flex;width:44px;min-width:44px;height:44px;min-height:44px;justify-content:center;border-color:color-mix(in srgb,var(--green) 34%,transparent);background:color-mix(in srgb,var(--panel-2) 82%,transparent);padding:0;box-shadow:0 12px 28px color-mix(in srgb,var(--green) 18%,transparent)}.themeToggle span:last-child{display:none}.themeSwatch{display:block;flex:0 0 auto;width:18px;height:18px}.deviceTop{width:70px;height:6px;margin-bottom:12px}.routeModeTabs{gap:5px;margin-bottom:10px}.routeModeButton{min-height:30px;font-size:11px}.deviceMap{min-height:270px;border-radius:22px}.deviceMap svg{inset:46px 16px 10px;width:calc(100% - 32px);height:calc(100% - 56px)}.deviceMetrics{margin-top:12px;padding:18px;border-radius:20px}.deviceMetrics strong{font-size:32px}.metricGrid{gap:8px;margin-top:16px}.metricGrid span{padding:8px 6px;font-size:12px}.statStrip{grid-template-columns:1fr;margin-top:0;padding-top:18px}.section{padding-top:78px;padding-bottom:78px}.featureGrid,.flowGrid{grid-template-columns:1fr}.mapCanvas{height:330px}.finalCta,.replayControl,.siteFooter{align-items:stretch;flex-direction:column}.progressTrack{width:100%}.siteFooter nav{align-items:flex-start;flex-direction:column;gap:12px}}@media (max-width:420px){.siteHeader{padding-left:20px;padding-right:20px}.brand span{font-size:17px}.hero{padding-left:24px;padding-right:24px}.hero h1{font-size:54px}}