:root{--ink:#121212;--paper:#ffffff;--mist:#f2f2ee;--snap:#fffc00;--blue:#0eadff;--ink-soft:rgb(18 18 18 / .74);--line:rgb(18 18 18 / .16);--u:8px;--r:16px;--r-lg:24px;--f:"SF Pro Rounded",ui-rounded,"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;--t-body:1rem;--t-h2:clamp(1.44rem,1.2rem + 1vw,1.777rem);--t-h1:clamp(2.07rem,1.5rem + 2.6vw,3.16rem);color-scheme:light;accent-color:var(--ink);}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--t-body)/1.6 var(--f);overflow-x:clip;caret-color:var(--ink)}::selection{background:var(--ink);color:var(--paper)}img,svg{display:block;max-width:100%}h1,h2,h3{margin:0;font-weight:800;line-height:1.1;letter-spacing:-0.02em;text-wrap:balance}p,li,td,th,dd{text-wrap:pretty}p{margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:8px}.wrap{width:100%;max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.measure{max-width:680px}.sq{border-radius:var(--r)}@supports (corner-shape: squircle){.sq{corner-shape:squircle;border-radius:32px}}.hero{padding-top:max(16px,env(safe-area-inset-top));padding-bottom:calc(var(--u) * 6)}.top{display:flex;justify-content:center;padding:var(--u) 0 calc(var(--u) * 2)}.top img{width:56px;height:56px;border-radius:14px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(var(--u) * 4);align-items:center}.lead{min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 2)}h1{font-size:var(--t-h1);max-width:16ch}.sub{color:var(--ink-soft);max-width:36ch}.shelf{width:100%;max-width:560px}.em{overflow-x:auto;scrollbar-width:none;padding:4px 2px 8px}.em::-webkit-scrollbar{display:none}.em.on{overflow:hidden}.em-c{display:flex;gap:var(--u)}.item{flex:0 0 auto;width:136px;min-height:88px;display:flex;flex-direction:column;align-items:flex-start;gap:var(--u);padding:12px;background:var(--mist);border:2px solid transparent;color:var(--ink);font:600 var(--t-body)/1.25 var(--f);text-align:left;cursor:pointer;touch-action:pan-y pinch-zoom}.item svg{width:24px;height:24px}.item[aria-pressed="true"]{background:var(--paper);border-color:var(--ink)}.item .tick{margin-left:auto;opacity:0}.item[aria-pressed="true"] .tick{opacity:1}.item-head{display:flex;width:100%;align-items:center}.cta{display:inline-flex;align-items:center;justify-content:center;min-width:256px;min-height:56px;padding:0 calc(var(--u) * 4);border-radius:999px;background:var(--snap);color:var(--ink);font:800 var(--t-body)/1.2 var(--f);text-decoration:none;border:2px solid var(--ink);transition:transform .12s cubic-bezier(.16,1,.3,1)}.cta:active{transform:scale(.96)}.under{color:var(--ink-soft);max-width:34ch}.ba{margin:0;justify-self:center;width:100%;max-width:400px}.ba svg{width:100%;height:auto}.ba .after-badge{transform-box:fill-box;transform-origin:center;animation:pop .7s cubic-bezier(.16,1,.3,1) .3s both}@keyframes pop{from{transform:scale(.4);opacity:.3}to{transform:scale(1);opacity:1}}.story{background:var(--mist);padding:calc(var(--u) * 8) 0}.story h2,.guide h2{font-size:var(--t-h2);margin-bottom:calc(var(--u) * 2)}.story-intro{color:var(--ink-soft);margin-bottom:calc(var(--u) * 3)}.story-grid{display:grid;grid-template-columns:minmax(0,1fr)}.stage{position:sticky;top:8px;z-index:1;height:42dvh;display:flex;justify-content:center;align-items:center;background:var(--mist)}.stage svg{height:100%;width:auto;max-width:100%}.steps{list-style:none;margin:0;padding:0;position:relative;z-index:2;counter-reset:s}.steps li{min-height:62dvh;display:flex;align-items:center}.steps li:last-child{min-height:48dvh}.step-card{display:flex;gap:calc(var(--u) * 2);align-items:flex-start;background:var(--paper);padding:calc(var(--u) * 2) calc(var(--u) * 3);font-weight:600;max-width:30rem;box-shadow:6px 6px 0 -1px var(--paper),6px 6px 0 0 var(--line)}.num{flex:0 0 32px;height:32px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-weight:800;line-height:1}.g [data-p]{transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1);transform-box:fill-box;transform-origin:center}.g .knob{transform:translateX(0)}.g .on-track,.g .theme-new,.g .badge,.g .field,.g .valid{opacity:0}.g .badge{transform:scale(.3)}.g .field{transform:translateY(8px)}.g .valid{transform:translateY(8px)}.g[data-step="2"] .field{opacity:1;transform:none}.g[data-step="3"] .on-track,.g[data-step="4"] .on-track{opacity:1}.g[data-step="3"] .knob,.g[data-step="4"] .knob{transform:translateX(16px)}.g[data-step="3"] .theme-new,.g[data-step="4"] .theme-new{opacity:1}.g[data-step="3"] .badge,.g[data-step="4"] .badge{opacity:1;transform:none}.g[data-step="4"] .valid{opacity:1;transform:none}.guide{padding:calc(var(--u) * 8) 0}.rows{display:grid;gap:calc(var(--u) * 3);margin-top:calc(var(--u) * 3)}.row{background:var(--paper);border:1px solid var(--line);box-shadow:6px 6px 0 -1px var(--paper),6px 6px 0 0 var(--line)}.row>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--u);min-height:56px;padding:var(--u) calc(var(--u) * 2) var(--u) calc(var(--u) * 3);cursor:pointer;font-weight:800}.row>summary::-webkit-details-marker{display:none}.row>summary svg{flex:0 0 20px;width:20px;height:20px;transition:transform .2s}.row[open]>summary svg{transform:rotate(180deg)}.row-body{padding:0 calc(var(--u) * 3) calc(var(--u) * 3)}.row-body>p{color:var(--ink-soft);margin-bottom:calc(var(--u) * 2)}.tbl{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:480px}caption{text-align:left;color:var(--ink-soft);padding-bottom:var(--u)}th,td{text-align:left;vertical-align:top;padding:12px 12px 12px 0;border-top:1px solid var(--line)}thead th{border-top:0;font-weight:800}tbody th{font-weight:600}.flow{display:grid;gap:var(--u);justify-items:center;text-align:center}.box{padding:calc(var(--u) * 2);border:2px solid var(--ink);background:var(--paper);font-weight:600;max-width:22rem}.forks{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 2);width:100%;max-width:34rem}.fork{display:grid;gap:var(--u);justify-items:center}.fork svg{width:24px;height:40px}.fork b{font-weight:800}.fork .box{border-width:1px;font-weight:400}.flags{list-style:none;margin:0;padding:0;display:grid;gap:12px}.flags li{display:flex;gap:12px;align-items:baseline}.dot{flex:0 0 12px;width:12px;height:12px;border-radius:50%;transform:translateY(1px)}.dot.g1{background:#1f9d55}.dot.a1{background:#e0a100}.dot.r1{background:#d93025}.faq details{border-top:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;font-weight:600;padding:12px 0;min-height:44px}.faq summary::-webkit-details-marker{display:none}.faq details p{padding-bottom:12px;color:var(--ink-soft)}.closing{background:var(--mist);padding:calc(var(--u) * 8) 0}.close-card{background:var(--paper);padding:calc(var(--u) * 4) calc(var(--u) * 3);display:grid;gap:calc(var(--u) * 3);justify-items:start;box-shadow:6px 6px 0 -1px var(--paper),6px 6px 0 0 var(--line)}.close-card p.sum{font-size:var(--t-h2);font-weight:800;line-height:1.2;letter-spacing:-0.02em}.small-print{color:var(--ink-soft)}.linkish{background:none;border:0;padding:0;font:inherit;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:44px}footer{padding:calc(var(--u) * 6) 0 calc(var(--u) * 12);text-align:center;border-top:1px solid var(--line)}.f-col{display:grid;justify-items:center;gap:calc(var(--u) * 3)}.f-brand{font-weight:800}.f-links,.f-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--u) calc(var(--u) * 3)}.f-links a{display:inline-flex;gap:var(--u);align-items:baseline;min-height:44px;align-items:center}.tag{font-size:var(--t-body);color:var(--ink-soft)}.f-legal{color:var(--ink-soft)}.hint{color:var(--ink-soft)}.bar{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--paper);border-top:1px solid var(--line);padding:var(--u) max(16px,env(safe-area-inset-right)) calc(var(--u) + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;justify-content:center;transform:translateY(110%);transition:transform .3s cubic-bezier(.16,1,.3,1)}.bar.show{transform:none}.bar .cta{min-height:48px;width:100%;max-width:420px}.modal{position:fixed;inset:0;z-index:40;display:none;align-items:center;justify-content:center;padding:32px 16px;background:rgb(18 18 18 / .55)}.modal.open{display:flex}.sheet{position:relative;background:var(--paper);width:100%;max-width:560px;max-height:84dvh;display:flex;flex-direction:column;border-radius:var(--r-lg)}.x{position:absolute;top:-16px;right:-12px;width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--paper);border:0;display:grid;place-items:center;cursor:pointer}.x svg{width:20px;height:20px}.m-head{padding:calc(var(--u) * 3) calc(var(--u) * 3) var(--u)}.m-head h2{font-size:var(--t-h2);margin-bottom:12px}.chips{display:flex;flex-wrap:wrap;gap:var(--u);list-style:none;margin:0 0 calc(var(--u) * 2);padding:0}.chips li{padding:4px 12px;border:1px solid var(--line);border-radius:999px;text-decoration:line-through;color:var(--ink-soft)}.tabs{display:flex;gap:var(--u)}.tab{min-height:44px;padding:0 calc(var(--u) * 2);border-radius:999px;border:1px solid var(--line);background:var(--paper);font:600 var(--t-body)/1 var(--f);color:var(--ink);cursor:pointer}.tab[aria-selected="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.pane{padding:var(--u) calc(var(--u) * 3) calc(var(--u) * 3);overflow-y:auto}.pane p+p{margin-top:12px}@media (hover: hover) and (pointer: fine){.item:hover{border-color:var(--line)}.item[aria-pressed="true"]:hover{border-color:var(--ink)}.cta:hover{background:var(--ink);color:var(--snap)}}@media (min-width: 900px){:root{--t-h2:clamp(1.777rem,1.2rem + 1vw,2.369rem)}.hero{padding-bottom:calc(var(--u) * 8)}.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:calc(var(--u) * 6)}.item{width:128px}.story-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(var(--u) * 6);align-items:start}.stage{order:2;top:15dvh;height:70dvh}.steps li{min-height:70dvh}.steps li:last-child{min-height:60dvh}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none !important;animation:none !important}}