:root { font-family: system-ui, -apple-system, sans-serif; color: #163831; background: #f7f7f2; color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; padding: 24px; }
main { max-width: 460px; margin: 32px auto; }
.symbol { width: 76px; height: 76px; display: grid; place-items: center; background: #e4eee6; color: #176b62; border-radius: 24px; font-size: 54px; }
.brand { margin-top: 24px; letter-spacing: .15em; font-size: 12px; font-weight: 700; }
h1 { margin: 12px 0; font-size: clamp(32px, 8vw, 48px); line-height: 1.15; overflow-wrap: anywhere; }
p { line-height: 1.6; }
.intro { font-size: 20px; margin-bottom: 32px; }
.call { display: flex; flex-direction: column; gap: 8px; padding: 22px; margin: 16px 0; border-radius: 18px; color: #fff; background: #176b62; text-decoration: none; }
.call span { font-size: 19px; font-weight: 700; }
.call strong { font-size: 17px; font-weight: 400; }
.secondary { background: #e4eee6; color: #163831; border: 1px solid #a4c0b6; }
a:focus-visible { outline: 3px solid #b35400; outline-offset: 4px; }
.note, footer { font-size: 14px; color: #4e655e; }
footer { margin-top: 48px; border-top: 1px solid #d4dfd8; padding-top: 20px; line-height: 1.6; }
[hidden] { display: none !important; }