:root { color-scheme: light; font-family: "Segoe UI", Arial, sans-serif; color: #172b45; background: #fff; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: grid; place-items: center; padding: 2rem 1.25rem; }
main { width: 100%; max-width: 46rem; padding: clamp(1rem, 5vw, 3rem) 0; }
.logo { display: block; width: min(100%, 18rem); height: auto; margin: 0 0 2.5rem; }
.eyebrow { margin: 0 0 1rem; font-size: 1rem; font-weight: 600; }
h1 { font-size: clamp(2.5rem, 8vw, 4.5rem); letter-spacing: -.04em; line-height: 1.1; margin: 0; }
.intro { color: #45566b; font-size: 1.25rem; line-height: 1.6; margin: 1.5rem 0; }
.contact { display: inline-block; color: #172b45; font-size: clamp(1rem, 4.5vw, 1.25rem); font-weight: 600; text-underline-offset: .3em; padding: .5rem 0; overflow-wrap: anywhere; }
.contact:hover { color: #315e92; }
.contact:focus-visible { outline: 3px solid #315e92; outline-offset: 6px; border-radius: 2px; }
.note { margin: 4rem 0 0; color: #58677a; font-size: .95rem; line-height: 1.6; }