:root{--ink:#141414;--night:#0b0b0b;--red:#e50914;--deep:#b20710;--paper:#f4f1ea;--chalk:#f5f5f1;--ash:#a8a8a8;--rule:#3a3a3a;--gold:#ffc72c;--sans:"Archivo",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--ink);color:var(--chalk);font:400 clamp(1rem,0.95rem + 0.3vw,1.125rem)/1.55 var(--sans);overflow-x:clip}a{color:inherit}.band-screen{background-color:var(--ink);background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:24px 24px;padding:0 max(1.25rem,env(safe-area-inset-left)) 0 max(1.25rem,env(safe-area-inset-right))}.story{max-width:72rem;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr)}.hero{padding:max(1.1rem,env(safe-area-inset-top)) 0 1.25rem}.logo{display:block;width:clamp(56px,14vw,112px);height:auto;aspect-ratio:1;border-radius:14px;margin:0 0 1.1rem}h1{font-weight:800;font-size:clamp(1.85rem,1.2rem + 3.2vw,3.6rem);line-height:1.04;letter-spacing:-0.02em;margin:0 0 0.9rem;max-width:15ch}h1 .brand{display:block;color:var(--red)}.lead{margin:0 0 1.3rem;max-width:34rem;color:#d6d6d2}.cta{display:inline-flex;align-items:center;justify-content:center;gap:0.6rem;min-height:52px;padding:0.8rem 1.6rem;background:var(--red);color:#fff;font:800 1.0625rem/1 var(--sans);text-decoration:none;border-radius:4px;transition:transform .2s ease}.cta svg{width:14px;height:14px}.cta:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media (hover: hover){.cta:hover{transform:translateY(-2px)}}.under{margin:0.8rem 0 0;font-size:0.9375rem;color:var(--ash)}.stage{position:sticky;top:0;z-index:2;background:var(--ink);padding:0.5rem 0 0.75rem;margin:0 -0.25rem}.stage svg{display:block;width:100%;max-width:520px;height:auto;margin:0 auto;overflow:visible}.fig text{font-family:var(--mono);font-weight:500;letter-spacing:0.08em}.fig .move{transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s ease;transform-box:fill-box}#tile{transform:translateX(0)}#gap{transform-origin:left center;transform:scaleX(0);opacity:0}#gapLabel{opacity:0}#lit{opacity:1}#invite{opacity:0;transform:translateY(-8px)}#acct{opacity:1;transform:translateY(0)}#acct .tick{opacity:1}.fig[data-step="wait"] #tile,.fig[data-step="invite"] #tile{transform:translateX(160px)}.fig[data-step="check"] #tile{transform:translateX(80px)}.fig[data-step="wait"] #gap,.fig[data-step="invite"] #gap{transform:scaleX(1);opacity:1}.fig[data-step="check"] #gap{transform:scaleX(.5);opacity:1}.fig[data-step="wait"] #gapLabel,.fig[data-step="invite"] #gapLabel{opacity:1}.fig[data-step="wait"] #lit,.fig[data-step="invite"] #lit,.fig[data-step="check"] #lit{opacity:0}.fig[data-step="invite"] #invite{opacity:1;transform:translateY(0)}.fig[data-step="check"] #invite{opacity:.35;transform:translateY(0)}.fig[data-step="wait"] #acct,.fig[data-step="invite"] #acct{opacity:0;transform:translateY(-8px)}.fig[data-step="check"] #acct .tick{opacity:0}.steps{list-style:none;margin:0;padding:0 0 18dvh}.steps li{min-height:70dvh;display:flex;align-items:center;padding:0}.steps .card{max-width:30rem;border-left:2px solid var(--red);padding:0.2rem 0 0.2rem 1rem}.steps p{margin:0;font-weight:800;font-size:clamp(1.3rem,1.05rem + 1.3vw,2rem);line-height:1.3;letter-spacing:-0.01em}.src{display:inline-block;margin-top:0.7rem;font:500 0.8125rem/1.4 var(--mono);color:var(--ash);text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .3s ease;padding:0.4rem 0;min-height:44px}.src:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (hover: hover){.src:hover{background-size:100% 1px;color:var(--chalk)}}@media (min-width:900px){.story{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:4rem}.hero{grid-column:1;grid-row:1;padding-top:3.2rem;min-height:min(100dvh,52rem)}.steps{grid-column:1;grid-row:2}.stage{grid-column:2;grid-row:1 / span 2;align-self:start;top:12dvh;margin-top:5rem;padding:0;background:none}.steps li{align-items:center;padding:0}}.band-letter{background:var(--paper);color:var(--ink);padding:clamp(3.5rem,8vw,6rem) 1.25rem}.letter{max-width:36rem;margin:0 auto;font-size:clamp(1.0625rem,1rem + 0.3vw,1.1875rem)}.letter h2{font-weight:800;font-size:clamp(1.5rem,1.2rem + 1.4vw,2.2rem);margin:0 0 1.4rem;letter-spacing:-0.01em}.letter p{margin:0 0 1.1rem}.ps{border-top:1px solid #14141433;padding-top:1.1rem;margin-top:1.6rem}.ps strong{color:var(--deep);font-weight:800}.sign{margin-top:1.8rem}.sign span{display:block;font-weight:800;color:var(--deep)}.band-close{background:var(--red);color:#fff;text-align:center;padding:clamp(3.5rem,9vw,6rem) 1.25rem}.band-close img{display:block;margin:0 auto 1rem;width:112px;height:112px;border-radius:22px}.band-close .name{display:block;font-weight:800;font-size:clamp(1.6rem,1.3rem + 1.5vw,2.4rem);margin:0 0 1.6rem;letter-spacing:-0.01em}.band-close .cta{background:#fff;color:var(--ink)}.band-close .cta:focus-visible{outline-color:var(--ink)}footer{background:var(--night);color:var(--ash);margin-top:0;border-top:3rem solid var(--ink);padding:1.6rem 1.25rem calc(5.5rem + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:0.8rem;flex-wrap:wrap;font-size:0.9375rem}footer img{width:32px;height:32px;border-radius:7px}footer a{text-decoration:none;color:var(--chalk);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .3s ease;padding:0.6rem 0.2rem}footer a:focus-visible{outline:2px solid var(--gold);outline-offset:2px;background-size:100% 1px}@media (hover: hover){footer a:hover{background-size:100% 1px}}.bar{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#0b0b0bf2;border-top:1px solid var(--rule);padding:0.6rem max(1rem,env(safe-area-inset-right)) calc(0.6rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));transform:translateY(110%);visibility:hidden;transition:transform .35s ease,visibility 0s linear .35s}.bar.on{transform:translateY(0);visibility:visible;transition:transform .35s ease}.bar span{font-weight:800;font-size:0.9375rem}.bar .cta{min-height:44px;padding:0.6rem 1.1rem;font-size:0.9375rem}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.fig .move,.cta,.bar,.src,footer a{transition:none}}