:root { color-scheme: light; --navy: #0b2545; --teal: #0098b8; }
* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; }
body { color: var(--navy); background: #f5f8fa; font-family: Montserrat, "Segoe UI", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
body::before { content: ""; position: fixed; inset: 0 0 auto; height: 5px; background: linear-gradient(90deg, var(--navy), var(--teal), #00d2b4); }
.coming-soon { min-height: 100svh; max-width: 1280px; margin: auto; padding: clamp(32px, 6vw, 72px); display: flex; flex-direction: column; align-items: flex-start; }
.coming-soon-logo { width: clamp(220px, 28vw, 340px); max-width: 100%; height: auto; }
.coming-soon-content { flex: 1; display: flex; flex-direction: column; justify-content: center; padding-block: 80px; }
.coming-soon-status { display: flex; align-items: center; gap: 10px; color: #416172; font-size: clamp(11px, 1.6vw, 13px); letter-spacing: .12em; text-transform: uppercase; font-weight: 600; }
.coming-soon-status > span { width: 7px; height: 7px; background: #009f89; border-radius: 50%; flex-shrink: 0; }
h1 { margin: 24px 0 20px; font-size: clamp(58px, 12vw, 132px); font-weight: 650; letter-spacing: -.065em; line-height: 1.05; }
h1 > span { color: var(--teal); }
p { margin: 0; color: #536b78; font-size: clamp(16px, 2vw, 21px); line-height: 1.75; }
.coming-soon-line { width: 56px; height: 3px; background: #00bfa4; margin-top: 36px; }
footer { color: #657985; font-size: 12px; line-height: 1.6; }
@media (max-width: 480px) { .coming-soon { padding: 36px 24px 28px; } .coming-soon-status { letter-spacing: .06em; } }