@font-face{font-family:Outfit;src:url('/assets/outfit.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('/assets/ibm-plex-sans.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
*{box-sizing:border-box}
html,body{margin:0;background:#000;color:#fff}
body{font-family:'IBM Plex Sans',sans-serif}
main{height:100svh;min-height:320px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;padding:0 24px}
.intro{text-align:center;padding-top:clamp(40px,9svh,112px)}
h1{font-family:Outfit,sans-serif;font-size:clamp(42px,5vw,72px);font-weight:400;letter-spacing:-.045em;line-height:1.1;margin:0}
p{font-size:16px;letter-spacing:.02em;color:inherit;margin:0}
.waves{position:relative;width:min(100%,1320px);height:100%;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);place-items:center;pointer-events:none;padding:12px 0}
.waves img,.waves video{grid-area:1/1;width:100%;height:100%;min-height:0;object-fit:contain}
.waves video{opacity:0;transition:opacity 1.5s}
.waves video.ready{opacity:1}
.outro{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:max(28px,env(safe-area-inset-bottom));text-align:center}
.back{display:inline-flex;align-items:center;padding:12px 16px;color:inherit;font-size:14px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:currentColor;min-height:44px}
.back:hover{text-decoration-thickness:2px}
.back:focus-visible{outline:2px solid #00bfff;outline-offset:4px;border-radius:3px}
html[data-theme="white"],html[data-theme="white"] body{background:#fff;color:#141414}
@media(max-width:767px){main{padding:0 16px}.intro{padding-top:14svh}.waves video{display:none}.outro{padding-bottom:max(24px,env(safe-area-inset-bottom))}}
@media(max-height:500px){.intro{padding-top:24px}h1{font-size:42px}.outro{gap:0;padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){.waves video{display:none;transition:none}}