:root { color-scheme: light; font-family: Inter, Arial, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; }
.static-page { min-height: 100vh; background: #fffaf1; color: #0b0d10; }
.static-page__main { display: grid; min-height: 100vh; place-content: center; justify-items: start; width: min(100% - 2rem, 48rem); margin: 0 auto; padding: 4rem 0; }
.static-page__logo { width: min(15rem, 70vw); height: auto; margin-bottom: 3rem; }
.static-page__eyebrow { margin: 0; color: #d94f00; font-size: .75rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.static-page h1 { max-width: 42rem; margin: 1rem 0; font-size: clamp(2.5rem, 8vw, 5.5rem); line-height: 1; }
.static-page p:not(.static-page__eyebrow) { max-width: 36rem; margin: 0; color: #55585c; font-size: 1.1rem; line-height: 1.7; }
.static-page__action { display: inline-flex; min-height: 2.75rem; align-items: center; margin-top: 2rem; border-radius: 999px; background: #ff5a00; padding: .75rem 1.25rem; color: #fff; font-size: .9rem; font-weight: 800; text-decoration: none; }
.static-page__action:focus-visible { outline: 3px solid #ff9b00; outline-offset: 3px; }