:root{--yellow:#FFFC00;--ink:#111111;--paper:#FFFFFF;--blue:#0EADFF;--pale:#FFFDB8;--t1:clamp(2.1rem,1.5rem + 2.6vw,3.25rem);--t2:clamp(1.2rem,1.1rem + 0.4vw,1.4rem);--t3:1rem;--col:45rem;--gut:max(1rem,env(safe-area-inset-left));--dock:4rem;--cut:2.5rem;--display:"Red Hat Display","Mulish",sans-serif;--body:"Mulish",sans-serif;}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--ink) var(--yellow)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--yellow);color:var(--ink);font:400 var(--t3)/1.6 var(--body);padding-bottom:calc(var(--dock) + env(safe-area-inset-bottom));-webkit-font-smoothing:antialiased;caret-color:var(--ink)}::selection{background:var(--ink);color:var(--yellow)}a{color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}h1,h2,h3{font-family:var(--display);font-weight:800;margin:0;text-wrap:balance;letter-spacing:-0.02em}p,li{text-wrap:pretty}.col{width:min(100% - 2rem,var(--col));margin-inline:auto}.bar{border-bottom:1px solid var(--ink)}.bar .col{display:flex;align-items:center;gap:.75rem;min-height:4rem;padding-top:max(.5rem,env(safe-area-inset-top))}.bar img{width:48px;height:48px;display:block}.bar .name{font:800 var(--t2)/1 var(--display);letter-spacing:-0.02em}.tick{overflow:hidden;border-bottom:1px solid var(--ink);white-space:nowrap}.tick-track{display:inline-flex;gap:2.5rem;padding:.45rem 0;animation:tick 48s linear infinite;will-change:transform}.tick-track span{display:inline-flex;align-items:center;gap:2.5rem}.tick-track span::after{content:"";width:.45rem;height:.45rem;background:var(--ink);display:inline-block}@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion: reduce){.tick-track{animation:none}}.hero{padding:1.75rem 0 1.25rem}.hero h1{font-size:var(--t1);line-height:1.06;max-width:15ch}.hero p{margin:1rem 0 0;max-width:34rem}.story{position:relative;padding-bottom:calc(var(--cut) + 2rem)}.stage{position:sticky;top:0;z-index:1;height:min(44dvh,22rem);overflow:hidden;background:var(--yellow);padding-left:max(1rem,calc((100% - var(--col)) / 2));border-bottom:1px solid var(--ink)}.stage svg{display:block;height:calc(100% + 2.5rem);width:auto;overflow:visible}.steps{list-style:none;margin:0;padding:0}.steps h2{font-size:var(--t2);padding-top:2rem}.step{min-height:62dvh;display:flex;gap:1rem;align-items:center;padding:1.5rem 0}.step b{font:800 var(--t1)/1 var(--display);min-width:2ch}.step p{margin:0;font-size:var(--t2);font-weight:700;line-height:1.4;max-width:28rem}.g-row,.g-dot,.g-fill,.g-cover{transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .6s cubic-bezier(.16,1,.3,1);transform-box:fill-box}.g-fill{transform-origin:left center}.g-dot{transform-origin:center}[data-step="1"] .g-row{opacity:.12;transform:translateX(-16px)}[data-step="1"] .g-dot,[data-step="1"] .g-dotl{opacity:.12}[data-step="1"] .g-dot{transform:scale(.6)}[data-step="1"] .g-fill,[data-step="2"] .g-fill{transform:scaleX(.04)}[data-step="3"] .g-cover{opacity:0;transform:translateY(-12px)}.g-cover{opacity:1}@media (prefers-reduced-motion: reduce){.g-row,.g-dot,.g-fill,.g-cover{transition:none}}.band{position:relative;margin-top:calc(var(--cut) * -1);clip-path:polygon(0 var(--cut),100% 0,100% 100%,0 100%);padding:calc(var(--cut) + 2rem) 0 calc(var(--cut) + 2.5rem)}.band h2{font-size:var(--t2);margin-bottom:1.25rem}.dark{background:var(--ink);color:var(--paper)}.light{background:var(--paper)}.note{background:var(--pale);color:var(--ink);border:1px solid var(--ink);border-radius:4px;padding:1.5rem 1.25rem;transform:rotate(-1.5deg);max-width:34rem}.note ol{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.note li{display:flex;gap:1rem;align-items:baseline}.note li b{font:800 var(--t1)/1 var(--display);min-width:1.4ch}@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){.note{animation:pin linear both;animation-timeline:view();animation-range:entry 0% cover 45%}@keyframes pin{from{transform:rotate(-5deg) translateY(1.5rem)}to{transform:rotate(-1.5deg)}}}}.tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.tabs button{font:700 var(--t3)/1 var(--body);min-height:44px;padding:0 1rem;border:1px solid var(--ink);border-radius:4px;background:var(--paper);color:var(--ink);cursor:pointer}.tabs button[aria-selected="true"]{background:var(--ink);color:var(--yellow)}@media (hover: hover) and (pointer: fine){.tabs button[aria-selected="false"]:hover{background:var(--pale)}}.grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr))}.blk{container-type:inline-size;border:1px solid var(--ink);border-radius:4px;padding:1rem;transition:opacity .3s ease-out}.blk-in{display:grid;gap:.5rem}.blk .num{width:2.75rem;height:2.75rem;display:grid;place-items:center;background:var(--yellow);border:1px solid var(--ink);border-radius:4px;font:800 var(--t2)/1 var(--display)}.blk h3{font-size:var(--t2);line-height:1.2}.blk p{margin:0}@container (min-width: 16rem){.blk-in{grid-template-columns:2.75rem 1fr;column-gap:1rem;align-items:start}.blk-in p{grid-column:2}}.get:has(#tab-circle[aria-selected="true"]) .blk:not([data-g~="circle"]),.get:has(#tab-locked[aria-selected="true"]) .blk:not([data-g~="locked"]){opacity:.3}.get:has(#tab-locked[aria-selected="true"]) .blk[data-g~="locked"] .num,.get:has(#tab-circle[aria-selected="true"]) .blk[data-g~="circle"] .num{background:var(--blue)}footer{padding:3rem 0 2rem;border-top:1px solid var(--ink)}.top{display:inline-flex;align-items:center;gap:.75rem;font:800 var(--t1)/1.1 var(--display);text-decoration:none;min-height:44px}.top svg{width:.8em;height:.8em;flex:none}.ul{background:linear-gradient(var(--ink),var(--ink)) 0 100% / 0 2px no-repeat;transition:background-size .35s cubic-bezier(.16,1,.3,1)}.ul:focus-visible{background-size:100% 2px}@media (hover: hover){.ul:hover{background-size:100% 2px}}.foot{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;align-items:center}.foot strong{font-family:var(--display)}.foot a{text-decoration:none;display:inline-flex;align-items:center;min-height:44px}.dock{position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--ink);padding:.25rem 1rem calc(.25rem + env(safe-area-inset-bottom))}.lead-btn{display:flex;align-items:center;justify-content:center;width:min(100%,30rem);min-height:3.5rem;margin-inline:auto;background:var(--blue);color:var(--ink);font:800 var(--t2)/1.1 var(--display);text-decoration:none;border-radius:4px;letter-spacing:-0.01em}.lead-btn:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}@media (hover: hover){.lead-btn:hover{background:var(--paper)}}@media (min-width: 64rem){.stage{height:min(56dvh,30rem)}.hero{padding-top:2.5rem}}:is(html,body){max-inline-size:100%;overflow-x:clip;}