:root { color-scheme: light; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #f1f7fa; color: #102a37; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: grid; grid-template-rows: auto 1fr auto; }
header, footer { padding: 2rem clamp(1.5rem, 6vw, 6rem); }
.brand { font-size: 1.65rem; font-weight: 800; letter-spacing: -.05em; }
.brand span { color: #08739d; }
main { margin: 1rem clamp(1.5rem, 6vw, 6rem); padding: clamp(2rem, 8vw, 7rem); border-radius: 2rem; background: #08739d; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.eyebrow { margin: 0 0 1.5rem; font-size: 1rem; line-height: 1.5; }
h1 { margin: 0; max-width: 100%; font-size: clamp(2.2rem, 7.5vw, 7rem); line-height: 1.1; font-weight: 750; letter-spacing: -.055em; overflow-wrap: anywhere; }
.description { margin: 1.5rem 0 0; max-width: 32rem; font-size: clamp(1.1rem, 2vw, 1.4rem); line-height: 1.6; }
footer { color: #4c6572; font-size: .875rem; }
@media (max-width: 480px) { header, footer { padding: 1.5rem; } main { margin: .5rem 1.5rem; border-radius: 1.5rem; padding: 2rem 1.5rem; } }