:root{--o:#FF6A1A;--b:#0F6CBD;--e:#0B4A82;--k:#14181F;--p:#EEF1F4;--r:4px;--sh:6px 6px 0 var(--k);--gut:16px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--k) var(--p)}body{margin:0;background:var(--o);color:var(--k);font:400 1rem/1.6 Figtree,system-ui,sans-serif;overflow-x:clip;caret-color:var(--b)}::selection{background:var(--k);color:var(--o)}h1,h2,.num,.brand,.key{font-family:Archivo,Figtree,system-ui,sans-serif;font-weight:800}h1{font-size:clamp(1.875rem,1.3rem + 2.4vw,3.25rem);line-height:1.08;letter-spacing:-0.02em;margin:0;text-wrap:balance}h2,.mid{font-size:clamp(1.25rem,1.15rem + 0.5vw,1.5rem);line-height:1.3;margin:0;text-wrap:balance}.num{font-size:clamp(1.875rem,1.3rem + 2.4vw,3.25rem);line-height:1}p{margin:0;text-wrap:pretty}a{color:inherit}strong{font-weight:600}.wrap{width:min(100% - 2 * var(--gut),1120px);margin-inline:auto}:focus-visible{outline:3px solid var(--k);outline-offset:2px;box-shadow:0 0 0 7px var(--p)}.dark :focus-visible,footer :focus-visible{outline-color:var(--o);box-shadow:0 0 0 7px var(--k)}.hero{background:var(--o);padding:max(16px,env(safe-area-inset-top)) 0 40px}.hero .wrap{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);grid-template-areas:"brand" "h" "lead" "fig" "go" "note"}.brand{grid-area:brand;display:flex;align-items:center;gap:12px;font-size:clamp(1.25rem,1.15rem + 0.5vw,1.5rem)}.brand img{width:48px;height:48px;border:3px solid var(--k);border-radius:var(--r);display:block}.hero h1{grid-area:h}.lead{grid-area:lead;max-width:34em}.fig{grid-area:fig;margin:0;background:var(--p);border:3px solid var(--k);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden}.fig svg{display:block;width:100%;height:auto}.go{grid-area:go;display:flex;align-items:center;gap:12px}.note{grid-area:note}.key{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-width:240px;min-height:60px;padding:12px 16px 18px;font-size:1rem;line-height:1.2;color:var(--p);background:var(--b);text-decoration:none;border:3px solid var(--k);border-radius:var(--r);box-shadow:inset 0 -6px 0 var(--e)}.key:active{transform:translateY(4px);box-shadow:inset 0 -2px 0 var(--e)}@media (hover: hover) and (pointer: fine){.key:hover{background:var(--e)}}.g .zone,.g .pin,.g .card,.g .ids,.g .modes rect,.g .items{transform-box:fill-box;transform-origin:center;transition:transform .24s cubic-bezier(.16,1,.3,1),opacity .24s cubic-bezier(.16,1,.3,1)}.g .zone{transform:scale(.5)}.g[data-step="1"] .zone{transform:scale(1);opacity:.6}.g[data-step="2"] .zone{transform:scale(.74)}.g[data-step="1"] .pin{transform:translate(var(--x),var(--y))}.g[data-step="2"] .pin{transform:translate(calc(var(--x) * 0.4),calc(var(--y) * 0.4))}.g[data-step="1"] .modes rect:nth-child(n+3){opacity:.2}.g[data-step="2"] .modes rect:nth-child(n+6){opacity:.2}.g[data-step="1"] .ids{opacity:0}.g[data-step="2"] .ids{opacity:.5}.g[data-step="1"] .items{opacity:.3}.g[data-step="1"] .card{opacity:.75}.guide{background:var(--p);padding:48px 0 8px}.guide .head{display:grid;gap:12px}.guide .head>*{max-width:44rem}.applies{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.chip{border:2px solid var(--k);border-radius:var(--r);padding:2px 10px;background:#fff0}.story{position:relative;margin-top:24px}.stage{position:sticky;top:0;z-index:1;height:42dvh;display:flex;align-items:center;justify-content:center;background:var(--p);padding:8px 0}.stage svg{height:100%;width:auto;max-width:100%}.steps{list-style:none;margin:0;padding:0}.step{min-height:70dvh;display:flex;align-items:center;gap:16px;border-top:3px solid var(--k);padding:24px 0}.step:last-child{border-bottom:3px solid var(--k)}.step .num{flex:0 0 auto;width:1.2em}.step p{max-width:24rem}.dark{background:var(--k);color:var(--p);padding:56px 0}.dark .wrap{display:grid;gap:16px}.dark .sub{max-width:40rem}.qwrap{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:8px 12px;margin-top:8px}.ylab{grid-row:1;writing-mode:vertical-rl;transform:rotate(180deg);display:flex;justify-content:space-between;font-weight:600}.xlab{grid-column:2;display:flex;justify-content:space-between;font-weight:600}.quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cell{border:3px solid var(--p);border-radius:var(--r);padding:12px;box-shadow:6px 6px 0 var(--b);min-height:9rem}.cell strong{display:block}.cell.pick{background:var(--o);color:var(--k);border-color:var(--k)}.limit{border-top:3px solid var(--p);padding-top:16px;max-width:44rem}@media (min-width: 900px){.qwrap{perspective:1400px}.quad{transform:rotateX(16deg) rotateZ(-2deg);transform-style:preserve-3d;margin:8px 24px 24px 0}@media (hover: hover) and (pointer: fine){.cell:hover{transform:translateZ(18px)}}}.stuck{background:var(--p);padding:56px 0}.bento2{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);align-items:start}.tile{border:3px solid var(--k);border-radius:var(--r);box-shadow:var(--sh);background:var(--p);padding:20px;display:grid;gap:16px;align-content:start}.tile h2{display:flex;gap:10px;align-items:flex-start}.tile h2 svg{flex:0 0 auto;margin-top:2px}.sw{display:flex;align-items:center;gap:12px;font-weight:600}.toggle{position:relative;width:64px;height:44px;border:3px solid var(--k);border-radius:var(--r);background:var(--p);padding:0;cursor:pointer}.toggle .knob{position:absolute;top:5px;left:5px;width:24px;height:28px;background:var(--b);border-radius:2px}.toggle[aria-checked="true"] .knob{transform:translateX(24px)}.rows{list-style:none;margin:0;padding:0}.rows li{border-top:2px solid var(--k);padding:10px 0}.pic{margin:0;padding:0;overflow:hidden}.pic img{display:block;width:100%;height:auto;filter:url(#poster)}.pic figcaption{padding:12px 16px}.close{background:var(--o);padding:48px 0 56px}.closegrid{display:grid;gap:16px;grid-template-columns:96px minmax(0,1fr);grid-template-areas:"mini text" "go go";align-items:center}.mini{grid-area:mini;background:var(--p);border:3px solid var(--k);border-radius:var(--r);overflow:hidden}.mini svg{display:block;width:100%;height:auto}.close .mid{grid-area:text}.close .go{grid-area:go}.bar{position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--p);border-top:3px solid var(--k);padding:8px 0 max(8px,env(safe-area-inset-bottom));transform:translateY(120%);visibility:hidden}.bar.on{transform:none;visibility:visible}.bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}.bar span{display:none;font-weight:600}.bar .key{min-height:48px;padding:8px 16px 12px;flex:1 1 auto}footer{background:var(--k);color:var(--p);padding:48px 0 calc(96px + env(safe-area-inset-bottom))}.metro ol{list-style:none;margin:0;padding:0 0 0 28px;position:relative;display:grid;gap:4px}.metro ol::before{content:"";position:absolute;left:8px;top:12px;bottom:12px;width:6px;background:var(--o)}.metro li{position:relative}.metro li::before{content:"";position:absolute;left:-28px;top:12px;width:20px;height:20px;border-radius:50%;background:var(--p);border:4px solid var(--o)}.metro a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-weight:600}@media (hover: hover){.metro a:hover{text-decoration:underline}}.small{margin-top:32px;max-width:44rem;color:#C9CCD2}@media (min-width: 420px){.bar span{display:block}.bar .key{flex:0 0 auto}}@media (min-width: 900px){:root{--gut:32px}.hero{padding-bottom:56px}.hero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"brand fig" "h fig" "lead fig" "go fig" "note fig";column-gap:48px;align-items:start;align-content:center}.brand img{width:64px;height:64px}.fig{align-self:center}.story{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px}.stage{top:10vh;height:80vh}.stage svg{width:100%;height:auto}.bento2{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.closegrid{grid-template-columns:200px minmax(0,1fr) auto;grid-template-areas:"mini text go"}.metro ol{padding:0;display:flex;justify-content:space-between;gap:8px}.metro ol::before{left:10px;right:10px;top:8px;bottom:auto;width:auto;height:6px}.metro li::before{left:0;top:0}.metro a{padding-top:24px;align-items:flex-start}}@media (prefers-reduced-motion: reduce){.g *,.key,.toggle .knob{transition:none !important}}html,body{overflow-x:clip;max-width:100%}@font-face{font-family: 'Archivo';font-style: normal;font-weight: 800;font-stretch: 100%;font-display: swap;src: url(f/archivo-70706758.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Archivo';font-style: normal;font-weight: 800;font-stretch: 100%;font-display: swap;src: url(f/archivo-cf4a26c3.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Figtree';font-style: normal;font-weight: 400;font-display: swap;src: url(f/figtree-cd31d25b.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Figtree';font-style: normal;font-weight: 400;font-display: swap;src: url(f/figtree-c55d8643.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Figtree';font-style: normal;font-weight: 600;font-display: swap;src: url(f/figtree-cd31d25b.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Figtree';font-style: normal;font-weight: 600;font-display: swap;src: url(f/figtree-c55d8643.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}