:root{--green-950: #0E2117;--green-900: #133420;--green-800: #184A2E;--green-700: #1E5C3A;--green-600: #277A4B;--green-500: #34995E;--green-300: #8FCBA3;--green-100: #D6E9DB;--green-50: #EAF3EC;--lime-600: #9FD42E;--lime-500: #BCEF3F;--lime-400: #CDF564;--lime-100: #ECF9C9;--ember-600: #E8521F;--ember-500: #FF6A36;--ember-100: #FFE2D4;--cream: #F3EDDF;--paper: #FCF9F0;--sand: #E7DEC9;--sand-2: #DBD0B6;--ink: #14241C;--ink-2: #46544B;--ink-3: #6E7A70;--ink-4: #9AA39A;--success: var(--green-500);--warning: #F2A33C;--danger: #E0463B;--info: #2F7DD1;--bg: var(--cream);--bg-card: var(--paper);--bg-sunken: var(--sand);--fg1: var(--ink);--fg2: var(--ink-2);--fg3: var(--ink-3);--fg-on-green: #F4F8F2;--fg-on-lime: var(--green-950);--accent: var(--green-700);--accent-pop: var(--lime-500);--accent-warm: var(--ember-500);--border: var(--sand-2);--border-strong: #C7B998;--hairline: #00000014;--font-display: var(--font-bricolage);--font-body: var(--font-hanken);--font-mono: var(--font-space-mono);--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--r-2xl: 36px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--shadow-sm: 0 1px 2px rgba(20,36,28,.08), 0 1px 0 rgba(20,36,28,.04);--shadow-md: 0 4px 14px rgba(20,36,28,.1), 0 2px 4px rgba(20,36,28,.06);--shadow-lg: 0 12px 30px rgba(20,36,28,.16), 0 4px 8px rgba(20,36,28,.08);--shadow-pop: 0 10px 24px rgba(28,77,58,.28);--shadow-inset: inset 0 1px 0 rgba(255,255,255,.5)}body{background:var(--bg);color:var(--fg1);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,.h1{font-family:var(--font-display);font-weight:800;font-size:clamp(34px,7vw,52px);line-height:1.02;letter-spacing:-.02em;color:var(--fg1);text-wrap:balance}h2,.h2{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,5vw,36px);line-height:1.06;letter-spacing:-.015em;color:var(--fg1);text-wrap:balance}h3,.h3{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1.12;letter-spacing:-.01em;color:var(--fg1)}h4,.h4{font-family:var(--font-display);font-weight:600;font-size:18px;line-height:1.2;color:var(--fg1)}p,.body{font-family:var(--font-body);font-size:16px;line-height:1.55;color:var(--fg2);text-wrap:pretty}.lead{font-size:19px;line-height:1.5;color:var(--fg2)}small,.caption{font-size:13px;line-height:1.4;color:var(--fg3)}.overline{font-family:var(--font-body);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg3)}.mono,.stat{font-family:var(--font-mono);font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--fg1)}.stat{font-size:28px}a{color:var(--green-700);text-underline-offset:2px}code,.code{font-family:var(--font-mono);font-size:.9em;background:var(--green-50);color:var(--green-800);padding:.1em .4em;border-radius:var(--r-xs)}.btn{font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:-.01em;border:none;border-radius:var(--r-pill);padding:13px 24px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;transition:transform .12s cubic-bezier(.34,1.56,.64,1),background .15s ease,box-shadow .15s ease;user-select:none}.btn:active{transform:scale(.96)}.btn-primary{background:var(--green-700);color:#f4f8f2;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--green-600)}.btn-pop{background:var(--lime-500);color:var(--green-950);box-shadow:var(--shadow-sm)}.btn-pop:hover{background:var(--lime-400)}.btn-warm{background:var(--ember-500);color:#fff}.btn-warm:hover{background:var(--ember-600)}.btn-ghost{background:transparent;color:var(--green-800);box-shadow:inset 0 0 0 2px var(--border-strong)}.btn-ghost:hover{background:var(--green-50);box-shadow:inset 0 0 0 2px var(--green-300)}.btn-quiet{background:var(--green-100);color:var(--green-800)}.btn-quiet:hover{background:var(--green-50)}.btn-sm{font-size:14px;padding:9px 16px;min-height:38px}.btn-lg{font-size:18px;padding:16px 30px;min-height:56px}.btn:disabled,.btn[aria-disabled=true]{background:var(--sand);color:var(--ink-4);box-shadow:none;cursor:not-allowed}.chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-family:var(--font-body);font-weight:600;font-size:13px;padding:6px 12px;border-radius:var(--r-pill);background:var(--paper);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--border)}.chip-green{background:var(--green-100);color:var(--green-800);box-shadow:none}.chip-lime{background:var(--lime-500);color:var(--green-950);box-shadow:none}.chip-ember{background:var(--ember-100);color:var(--ember-600);box-shadow:none}.chip-dark{background:var(--green-900);color:var(--lime-500);box-shadow:none}.badge-pts{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-family:var(--font-mono);font-weight:700;font-size:13px;padding:5px 11px 5px 9px;border-radius:var(--r-pill);background:var(--lime-500);color:var(--green-950)}.rank-pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-family:var(--font-mono);font-weight:700;font-size:13px;padding:5px 12px;border-radius:var(--r-pill);background:var(--green-900);color:#fff}.card{background:var(--bg-card);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:var(--sp-5)}.card-flat{background:var(--bg-card);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--border);padding:var(--sp-5)}.card-sunken{background:var(--bg-sunken);border-radius:var(--r-lg);padding:var(--sp-5)}.field{font-family:var(--font-body);font-size:16px;color:var(--ink);background:var(--paper);border:2px solid var(--border);border-radius:var(--r-md);padding:13px 16px;width:100%;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.field::placeholder{color:var(--ink-4)}.field:focus{outline:none;border-color:var(--green-500);box-shadow:0 0 0 4px var(--green-50)}.field-search{padding-left:44px;border-radius:var(--r-pill)}.label{display:block;font-family:var(--font-body);font-weight:600;font-size:13px;color:var(--ink-2);margin-bottom:7px}.toggle{width:52px;height:30px;border-radius:999px;background:var(--sand-2);position:relative;cursor:pointer;transition:background .18s}.toggle.on{background:var(--green-500)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.toggle.on:after{transform:translate(22px)}.spot-fab{width:76px;height:76px;border-radius:50%;background:var(--lime-500);color:var(--green-950);border:4px solid var(--cream);box-shadow:var(--shadow-pop);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;font-family:var(--font-display);font-weight:800;font-size:13px;transition:transform .14s cubic-bezier(.34,1.56,.64,1)}.spot-fab:hover{transform:scale(1.05)}.spot-fab:active{transform:scale(.93)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}img,svg{max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--green-500);outline-offset:2px;border-radius:var(--r-xs)}.wrap{width:100%;max-width:1120px;margin-inline:auto;padding-inline:var(--sp-5)}.section{padding-block:clamp(48px,9vw,96px)}.section-sunken{background:var(--bg-sunken)}.section-green{background:var(--green-900);color:var(--fg-on-green)}.section-green h2,.section-green h3{color:#fff}.section-green p{color:#d7e6da}.section-head{max-width:640px;margin-bottom:var(--sp-10)}.section-head.center{margin-inline:auto;text-align:center}.section-head h2{margin:0}.section-head p{margin-top:var(--sp-3)}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--cream) 88%,transparent);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--hairline)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:64px}.brand{display:inline-flex;align-items:center}.brand svg{height:30px;width:auto}.header-actions{display:flex;align-items:center;gap:var(--sp-3)}.header-actions .nav-link{display:none}@media(min-width:720px){.header-actions .nav-link{display:inline-flex;font-family:var(--font-body);font-weight:600;color:var(--green-800);text-decoration:none;font-size:15px}.header-actions .nav-link:hover{color:var(--green-600)}}.hero-dark{position:relative;overflow:hidden;background:var(--green-950);padding-block:clamp(56px,11vw,120px)}.hero-dark:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(46% 42% at 50% 30%,rgba(188,239,63,.16),transparent 70%)}.hero-dark .wrap{position:relative;z-index:1;text-align:center;max-width:820px}.hero-dark h1{color:#f4f8f2;margin:0 auto var(--sp-5);max-width:14ch}.hero-sub{color:#c7d6cb;margin:0 auto var(--sp-8);max-width:46ch}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center}.hero-sticker{position:relative;display:grid;place-items:center;margin:0 auto var(--sp-10);width:min(260px,64vw)}.hero-glow{position:absolute;inset:-28%;border-radius:50%;background:radial-gradient(circle,rgba(188,239,63,.3),transparent 62%);filter:blur(6px)}.big-sticker{position:relative;z-index:1;width:100%;aspect-ratio:1;rotate:-5deg;background:radial-gradient(circle at 32% 28%,var(--lime-400),transparent 46%),linear-gradient(150deg,var(--green-700),var(--green-900));border:5px solid #FCF9F0;border-radius:var(--r-2xl);box-shadow:var(--shadow-lg);display:grid;place-items:center}.big-sticker svg{width:58%;height:58%}.big-sticker .map-pin{position:absolute;top:-14px;right:16%;width:26px;height:26px;border-radius:50% 50% 50% 0;rotate:45deg;background:var(--ember-500);border:3px solid #FCF9F0;box-shadow:var(--shadow-md)}.big-sticker .map-pin:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#fcf9f0}.btn-ghost-light{background:transparent;color:#f4f8f2;box-shadow:inset 0 0 0 2px #ffffff73}.btn-ghost-light:hover{background:#ffffff14;box-shadow:inset 0 0 0 2px #ffffffb3}.intro{padding-block:clamp(40px,7vw,72px)}.intro .wrap{max-width:820px}.intro-line{font-family:var(--font-display);font-weight:600;font-size:clamp(22px,3.4vw,30px);line-height:1.3;color:var(--fg1);text-wrap:balance;margin:0}.worlds{display:grid;gap:var(--sp-6)}@media(min-width:860px){.worlds{grid-template-columns:1fr 1fr}}.world{display:flex;flex-direction:column;gap:var(--sp-5)}.world.maker{background:var(--green-900);color:var(--fg-on-green)}.world.maker h3{color:#fff}.world.maker .world-quote{color:#dcefe0}.world h3{margin:0}.world-quote{font-size:18px;line-height:1.5;color:var(--fg2);margin:0}.world ul{display:grid;gap:var(--sp-3)}.world li{display:flex;align-items:flex-start;gap:var(--sp-3);font-size:15px;line-height:1.45}.world li .tick{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--lime-500);color:var(--green-950);font-weight:800;font-size:13px;margin-top:1px;font-family:var(--font-display)}.world.maker li{color:#e3f1e6}.beats{display:flex;flex-direction:column;gap:var(--sp-2);align-items:stretch}.beat{background:var(--bg-card);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2)}.beat-label{align-self:flex-start;font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--green-800);background:var(--green-100);padding:5px 12px;border-radius:var(--r-pill)}.beat.lime .beat-label{background:var(--lime-500);color:var(--green-950)}.beat p{margin:0;font-size:15px}.beat-arrow{display:flex;align-self:center;color:var(--green-500)}.beat-arrow svg{width:26px;height:26px;rotate:90deg}@media(min-width:860px){.beats{flex-direction:row;align-items:stretch}.beat{flex:1}.beat-arrow svg{rotate:none}}.disclosure{margin-top:var(--sp-8);max-width:720px;background:var(--bg-card);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--border);padding:var(--sp-2) var(--sp-5)}.disclosure summary{cursor:pointer;list-style:none;padding-block:var(--sp-4);font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--fg1);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary:after{content:"+";font-size:22px;color:var(--green-600);line-height:1;transition:transform .2s}.disclosure[open] summary:after{transform:rotate(45deg)}.disclosure p{margin:0 0 var(--sp-4);font-size:14px}.story{display:grid;gap:var(--sp-10);align-items:center}@media(min-width:920px){.story{grid-template-columns:.95fr 1.05fr}}.story-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);margin-top:var(--sp-6)}.story-stat{background:var(--bg-card);border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--shadow-sm)}.story-stat .stat{font-size:26px;display:block;color:var(--green-700)}.story-stat small{display:block;margin-top:2px}.story-mock{background:var(--paper);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:var(--sp-5);border:3px solid #fff}.story-mock .map{aspect-ratio:5/4;border-radius:var(--r-lg);position:relative;overflow:hidden;background:linear-gradient(0deg,rgba(0,0,0,.03) 1px,transparent 1px) 0 0 / 100% 34px,linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px) 0 0 / 34px 100%,var(--sand)}.story-mock .map .pin{position:absolute;width:16px;height:16px;border-radius:50% 50% 50% 0;background:var(--ember-500);rotate:-45deg;box-shadow:var(--shadow-sm)}.story-mock .map .pin.green{background:var(--green-500)}.story-mock .map .trail{position:absolute;height:2px;background:repeating-linear-gradient(90deg,var(--green-600) 0 6px,transparent 6px 12px);transform-origin:left center}.story-mock .legend{display:flex;align-items:center;justify-content:space-between;margin-top:var(--sp-4)}.community-grid{display:grid;gap:var(--sp-5)}@media(min-width:720px){.community-grid{grid-template-columns:1fr 1fr}}@media(min-width:1000px){.community-grid{grid-template-columns:repeat(4,1fr)}}.community-card{display:flex;flex-direction:column;gap:var(--sp-3);height:100%}.community-card .ico{width:46px;height:46px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--green-100);color:var(--green-800)}.community-card.pop .ico{background:var(--lime-500);color:var(--green-950)}.community-card h3{margin:0;font-size:19px}.community-card p{margin:0;font-size:14px}.section-green .community-card h3{color:var(--fg1)}.section-green .community-card p{color:var(--fg2)}.community-sub{margin-top:var(--sp-3);color:#a9c3b2;font-size:16px}.dex-grid{display:grid;gap:var(--sp-4);grid-template-columns:1fr}@media(min-width:560px){.dex-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:860px){.dex-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1080px){.dex-grid{grid-template-columns:repeat(4,1fr)}}.dex-card{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4) var(--sp-4) var(--sp-5)}.dex-head{display:flex;align-items:center;justify-content:space-between}.dex-no{font-size:12px;color:var(--fg3)}.dex-type{font-family:var(--font-body);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:var(--r-pill)}.dex-card .ico{width:44px;height:44px;border-radius:var(--r-md);display:grid;place-items:center;font-size:22px;background:var(--green-50);box-shadow:var(--shadow-sm);rotate:-4deg;margin-top:var(--sp-1)}.dex-card h3{margin:0;font-size:17px}.dex-card p{margin:0;font-size:13.5px;line-height:1.45;color:var(--fg2)}.t-spot{background:var(--lime-500);color:var(--green-950)}.t-map{background:var(--green-100);color:var(--green-800)}.t-story{background:var(--green-900);color:var(--lime-500)}.t-social{background:var(--ember-100);color:var(--ember-600)}.t-maker{background:var(--green-800);color:#f4f8f2}.t-account{background:var(--paper);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--border)}.install{display:grid;gap:var(--sp-8);align-items:center}@media(min-width:860px){.install{grid-template-columns:1.1fr .9fr}}.install-points{display:grid;gap:var(--sp-4);margin-top:var(--sp-5)}.ios-tip{display:flex;gap:var(--sp-3);align-items:flex-start;margin-top:var(--sp-6);background:var(--ember-100);color:var(--ember-600);padding:var(--sp-4);border-radius:var(--r-md);font-size:14px}.ios-tip strong{color:var(--ember-600)}.platform-badges{display:flex;gap:var(--sp-3);margin-top:var(--sp-6);flex-wrap:wrap}.install-art{display:grid;place-items:center}.phone{width:min(260px,70vw);aspect-ratio:9/19;background:var(--green-950);border-radius:38px;padding:10px;box-shadow:var(--shadow-lg)}.phone-screen{width:100%;height:100%;border-radius:30px;background:var(--cream);overflow:hidden;display:flex;flex-direction:column}.phone-top{background:var(--green-900);padding:22px 16px 16px;color:#fff}.phone-top .mono{color:var(--lime-500);font-size:12px}.phone-body{flex:1;padding:14px;display:flex;flex-direction:column;gap:10px}.phone-row{background:var(--paper);border-radius:var(--r-sm);height:38px;box-shadow:var(--shadow-sm)}.phone-fab{display:grid;place-items:center;margin-top:auto;padding-bottom:8px}.faq{max-width:760px;margin-inline:auto;display:grid;gap:var(--sp-3)}.faq details{background:var(--bg-card);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--border);padding:var(--sp-2) var(--sp-5)}.faq summary{cursor:pointer;list-style:none;padding-block:var(--sp-4);font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--fg1);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:24px;color:var(--green-600);line-height:1;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{margin:0 0 var(--sp-4);font-size:15px}.final{text-align:center}.final .wrap{display:grid;place-items:center;gap:var(--sp-6)}.final h2{font-size:clamp(30px,6vw,46px);max-width:16ch}.final-sub{color:#c7d6cb;margin:0;max-width:40ch}.site-footer{background:var(--green-950);color:#c7d6cb;padding-block:var(--sp-12) var(--sp-8)}.site-footer .wrap{display:grid;gap:var(--sp-6)}@media(min-width:720px){.site-footer .wrap{grid-template-columns:1.4fr 1fr;align-items:start}}.site-footer .brand svg text{fill:#fff}.site-footer p{color:#9fb3a4;font-size:14px;max-width:36ch}.footer-links{display:flex;gap:var(--sp-5);flex-wrap:wrap}.footer-links a{color:#c7d6cb;text-decoration:none;font-size:14px;font-weight:600}.footer-links a:hover{color:var(--lime-500)}.footer-bottom{margin-top:var(--sp-8);padding-top:var(--sp-5);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;font-size:13px;color:#7e9286}.notfound{min-height:70vh;display:grid;place-items:center;text-align:center}.notfound .wrap{display:grid;place-items:center;gap:var(--sp-6);max-width:540px}.notfound .code{font-family:var(--font-mono);font-weight:700;color:var(--green-600);font-size:15px}.center{text-align:center}.mt-2{margin-top:var(--sp-2)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}