:root{--yellow:#FFFC00;--ink:#000000;--white:#FFFFFF;--blue:#0EADFF;--mist:#F2F2EE;--ink-soft:#3D3D3A;--s-h1:clamp(1.75rem,1.2rem + 2.4vw,3.25rem);--s-lg:1.1875rem;--s-md:1rem;--pill:999px;--panel:32px;--gut:clamp(16px,4vw,48px);}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:"Hanken Grotesk",system-ui,sans-serif;font-size:var(--s-md);line-height:1.55;color:var(--ink);background:var(--ink);overflow-x:clip}::selection{background:var(--yellow);color:var(--ink)}img,svg{display:block;max-width:100%}h1,h2,p,ul,ol,dl,dd{margin:0}h1,h2{text-wrap:balance}p,li,dd{text-wrap:pretty}a{color:inherit}.wrap{max-width:1200px;margin:0 auto;padding-left:max(var(--gut),env(safe-area-inset-left));padding-right:max(var(--gut),env(safe-area-inset-right))}.hero{background:var(--yellow);padding-top:max(16px,env(safe-area-inset-top));padding-bottom:48px}.hero :focus-visible{outline:3px solid var(--ink);outline-offset:3px}.top{display:flex;align-items:center;gap:12px;padding:0 0 16px}.top img{width:56px;height:56px;border-radius:50%}.top span{font-weight:800;font-size:var(--s-lg);letter-spacing:-0.01em}.grid{display:grid;grid-template-columns:1fr;gap:24px}.copy{min-width:0}h1{font-weight:800;font-size:var(--s-h1);line-height:1.06;letter-spacing:-0.03em;max-width:15ch}.lead{margin-top:12px;font-size:var(--s-md);max-width:52ch;color:var(--ink)}.term{all:unset;font-weight:800;border-bottom:3px solid var(--ink);cursor:help;-webkit-tap-highlight-color:transparent}.term:focus-visible{outline:3px solid var(--ink);outline-offset:2px}[popover].hint{margin:0;border:0;padding:12px 16px;max-width:260px;border-radius:24px;background:var(--ink);color:var(--white);font:inherit;font-size:var(--s-md);line-height:1.45;position:fixed;inset:auto}.shelf{list-style:none;padding:0;margin:20px calc(var(--gut) * -1) 0;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--gut);padding-left:var(--gut);padding-right:var(--gut);scrollbar-width:thin;scrollbar-color:var(--ink) transparent;-webkit-overflow-scrolling:touch}.shelf li{flex:0 0 auto;scroll-snap-align:start}.case{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;width:156px;min-height:96px;padding:12px 16px 14px;border-radius:24px;background:var(--white);color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s cubic-bezier(.16,1,.3,1)}.case .n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--yellow);font-weight:800;line-height:1}.case b{font-weight:800;line-height:1.2}.case small{font-size:var(--s-md);line-height:1.3;color:var(--ink-soft)}.case[aria-pressed="true"]{background:var(--ink);color:var(--white)}.case[aria-pressed="true"] small{color:#E6E6DF}.case:active{transform:scale(.97)}.case:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.go-btn{display:inline-flex;align-items:center;gap:14px;min-width:264px;min-height:64px;padding:8px 28px 8px 8px;border-radius:var(--pill);background:var(--ink);color:var(--yellow);font-weight:800;font-size:var(--s-lg);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .18s cubic-bezier(.16,1,.3,1)}.go-btn .stk{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--yellow);color:var(--ink);font-size:var(--s-lg)}.go-btn:active{transform:scale(.96)}.go{margin-top:20px}.under{margin-top:10px;font-size:var(--s-md);color:var(--ink-soft)}.hero-art{width:100%;max-width:400px}.hero-art svg{width:100%;height:auto}.hero-art text{font-family:"Hanken Grotesk",system-ui,sans-serif}.px{animation:fill .32s cubic-bezier(.16,1,.3,1) backwards}.done{animation:fill .4s cubic-bezier(.16,1,.3,1) 1.5s backwards}@keyframes fill{from{opacity:0}}.route-band{background:var(--ink);padding:56px 0}.panel{background:var(--white);border-radius:var(--panel);padding:32px clamp(16px,4vw,56px) 40px}.panel :focus-visible{outline:3px solid var(--ink);outline-offset:3px}.toc{display:grid;grid-template-columns:1fr;gap:8px 32px;padding-bottom:32px}.toc h2{font-size:var(--s-lg);font-weight:800}.toc ol{list-style:none;padding:0;display:grid;gap:4px;counter-reset:t}.toc li{counter-increment:t}.toc a{display:flex;align-items:center;gap:12px;min-height:44px;text-decoration:none;font-weight:600}.toc a::before{content:counter(t);display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:var(--mist);font-weight:800}.toc a.toc-cta{align-self:start;display:inline-flex;padding:6px 20px 6px 6px;border-radius:var(--pill);background:var(--ink);color:var(--yellow);font-weight:800}.toc a.toc-cta::before{background:var(--yellow);color:var(--ink)}.stops{list-style:none;padding:0;position:relative}.stops::before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:6px;border-radius:3px;background:var(--ink)}.stop{position:relative;display:grid;grid-template-columns:1fr;gap:12px;padding:0 0 40px 48px;scroll-margin-top:24px}.stop:last-child{padding-bottom:0}.dot{position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--white);border:6px solid var(--ink);transition:background .3s}.stop.here .dot{background:var(--yellow)}.stop h2{font-size:var(--s-lg);font-weight:800;line-height:1.3}.stop p{max-width:62ch}.stop p+p,.stop p+ul,.stop ul+p{margin-top:12px}.ticks{list-style:none;padding:0;display:grid;gap:10px}.ticks li{display:flex;gap:12px;align-items:center;font-weight:600}.ticks svg{flex:0 0 24px;width:24px;height:24px}mark{background:var(--yellow);color:var(--ink);padding:0 4px;border-radius:6px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.src{display:block;width:fit-content;margin-top:8px;padding:0 10px;border-radius:var(--pill);background:var(--mist);font-weight:600;text-decoration:none;white-space:nowrap}.ways{list-style:none;padding:0;display:grid;gap:10px;margin-top:16px}.ways li{padding:14px 20px;border-radius:24px;background:var(--mist)}.ways li.ours{background:var(--yellow)}.facts{display:grid;grid-template-columns:minmax(100px,0.6fr) 1fr}.facts dt,.facts dd{padding:12px 0;border-top:1px solid #D6D6CF}.facts dt{font-weight:800;padding-right:16px}.close{background:var(--yellow);padding:56px 0 64px}.close :focus-visible{outline:3px solid var(--ink);outline-offset:3px}.close h2{font-size:var(--s-lg);font-weight:800;margin-bottom:16px}footer{background:var(--ink);color:#E6E6DF;padding:56px 0 calc(40px + env(safe-area-inset-bottom));border-top:24px solid var(--ink)}footer :focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.foot{display:grid;grid-template-columns:1fr;gap:6px 32px}.foot dt{text-transform:uppercase;letter-spacing:0.05em;font-weight:800;color:var(--yellow);padding-top:16px}.foot dd{max-width:62ch}.foot a{color:var(--white)}.back{display:inline-flex;align-items:center;min-height:44px;margin-top:24px;color:var(--yellow);font-weight:600}@media (hover: hover) and (pointer: fine){.case:hover{transform:translateY(-2px)}.go-btn:hover{transform:translateY(-2px)}.toc a:hover{text-decoration:underline}}@media (min-width: 720px){.stop{grid-template-columns:minmax(160px,0.45fr) 1fr;gap:12px 40px;padding-left:64px}.toc{grid-template-columns:minmax(160px,0.45fr) 1fr;padding-left:64px}.foot{grid-template-columns:160px 1fr}.foot dt{padding-top:12px}.foot dd{padding-top:12px}}@media (min-width: 960px){.top img{width:72px;height:72px}.grid{grid-template-columns:7fr 5fr;align-items:center;gap:48px}.shelf{margin-left:0;margin-right:0;padding:0;flex-wrap:wrap;overflow:visible}.case{width:148px}.hero{padding-bottom:64px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none !important;transition:none !important}}