:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #101e33; color: #f4f7fc; }
* { box-sizing: border-box; }
body { margin: 0; }
.page { min-height: 100svh; display: grid; grid-template-rows: auto 1fr auto; padding: clamp(1.5rem, 5vw, 5rem); max-width: 110rem; margin: 0 auto; }
header { padding-bottom: 2rem; border-bottom: 1px solid #344258; }
.brand { font-size: .875rem; font-weight: 650; letter-spacing: .2em; }
main { padding: clamp(5rem, 12vh, 10rem) 0; align-self: center; }
.accent { width: 3.5rem; height: .25rem; background: #73d6ce; margin-bottom: 2rem; }
h1 { font-size: clamp(3.5rem, 12vw, 11rem); font-weight: 650; line-height: 1.08; letter-spacing: -.065em; margin: 0 0 1.5rem; }
h1 span { color: #73d6ce; }
p { font-size: clamp(1.125rem, 2.5vw, 1.625rem); line-height: 1.6; color: #c2cedf; margin: 0; }
footer { border-top: 1px solid #344258; height: 1.5rem; }
footer span { display: block; width: 3.5rem; height: 1px; background: #73d6ce; margin-top: -1px; }
@media (max-width: 360px) { h1 { font-size: 3rem; } }