:root { color-scheme:light; --background:#faf9f6; --text:#17211f; --secondary:#56615d; --green:#176a4b; --green-hover:#11563c; }
* { box-sizing:border-box; }
body { min-width:320px; min-height:100vh; margin:0; background:var(--background); color:var(--text); font-family:"Helvetica Neue",Arial,sans-serif; }
main { min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:44px 24px 54px; text-align:center; }
img { display:block; width:min(235px,52vw); height:auto; margin:0 auto 36px; }
.eyebrow { margin:0 0 14px; color:#6d7670; font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
h1 { max-width:680px; margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(40px,5.2vw,64px); font-weight:400; line-height:1.08; letter-spacing:-.045em; }
.message { max-width:530px; margin:24px 0 30px; color:var(--secondary); font-size:clamp(17px,1.7vw,19px); line-height:1.6; }
.message strong { color:var(--text); font-weight:700; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:56px; padding:14px 25px; border-radius:6px; background:var(--green); color:#fff; font-size:16px; font-weight:700; text-decoration:none; transition:background-color .15s ease; }
.button:hover { background:var(--green-hover); }
.button:focus-visible { outline:3px solid #e5a43c; outline-offset:4px; }
.button svg { width:21px; height:21px; fill:currentColor; flex:none; }
@media (max-width:600px) { main { justify-content:flex-start; padding-top:62px; } img { width:min(190px,48vw); margin-bottom:32px; } h1 { max-width:400px; } .message { margin:22px 0 28px; } .button { width:min(100%,360px); } }
@media (prefers-reduced-motion:reduce) { .button { transition:none; } }