:root{--green:#35d46b;--green2:#80efa2;--orange:#ff6b22;--yellow:#d9ef37;--dark:#080a0f;--ink:#0c0d10;--muted:#a7acb5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#07090d;color:white;overflow-x:hidden}.topbar{position:fixed;top:0;left:0;right:0;height:72px;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#07090dc9;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:white;font-weight:850}.brand img{width:42px;height:42px;border-radius:12px}.back{color:#cdd2d9;text-decoration:none;font-size:14px}.scene{min-height:100svh;padding:120px max(6vw,28px) 80px;position:relative;display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);align-items:center;gap:7vw;overflow:hidden}.scene.light{background:linear-gradient(145deg,#ffffff,#eef8f1);color:#080a0c}.scene.dark{background:radial-gradient(circle at 72% 20%,#2bd56a28,transparent 24%),linear-gradient(160deg,#171a22,#05070a 70%)}.scene.map-scene{background:linear-gradient(#fafafa,#f4f5f6);color:#0b0c0e}.copy{position:relative;z-index:3;max-width:660px}.kicker{display:block;color:var(--green);font-weight:850;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:18px}.copy h1,.copy h2{font-size:clamp(58px,7vw,104px);line-height:.9;letter-spacing:-.065em;margin:0 0 24px}.copy p{font-size:clamp(19px,2vw,27px);line-height:1.25;color:inherit;opacity:.72;max-width:650px}.poster{justify-self:center;width:min(520px,82vw);position:relative;z-index:2}.poster img{display:block;width:100%;height:auto;border-radius:34px;box-shadow:0 48px 110px #000a}.route{position:absolute;border:12px solid transparent;border-radius:50% 38% 55% 42%;filter:drop-shadow(0 0 18px #60e27288)}.route-a{width:42vw;height:24vw;right:-7vw;top:15vh;border-top-color:var(--green);border-right-color:var(--yellow);border-bottom-color:var(--orange);transform:rotate(-9deg);opacity:.56}.real-art-scene{background:radial-gradient(circle at 78% 28%,#5fe28c28,transparent 28%),linear-gradient(145deg,#ffffff,#eff8f2)}.art-card{justify-self:center;width:min(520px,82vw);position:relative}.art-card:before{content:"";position:absolute;inset:8% -8% -5% 10%;border-radius:45px;background:linear-gradient(145deg,#62e29144,#ff7b2440);filter:blur(34px);z-index:0}.art-card img{display:block;width:100%;height:auto;border-radius:34px;box-shadow:0 45px 100px #0003;position:relative;z-index:1}.parallax-soft{transform:translate3d(0,var(--parallax-soft,0),0)}.stats-panel,.journal-card,.progress-card{width:min(540px,86vw);justify-self:center;border-radius:42px;box-shadow:0 44px 100px #0003}.privacy .copy{align-self:center}.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.pills span{padding:10px 15px;border:1px solid #66ef8f66;border-radius:999px;background:#35d46b14}.stats-panel{background:#f8f8fa;color:#090a0c;padding:32px;border:8px solid #181a1f}.stats-panel h3{font-size:42px;margin:0 0 20px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.stats-grid div{padding:18px;border-radius:18px;background:#f1f2f5}.stats-grid small{display:block;color:#8b9097}.stats-grid b{display:block;font-size:25px;margin-top:5px}.journal-card{background:#f9fafb;color:#0a0b0d;padding:22px;border:1px solid #dfe3e8}.ride-row{padding:22px;border-radius:20px;background:white;box-shadow:0 10px 30px #0001;margin:12px 0}.ride-row b,.ride-row span{display:block}.ride-row span{margin-top:9px;color:#6f747c}.refined-route{background:radial-gradient(circle at 70% 40%,#75e49722,transparent 30%),linear-gradient(#fbfbfb,#eef1f3)}.route-device{width:min(520px,84vw);justify-self:center;border-radius:48px;background:#fff;border:10px solid #17191d;box-shadow:0 48px 110px #0003;padding:20px 18px 24px;color:#0a0b0d;position:relative}.route-device:after{content:"";position:absolute;inset:-60px -90px;z-index:-1;background:repeating-radial-gradient(ellipse at center,transparent 0 34px,#dfe2e5 36px 38px);opacity:.55;transform:rotate(-8deg)}.route-device-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:4px 4px 16px;font-size:15px}.route-device-top span{color:#35c765;font-weight:700}.route-device-top b{font-size:18px}.route-map{height:360px;border-radius:24px;background:linear-gradient(135deg,#d6edbd,#f2f5df 52%,#c7e5ad);position:relative;overflow:hidden}.route-road{position:absolute;border-radius:999px;background:#f1f0e9}.route-road.river{width:140%;height:40px;left:-16%;top:48%;background:#b9ddff;transform:rotate(-9deg)}.road-a{width:120%;height:16px;left:-10%;top:30%;transform:rotate(18deg)}.road-b{width:18px;height:130%;left:68%;top:-15%;transform:rotate(14deg)}.route-path{position:absolute;inset:60px 78px;border:8px solid transparent;border-left-color:#31bd61;border-top-color:#5fcf69;border-right-color:#2fae58;border-radius:45% 54% 38% 62%;transform:rotate(-9deg);filter:drop-shadow(0 2px 2px #0002);z-index:2}.route-start{position:absolute;left:57%;bottom:28%;width:34px;height:34px;border-radius:50%;background:#35c765;color:#fff;display:grid;place-items:center;font-size:12px;z-index:3;box-shadow:0 5px 16px #35c76566}.route-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.route-metrics div{padding:16px;border-radius:16px;background:#f0f1f4}.route-metrics small{display:block;color:#8d9199;font-size:12px}.route-metrics b{display:block;font-size:20px;margin-top:4px}.progress-card{background:#f8f9fa;color:#090a0c;padding:34px}.goal{margin-bottom:24px}.goal span,.goal b{display:block}.goal b{margin:4px 0 10px}.goal i{display:block;height:8px;border-radius:999px;background:#e2e5e8;overflow:hidden}.goal i:after{content:"";display:block;width:var(--p);height:100%;background:linear-gradient(90deg,var(--green),var(--green2))}.badges-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.badges-grid span{padding:18px;border-radius:18px;background:white;box-shadow:0 8px 24px #0001}.closing{min-height:80svh;text-align:center;display:grid;place-items:center;align-content:center;padding:100px 28px}.closing img{width:120px;border-radius:30px}.closing h2{font-size:clamp(48px,7vw,92px);line-height:.92;letter-spacing:-.055em;margin:30px 0}.closing p{color:#aeb5bf;font-size:18px;max-width:680px}.closing a{display:inline-flex;margin-top:24px;padding:15px 22px;border-radius:14px;background:var(--green);color:#041108;text-decoration:none;font-weight:850}.reveal{opacity:0;transform:translateY(70px) scale(.98);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.75,.2,1)}.reveal.in{opacity:1;transform:none}.from-left{transform:translateX(-90px)}.from-right{transform:translateX(90px)}.from-left.in,.from-right.in{transform:none}.parallax{transform:translate3d(0,var(--parallax,0),0)}@media(max-width:960px){.scene{grid-template-columns:1fr;gap:50px;text-align:center}.copy{margin:auto}.poster,.art-card,.stats-panel,.journal-card,.route-device,.progress-card{justify-self:center}.route-a{width:80vw;height:42vw;right:-24vw}.copy h1,.copy h2{font-size:clamp(50px,12vw,78px)}}@media(max-width:620px){.topbar{padding:0 16px}.scene{padding:105px 18px 60px}.copy p{font-size:19px}.route-map{height:280px}.stats-grid b{font-size:20px}.poster img,.art-card img{border-radius:24px}.route-device{width:92vw;padding:15px 12px 18px}.route-path{inset:42px 48px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}.parallax,.parallax-soft{transform:none!important}}