:root{--teal:#0E7C6B;--sun:#F2C230;--ink:#10201D;--paper:#EEF2F0;--mint:#BFE8DE;--display:"Anybody","Hanken Grotesk",system-ui,sans-serif;--body:"Hanken Grotesk",system-ui,sans-serif;--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--s-body:clamp(1rem,0.96rem + 0.2vw,1.0625rem);--s-mid:clamp(1.35rem,1.1rem + 1.1vw,2rem);--s-big:clamp(2rem,1.2rem + 3.6vw,3.9rem);--gut:clamp(16px,4vw,40px);--r:14px;--shadow:0 1px 2px rgba(16,32,29,.12),0 8px 24px rgba(16,32,29,.14);scrollbar-color:var(--teal) var(--paper);}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--s-body)/1.6 var(--body);caret-color:var(--teal);overflow-x:clip}::selection{background:var(--sun);color:var(--ink)}img{display:block;max-width:100%;height:auto}a{color:inherit}:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:6px}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0}p,li{text-wrap:pretty}.wrap{max-width:1180px;margin:0 auto;padding-left:max(var(--gut),env(safe-area-inset-left));padding-right:max(var(--gut),env(safe-area-inset-right))}.story{background:var(--teal);color:#fff}.story .wrap{display:grid;grid-template-columns:minmax(0,1fr)}.hero{text-align:center;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:28px}.logo{display:inline-flex;margin:0 auto 18px;width:72px;height:72px;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.logo img{width:100%;height:100%}h1{font-size:var(--s-big);line-height:1.04;letter-spacing:-0.01em;font-weight:860;font-variation-settings:"wdth" 112;max-width:15ch;margin:0 auto;animation:settle 1.1s cubic-bezier(.16,1,.3,1) both}@keyframes settle{from{font-variation-settings:"wdth" 70;font-weight:520}to{font-variation-settings:"wdth" 112;font-weight:860}}.lede{margin:16px auto 0;max-width:34em;color:#EAF7F3}.btn-main{display:flex;align-items:center;justify-content:center;width:100%;max-width:440px;min-height:58px;margin:22px auto 0;padding:14px 22px;background:var(--sun);color:var(--ink);border-radius:var(--r);font:800 1.125rem/1.2 var(--display);font-variation-settings:"wdth" 104;text-decoration:none;box-shadow:var(--shadow)}.under{margin:12px auto 0;font-size:.9375rem;color:#EAF7F3;max-width:30em}.figure{position:sticky;top:0;z-index:2;background:var(--teal);padding:12px 0 14px;display:flex;justify-content:center}.figure svg{width:auto;height:min(380px,44dvh);max-width:100%;filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}.steps{list-style:none;margin:0;padding:8dvh 0 30dvh}.step{min-height:34dvh;display:flex;align-items:flex-start;padding-top:0}.step p{margin:0;display:flex;gap:14px;align-items:flex-start;font:700 var(--s-mid)/1.25 var(--display);font-variation-settings:"wdth" 96;max-width:20em}.tick{flex:none;width:24px;height:24px;margin-top:.2em;color:var(--sun)}.g-thin,.g-heavy,.g-tick,.g-fill,.g-chip text,.g-row{transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.g-fill{transform-box:fill-box;transform-origin:left center}.g-tick{transform-box:fill-box;transform-origin:center}.g-chip text{opacity:0}[data-step="1"] .c1,[data-step="2"] .c2,[data-step="3"] .c3,[data-step="4"] .c4{opacity:1}[data-step="1"] .g-heavy,[data-step="2"] .g-heavy{opacity:0}[data-step="1"] .g-thin,[data-step="2"] .g-thin{opacity:.55}[data-step="3"] .g-thin,[data-step="4"] .g-thin{opacity:0}[data-step="1"] .g-tick,[data-step="2"] .g-tick{opacity:0;transform:scale(.4)}[data-step="1"] .g-fill,[data-step="2"] .g-fill,[data-step="3"] .g-fill{transform:scaleX(0)}[data-step="1"] .g-row{opacity:.5}[data-step="3"] .t2{transition-delay:.12s}[data-step="3"] .t3{transition-delay:.24s}[data-step="3"] .t4{transition-delay:.36s}.g-thin text{font-family:var(--display);font-weight:400;font-variation-settings:"wdth" 60}.g-heavy text{font-family:var(--display);font-weight:900;font-variation-settings:"wdth" 125}.g-chip text,.g-size{font-family:var(--display);font-weight:700;font-variation-settings:"wdth" 90}.article{padding:72px 0 56px}.article .wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}.article h2,.inside h2,.flags h2{font-size:var(--s-mid);line-height:1.15;font-weight:860;font-variation-settings:"wdth" 108}.stand{font:600 var(--s-mid)/1.3 var(--display);font-variation-settings:"wdth" 92;margin:14px 0 0;max-width:24em;color:#2C4A44}.copy p{margin:0 0 1em;max-width:68ch}.copy p.drop::first-letter{float:left;font:900 4.2em/0.8 var(--display);font-variation-settings:"wdth" 120;color:var(--teal);padding:6px 10px 0 0}blockquote{margin:8px 0;padding:0;font:700 var(--s-mid)/1.25 var(--display);font-variation-settings:"wdth" 84;color:var(--teal);max-width:22em}.side{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:22px 22px 8px;align-self:start}.side h3{font-size:var(--s-body);font-weight:800;margin-bottom:10px}.side ul{list-style:none;margin:0;padding:0}.side li{display:grid;grid-template-columns:5ch 1fr;gap:12px;align-items:baseline;padding:12px 0;border-top:1px solid #E2DDD2}.num{font:900 var(--s-mid)/1 var(--display);font-variation-settings:"wdth" 70;color:var(--teal);transition:font-variation-settings .45s cubic-bezier(.16,1,.3,1)}.src{font-size:.875rem;color:#4A5D59}.inside{background:var(--ink);color:#EEF3F1;padding:48px 0}.inside .lead{margin:10px 0 22px;max-width:60ch;color:#C9D6D2}.tree{max-width:640px}.tree details{border-top:1px solid #2E4540}.tree details:last-child{border-bottom:1px solid #2E4540}.tree summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px;min-height:48px;font:600 .9375rem/1.4 var(--mono)}.tree summary::-webkit-details-marker{display:none}.tree summary::before{content:"+";flex:none;width:24px;height:24px;display:grid;place-items:center;border-radius:6px;background:var(--teal);color:#fff;font-weight:700}.tree details[open]>summary::before{content:"-"}.tree ul{list-style:none;margin:0 0 14px;padding:0 0 0 36px}.tree li{font:400 .9375rem/1.5 var(--mono);padding:6px 0;color:#DCE6E3}.tree li span{font-family:var(--body);color:#A9BBB6}.flags{padding:72px 0}.flags .lead{margin:10px 0 0;max-width:60ch}.switch{display:inline-flex;align-items:center;gap:12px;margin:24px 0 10px;min-height:48px;padding:6px 14px 6px 6px;border:0;border-radius:999px;background:#fff;box-shadow:var(--shadow);color:var(--ink);font:600 1rem/1.2 var(--body);cursor:pointer}.knob{position:relative;width:52px;height:30px;border-radius:999px;background:#2F9E5B}.knob::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .35s cubic-bezier(.16,1,.3,1)}.switch[aria-checked="true"] .knob{background:#C2412D}.switch[aria-checked="true"] .knob::after{transform:translateX(22px)}.rows{list-style:none;margin:0;padding:0;max-width:680px}.rows li{display:flex;gap:14px;align-items:baseline;padding:14px 0;border-bottom:1px solid #E2DDD2}.dot{flex:none;width:12px;height:12px;border-radius:50%;transform:translateY(1px)}.g .dot{background:#2F9E5B}.a .dot{background:#D9A21B}.r .dot{background:#C2412D}.rows[hidden]{display:none}.close{background:var(--teal);color:#fff;padding:56px 0 64px}.close .wrap{max-width:720px}.close p{font:700 var(--s-mid)/1.25 var(--display);font-variation-settings:"wdth" 96;margin:0;max-width:18em}.arrow{display:block;width:120px;height:72px;margin:4px 0 0 40%;color:var(--sun)}.close .btn-main{margin:4px 0 0;max-width:none}footer{background:var(--ink);color:#C9D6D2;margin-top:0;border-top:40px solid var(--paper);padding:44px 0 calc(96px + env(safe-area-inset-bottom))}.credits{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 24px;max-width:620px;margin:0 auto}.credits dt{text-align:right;font:600 11px/1.6 var(--body);letter-spacing:.1em;text-transform:uppercase;color:#8FA7A1}.credits dd{margin:0;font-size:.875rem;line-height:1.5}.credits a{font:600 11px/1.6 var(--body);letter-spacing:.1em;text-transform:uppercase;color:#fff;text-underline-offset:3px;display:inline-block;padding:6px 0}.tag{display:inline-block;margin-left:8px;font-size:12px;color:#8FA7A1}.sign{text-align:center;margin:28px 0 0;font-size:.875rem;color:#8FA7A1}.bar{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--ink);padding:10px max(var(--gut),env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom));transform:translateY(110%);opacity:0;visibility:hidden;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .3s,visibility 0s .45s}.bar.on{transform:none;opacity:1;visibility:visible;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .3s}.bar .btn-main{margin:0 auto;min-height:50px;max-width:520px}@media (hover: hover) and (pointer: fine){.btn-main:hover{background:#FFD24A}.side li:hover .num{font-variation-settings:"wdth" 140}.tree summary:hover{color:#fff}.switch:hover{background:#FBFAF6}}@media (min-width: 900px){.story .wrap{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);column-gap:64px}.hero{grid-column:1;grid-row:1;padding-top:48px;padding-bottom:40px}.logo{width:112px;height:112px;border-radius:24px}.figure{grid-column:2;grid-row:1 / span 2;top:max(24px,calc(50dvh - 230px));align-self:start;margin-top:48px;padding:0;background:none}.figure svg{height:min(460px,80dvh)}.steps{grid-column:1;grid-row:2}.step{min-height:70dvh;padding-top:8dvh}.article .wrap{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);column-gap:56px}.article .head,.article .copy{grid-column:1}.side{grid-column:2;grid-row:2 / span 2;position:sticky;top:32px}.inside{padding:64px 0}.inside .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:56px;align-items:start}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition:none !important;animation:none !important}}