:root { color-scheme: light; --background: #F7F5F0; --foreground: #172E38; --muted: #626C6A; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { background: var(--background); color: var(--foreground); font-family: "Segoe UI", Inter, system-ui, -apple-system, sans-serif; -webkit-font-smoothing: antialiased; }
.landing { min-height: 100svh; display: grid; place-items: center; padding: 40px 24px; }
.identity { width: 100%; text-align: center; transform: translateY(-3vh); }
.logo { display: block; width: clamp(260px, 42vw, 460px); max-width: 100%; height: auto; margin: 0 auto -14px; }
.logo { aspect-ratio: 1; }
.logo > img, .logo > svg { display: block; width: 100%; height: 100%; }
.js .logo[data-loading] { visibility: hidden; }
h1 { font-size: clamp(1.7rem, 4.4vw, 2.4rem); line-height: 1.2; font-weight: 650; letter-spacing: -.045em; margin: 0; }
h1 span { font-weight: 400; }
.coming-soon { margin: 30px 0 0; font-size: 1.125rem; letter-spacing: .12em; color: var(--muted); }
@media (max-height: 560px) and (min-width: 600px) { .logo { width: 230px; } .identity { transform: none; } .coming-soon { margin-top: 18px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; } }