:root { color-scheme: light; --ink: #07112e; --muted: #68738a; --blue: #315cff; --bg: #f8f9fc; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { min-height: 100vh; background: var(--bg); color: var(--ink); font-family: "DM Sans", system-ui, sans-serif; display: grid; place-items: center; overflow: hidden; }
body::before { content: ""; position: fixed; width: 48rem; height: 48rem; left: 50%; top: 46%; transform: translate(-50%, -50%); background: radial-gradient(circle, rgba(49,92,255,.08), transparent 66%); pointer-events: none; }
.splash { position: relative; width: min(90vw, 760px); text-align: center; display: flex; align-items: center; flex-direction: column; gap: 0; }
.topline { color: var(--muted); text-transform: uppercase; letter-spacing: .18em; font-size: .65rem; font-weight: 500; display: flex; align-items: center; gap: .65rem; margin-bottom: 3.2rem; }
.dot { width: .42rem; height: .42rem; border-radius: 50%; background: var(--blue); box-shadow: 0 0 20px rgba(49,92,255,.9); }
.logo { width: min(76vw, 610px); height: auto; display: block; margin-bottom: 1.15rem; }
.statement { font-size: clamp(1.25rem, 3vw, 2rem); letter-spacing: -.045em; margin: 0; font-weight: 500; }
.note { color: var(--muted); font-size: .92rem; margin: 1rem 0 0; }
footer { position: fixed; bottom: 1.8rem; color: #8a94a8; font-size: .62rem; letter-spacing: .2em; }
footer span { color: var(--blue); margin: 0 .55rem; }
@media (max-width: 520px) { .topline { margin-bottom: 2.1rem; font-size: .55rem; } .logo { width: 88vw; } footer { bottom: 1.2rem; } }