.gl{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}.shell{z-index:1;grid-template-rows:auto 1fr auto;gap:clamp(16px,3vh,32px);min-height:100dvh;padding:clamp(14px,2.4vw,28px) clamp(16px,4vw,56px);display:grid;position:relative}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{font:400 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;display:flex}.brand a{color:var(--ink);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.brand a:hover{text-decoration:underline}.tabs{border-radius:18px;gap:2px;padding:6px 8px 14px;display:flex}.tab{all:unset;cursor:pointer;font:500 14px/1 var(--font);letter-spacing:.01em;color:var(--mute);border-radius:12px;padding:9px 16px;transition:color .2s}.tab:hover,.tab[aria-selected=true]{color:var(--ink)}.tab:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.scene{align-content:start;gap:clamp(14px,2.6vh,26px);animation:.55s cubic-bezier(.2,.8,.2,1) both rise;display:grid}.scene[hidden]{display:none}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}h1,h3{font-weight:500}h1{letter-spacing:-.04em;max-width:16ch;font-size:clamp(2.3rem,5.6vw,4.6rem);line-height:1.02}h1.sub{letter-spacing:-.035em;max-width:14ch;font-size:clamp(1.9rem,4vw,3.3rem);line-height:1.04}h3{letter-spacing:-.02em;font-size:1.5rem}.lede{max-width:46ch;color:var(--mute);margin:0;font-size:clamp(.95rem,1.2vw,1.08rem);line-height:1.6}.eyebrow{margin:0 0 8px}.dish{border-radius:28px;height:clamp(200px,36vh,360px)}.split{grid-template-columns:minmax(0,1fr) minmax(0,520px);align-items:center;gap:clamp(24px,5vw,72px)}.copy{align-content:start;gap:clamp(14px,2.6vh,26px);display:grid}.stack{gap:14px;display:grid}.card,.gate{border-radius:24px;padding:28px 30px}.card{align-content:start;min-height:220px;display:grid}.big{letter-spacing:-.04em;margin:10px 0 0;font-size:3rem;font-weight:500;line-height:1}.big span{letter-spacing:0;color:var(--mute);margin-left:4px;font-size:1rem;font-weight:400}.status{min-height:1.4em;color:var(--mute);margin:14px 0 0;font-size:.95rem;transition:color .3s}.card:is([data-state=pending],[data-state=slow],[data-state=queued],[data-state=confirmed],[data-state=conflict]) .eyebrow,.card:is([data-state=pending],[data-state=slow],[data-state=queued],[data-state=confirmed],[data-state=conflict]) .status,.card:is([data-state=pending],[data-state=slow],[data-state=queued],[data-state=confirmed],[data-state=conflict]) .big span{color:#e6ebf1}.row{flex-wrap:wrap;gap:10px;display:flex}.tubes{justify-content:center;align-items:flex-end;gap:clamp(20px,4vw,44px);display:flex}.tubeWrap{justify-items:center;gap:12px;margin:0;display:grid}.tube{border-radius:999px;width:52px;height:clamp(220px,40vh,340px)}.tube.wide{width:68px}.cap{text-align:center;font:400 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);justify-items:center;gap:2px;display:grid}.cap b{font:500 1.5rem/1 var(--font);letter-spacing:-.02em;text-transform:none;color:var(--ink);margin-top:4px}.cap span{letter-spacing:.06em;text-transform:none}.gate{text-align:center;align-content:center;justify-items:center;gap:4px;min-height:360px;display:grid}.hold{all:unset;cursor:pointer;touch-action:none;border-radius:50%;width:132px;height:132px;margin:18px 0 6px;box-shadow:inset 0 0 0 1px #ffffff1a}.hold:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.hint{color:var(--mute);margin:0;font-size:.9rem}.hint[hidden]{display:none}.foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.ghost{all:unset;cursor:pointer;font:400 11px/1 var(--mono);letter-spacing:.06em;color:var(--mute);border-radius:8px;padding:6px 10px;box-shadow:inset 0 0 0 1px #ffffff1f}.ghost:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.no-gl .tabs,.no-gl .tube,.no-gl .gate,.no-gl .card,.no-gl .btn,.no-gl .dish{background:#0d0f14;box-shadow:inset 0 0 0 1px #ffffff14}@media (width<=860px){.split{grid-template-columns:minmax(0,1fr)}.tabs{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){.scene{animation:none}.tab,.status{transition:none}}