:root{--ink:#0A0A0A;--panel:#232826;--green:#00FF88;--red:#FF3B3B;--white:#F4F7F5;--soft:rgba(244,247,245,.74);--tint:rgba(244,247,245,.05);--sA:clamp(2.1rem,1.2rem + 3.6vw,4.1rem);--sB:clamp(1.5rem,1.25rem + 1vw,2rem);--r:24px;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{background:var(--ink);scrollbar-color:var(--panel) var(--ink)}body{margin:0;background:var(--ink);color:var(--white);font:400 1rem/1.55 "Hanken Grotesk",system-ui,sans-serif;overflow-x:clip;padding-bottom:calc(88px + env(safe-area-inset-bottom));caret-color:var(--green)}::selection{background:var(--green);color:var(--ink)}a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:3px}.page{max-width:1200px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-left)) 0 max(16px,env(safe-area-inset-right));display:grid;grid-template-columns:minmax(0,1fr);column-gap:48px}.top{padding:14px 0 6px}.top img{display:block;width:64px;height:64px}.intro h1{font:800 var(--sA)/.95 "Saira Condensed",sans-serif;margin:8px 0 12px;letter-spacing:-.01em;text-wrap:balance;max-width:14ch}.lead{margin:0 0 18px;color:var(--soft);max-width:44ch;text-wrap:pretty}.row{margin:0 -16px;padding:0 0 18px}.row:nth-of-type(even){background:var(--tint)}.band{font:800 var(--sB)/1 "Saira Condensed",sans-serif;margin:0 0 12px;padding:8px 16px;background:var(--green);color:var(--ink);text-wrap:balance}.track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:0 16px 6px;scroll-padding:0 16px;scrollbar-width:thin}.tile{flex:0 0 auto;width:200px;height:168px;scroll-snap-align:start;border-radius:var(--r);background:var(--panel);padding:16px;display:flex;flex-direction:column;justify-content:space-between}@supports (corner-shape: squircle){.tile,.hero{corner-shape:squircle;border-radius:40px}}.tile p{margin:0;font-weight:600;text-wrap:pretty}.stk{width:48px;height:48px;border-radius:14px;background:var(--white);display:grid;place-items:center;transform:rotate(-5deg)}.tile:nth-child(odd) .stk{transform:rotate(4deg)}.stk svg{width:28px;height:28px;fill:var(--ink);shape-rendering:crispEdges}.tile-cta{width:auto;background:transparent;padding:0;justify-content:center}.go-btn{display:inline-flex;align-items:center;justify-content:center;min-width:248px;min-height:60px;padding:0 28px;border-radius:999px;background:var(--red);color:var(--ink);font:600 1rem/1.2 "Hanken Grotesk",sans-serif;text-decoration:none;transition:transform .15s var(--ease)}.go-btn:active{transform:scale(.96)}@media (hover: hover){.go-btn:hover{background:var(--white)}}.hero{margin:6px 0 22px;border-radius:var(--r);overflow:hidden;background: radial-gradient(circle at 84% 18%,rgba(0,255,136,.16) 0 70px,transparent 71px),radial-gradient(circle at 12% 88%,rgba(0,255,136,.13) 0 90px,transparent 91px),linear-gradient(90deg,transparent 0 calc(41% - 3px),rgba(244,247,245,.07) calc(41% - 3px) calc(41% + 3px),transparent calc(41% + 3px)),linear-gradient(0deg,transparent 0 calc(30% - 3px),rgba(244,247,245,.07) calc(30% - 3px) calc(30% + 3px),transparent calc(30% + 3px)),linear-gradient(35deg,transparent 0 calc(64% - 2px),rgba(244,247,245,.05) calc(64% - 2px) calc(64% + 2px),transparent calc(64% + 2px)),#141816}.tabs{display:flex;gap:6px;padding:10px 10px 0}.tabs button{flex:1 1 0;min-height:44px;border:0;border-radius:999px;background:rgba(244,247,245,.08);color:var(--white);font:600 1rem/1 "Hanken Grotesk",sans-serif;cursor:pointer;transition:transform .15s var(--ease)}.tabs button:active{transform:scale(.95)}.tabs button[aria-selected="true"]{background:var(--green);color:var(--ink)}.hero svg{display:block;width:100%;height:auto}.hero text{font-family:"Hanken Grotesk",sans-serif;font-weight:600}.z,.g,.m,.zid,.pro,.free{transform-box:fill-box}.z{transform-origin:center}.m{transform-origin:0 50%}.hero[data-step="1"] .g2,.hero[data-step="1"] .g3,.hero[data-step="1"] .g4,.hero[data-step="1"] .g5,.hero[data-step="1"] .g6{opacity:0}.hero[data-step="2"] .g2,.hero[data-step="2"] .g3,.hero[data-step="2"] .g4,.hero[data-step="2"] .g5,.hero[data-step="2"] .g6{opacity:.35}.hero[data-step="3"] .g4,.hero[data-step="3"] .g5,.hero[data-step="3"] .g6{opacity:.35}.hero[data-step="1"] .zid,.hero[data-step="2"] .zid{opacity:0}.hero[data-step="1"] .m,.hero[data-step="2"] .m{transform:scaleX(.22)}.hero[data-step="3"] .m{transform:scaleX(.6)}.hero .z{transform:scale(.74)}.hero[data-step="1"] .z,.hero[data-step="2"] .z{transform:scale(1)}.hero[data-step="3"] .z{transform:scale(.86)}.free{opacity:0}.hero[data-step="1"] .free,.hero[data-step="2"] .free,.hero[data-step="3"] .free{opacity:1}.hero[data-step="1"] .pro,.hero[data-step="2"] .pro,.hero[data-step="3"] .pro{opacity:0}@media (prefers-reduced-motion: no-preference){.z,.g,.m,.zid,.pro,.free{transition:transform .6s var(--ease),opacity .45s var(--ease)}}@media (prefers-reduced-motion: reduce){.go-btn,.tabs button{transition:none}}.step{width:264px;height:auto;min-height:168px;max-height:200px;justify-content:flex-start;gap:6px}.step b{font:800 var(--sA)/.9 "Saira Condensed",sans-serif;color:rgba(244,247,245,.32)}.step.on b{color:var(--green)}.map{position:relative;padding:0;overflow:hidden;justify-content:flex-end}.map p{background:var(--ink);padding:10px 16px}.park{background:radial-gradient(circle at 30% 35%,rgba(0,255,136,.42) 0 34px,transparent 35px),radial-gradient(circle at 72% 30%,rgba(0,255,136,.3) 0 26px,transparent 27px),linear-gradient(160deg,transparent 0 calc(55% - 4px),rgba(244,247,245,.22) calc(55% - 4px) calc(55% + 4px),transparent calc(55% + 4px)),#173a28}.hood{background:linear-gradient(90deg,transparent 0 calc(33% - 4px),rgba(244,247,245,.24) calc(33% - 4px) calc(33% + 4px),transparent calc(33% + 4px)),linear-gradient(90deg,transparent 0 calc(72% - 4px),rgba(244,247,245,.24) calc(72% - 4px) calc(72% + 4px),transparent calc(72% + 4px)),linear-gradient(0deg,transparent 0 calc(58% - 4px),rgba(244,247,245,.24) calc(58% - 4px) calc(58% + 4px),transparent calc(58% + 4px)),#2b302e}.woods{background:radial-gradient(circle at 20% 30%,rgba(0,255,136,.34) 0 22px,transparent 23px),radial-gradient(circle at 52% 22%,rgba(0,255,136,.26) 0 26px,transparent 27px),radial-gradient(circle at 82% 38%,rgba(0,255,136,.34) 0 20px,transparent 21px),radial-gradient(circle at 40% 55%,rgba(0,255,136,.2) 0 24px,transparent 25px),#10261b}.gps{background:radial-gradient(circle at 62% 38%,var(--red) 0 9px,rgba(255,59,59,.25) 10px 30px,transparent 31px),linear-gradient(120deg,transparent 0 calc(48% - 3px),rgba(244,247,245,.2) calc(48% - 3px) calc(48% + 3px),transparent calc(48% + 3px)),#2b302e}footer{margin-top:3rem;background:var(--panel);padding:2.5rem max(16px,env(safe-area-inset-left)) 2.5rem}footer .in{max-width:1200px;margin:0 auto}footer img{width:56px;height:56px;display:block;margin-bottom:14px}footer p{margin:0 0 14px;color:var(--soft);max-width:60ch}footer a{color:var(--green);font-weight:600;display:inline-block;padding:10px 0;min-height:44px}.bar{position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--ink);border-top:1px solid rgba(244,247,245,.14);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:center;transform:translateY(110%);visibility:hidden;transition:transform .35s var(--ease),visibility 0s linear .35s}.bar.show{transform:none;visibility:visible;transition:transform .35s var(--ease)}.bar .go-btn{width:100%;max-width:420px}@media (prefers-reduced-motion: reduce){.bar,.bar.show{transition:none}}@media (min-width: 960px){.page{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.page>*{grid-column:1}.top img{width:88px;height:88px}.hero{grid-column:2;grid-row:1 / span 7;align-self:start;position:sticky;top:24px;margin:24px 0 0}.row{margin:0;border-radius:0}.track{padding:0 16px 8px}.step{width:280px}}:is(html,body){max-width:100%;overflow-x:clip;}