:root {
    color-scheme: light;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #172033;
    background: #f4f7fb;
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; }
.page { min-height: 100vh; display: grid; grid-template-rows: auto 1fr auto; }
.site-header, .site-footer { padding: 1rem clamp(1.25rem, 5vw, 4rem); background: #fff; }
.site-header { border-bottom: 1px solid #dfe6f0; }
.site-footer { border-top: 1px solid #dfe6f0; color: #53627a; }
.brand { font-size: 1.25rem; font-weight: 750; color: #174ea6; }
main { width: min(70rem, 100%); margin: 0 auto; padding: clamp(3rem, 10vw, 8rem) clamp(1.25rem, 5vw, 4rem); }
.welcome { max-width: 48rem; }
.eyebrow { color: #174ea6; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
h1 { margin: .25rem 0 1rem; font-size: clamp(2.5rem, 8vw, 5rem); line-height: 1; }
.lead { font-size: clamp(1.15rem, 2vw, 1.5rem); line-height: 1.55; }
.status { margin-top: 2rem; padding: 1rem 1.25rem; border-left: .3rem solid #2f6fda; background: #eaf2ff; }
a:focus-visible, button:focus-visible, [tabindex]:focus-visible { outline: .2rem solid #d54b00; outline-offset: .2rem; }