/* Retained maesee navy/cyan palette and closely tracked, semibold wordmark. */
:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #0b1120; color: #f6f9fc; }
* { box-sizing: border-box; }
body { margin: 0; font-size: 18px; line-height: 1.7; }
a { color: inherit; text-underline-offset: .25em; }
a:hover { color: #00d4ff; }
:focus-visible { outline: 3px solid #00d4ff; outline-offset: 5px; }
.shell { width: min(100% - 112px, 1120px); margin-inline: auto; min-height: 100svh; display: flex; flex-direction: column; }
header { padding-top: 52px; }
.wordmark { font-size: 30px; letter-spacing: -1.7px; font-weight: 600; line-height: 1; text-decoration: none; }
.wordmark span { color: #00d4ff; }
main { padding: 100px 0 92px; flex: 1; }
.eyebrow { color: #00d4ff; font-size: 13px; letter-spacing: .15em; text-transform: uppercase; margin: 0 0 24px; font-weight: 600; }
h1 { font-size: clamp(38px, 5.5vw, 68px); line-height: 1.08; letter-spacing: -.045em; font-weight: 500; margin: 0 0 32px; max-width: 850px; }
p { margin: 0 0 20px; }
.body-copy { max-width: 625px; color: #b8c4d5; }
.attribution { font-size: 14px; color: #b8c4d5; margin: 44px 0 0; }
footer { padding: 24px 0 30px; border-top: 1px solid #2c394c; color: #b8c4d5; font-size: 13px; }
footer span { padding-inline: 6px; }
.legal main { max-width: 720px; padding-top: 72px; }
.legal h1 { font-size: clamp(38px, 5vw, 56px); }
.legal p { color: #b8c4d5; }
h2 { font-size: 23px; line-height: 1.3; margin: 40px 0 16px; font-weight: 500; }
.updated { font-size: 14px; }
.skip-link { position: absolute; top: 8px; left: 12px; padding: 8px 16px; background: #00d4ff; color: #0b1120; transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); color: #0b1120; }
@media (max-width: 600px) { .shell { width: calc(100% - 48px); } header { padding-top: 32px; } main { padding: 80px 0 64px; } body { font-size: 17px; } .desktop-break { display: none; } .legal main { padding-top: 56px; } }