:root{color-scheme:dark;--blue:#168cff;--white:#f5f7fa;--muted:#8b96a3}
*{box-sizing:border-box}
html,body{width:100%;min-height:100%;margin:0}
body{background:#030405;color:var(--white);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
main{min-height:100svh;display:grid;place-items:center;padding:48px 24px;overflow:hidden;position:relative}
main:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 48%,#0304051a 58%,#030405 100%);pointer-events:none}
.splash{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.96;user-select:none}
.reveal{width:min(720px,100%);text-align:center;display:flex;align-items:center;flex-direction:column;position:relative;z-index:1;margin-top:min(56vh,510px);animation:arrive 1.2s cubic-bezier(.2,.75,.25,1) both}
.brand-name{font-size:.72rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#b8c1cb;margin-bottom:16px;text-shadow:0 1px 12px #000}
h1{font-family:"Bahnschrift","Segoe UI Variable Display","Segoe UI",sans-serif;font-size:clamp(2.25rem,4.6vw,4.4rem);font-weight:400;font-stretch:semi-condensed;letter-spacing:-.035em;line-height:.98;margin:0;text-wrap:balance}
.soon{font-size:.68rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#8b96a3;margin-top:34px}
@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.reveal{animation:none}}
@media(max-width:520px){main{padding:32px 20px}.splash{object-fit:cover}.reveal{margin-top:52vh}.brand-name{font-size:.62rem;letter-spacing:.2em;margin-bottom:14px}h1{font-size:2.45rem}.soon{font-size:.6rem;line-height:1.8;margin-top:28px}}