:root{--color-canvas:#f5f6f2;--color-ink:#20242a;--color-ink-muted:#65707d;--color-action:#14665c}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--color-canvas);color:var(--color-ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{place-items:center;min-height:100svh;padding:24px;display:grid}.brand-lockup{--brand-dock-scale:.24;--brand-dock-top:-65px;--tagline-dock-scale:1.7;transform-origin:0 0;width:min(92vw,960px);animation:.9s cubic-bezier(.22,1,.36,1) 5s forwards brand-dock;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.brand{transform-origin:50%;margin:0;line-height:0;animation:3s cubic-bezier(.2,.8,.2,1) both brand-reveal}.brand-logo{width:100%;height:auto;display:block}.tagline{color:var(--color-ink-muted);transform-origin:top;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(.75rem,3.8vw,1.5rem);line-height:1.4;animation:.9s cubic-bezier(.22,1,.36,1) 5s forwards tagline-dock;position:absolute;top:62%;left:50%;transform:translate(-50%)}.tagline-typing{white-space:nowrap;border-right:2px solid #0000;width:0;animation:2s steps(20,end) 2.5s forwards tagline-type,.7s step-end 2.5s infinite tagline-caret,1ms linear 5.9s forwards tagline-caret-stop;display:block;overflow:hidden}@keyframes brand-reveal{0%{opacity:0;transform:scale(.02)}to{opacity:1;transform:scale(1)}}@keyframes tagline-type{to{width:20ch}}@keyframes tagline-caret{0%,to{border-right-color:var(--color-action)}50%{border-right-color:#0000}}@keyframes tagline-caret-stop{to{border-right-color:#0000}}@keyframes tagline-dock{to{transform:translateX(-50%) scale(var(--tagline-dock-scale))}}@keyframes brand-dock{to{top:var(--brand-dock-top);transform:scale(var(--brand-dock-scale));left:8px}}@media (max-width:600px){.brand-lockup{--brand-dock-scale:.5;--brand-dock-top:-48px;--tagline-dock-scale:1.2}}@media (prefers-reduced-motion:reduce){.brand-lockup{top:var(--brand-dock-top);transform:scale(var(--brand-dock-scale));animation:none;left:8px}.brand{animation:none}.tagline{transform:translateX(-50%) scale(var(--tagline-dock-scale));animation:none}.tagline-typing{border-right:0;width:auto;animation:none}}