:root { font-family: "Segoe UI", Arial, sans-serif; color: #082b46; background: #fff; font-synthesis: none; }
* { box-sizing: border-box; }
body { margin: 0; }
main { min-height: 100svh; display: flex; flex-direction: column; align-items: center; padding: 32px 24px 20px; }
header { display: flex; align-items: center; justify-content: center; gap: 20px; width: min(100%, 850px); }
header p { margin: 0; font-size: 16px; letter-spacing: .02em; color: #346077; white-space: nowrap; }
.line { flex: 1; height: 1px; background: #e0eeee; max-width: 110px; }
.welcome { display: flex; flex-direction: column; align-items: center; text-align: center; margin: auto 0; padding: 16px 0 30px; width: 100%; }
.logo { display: block; width: min(470px, 80vw); height: auto; }
h1 { margin: 3px 0 12px; font-size: clamp(26px, 3vw, 38px); font-weight: 600; letter-spacing: -.035em; line-height: 1.18; }
.tagline { margin: 0; font-size: clamp(16px, 2vw, 20px); color: #496779; line-height: 1.6; }
.domains { margin: 22px 0 0; font-size: 12px; text-transform: uppercase; letter-spacing: .15em; color: #52788a; }
.domains span { padding: 0 13px; color: #1da9b0; }
footer { color: #71909e; font-size: 11px; letter-spacing: .18em; display: flex; align-items: center; gap: 8px; }
.dot { width: 5px; height: 5px; background: #16aaae; border-radius: 50%; }
@media (max-width: 480px) { main { padding: 24px 18px 18px; } header { gap: 10px; } header p { font-size: 14px; } .welcome { padding-bottom: 25px; } .domains { font-size: 10px; letter-spacing: .1em; } .domains span { padding: 0 8px; } }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto; } }