:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#20352f;background:#f3f5f0;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:grid;place-items:center;padding:32px 24px}
main{width:100%;max-width:560px}
.brand-mark{display:grid;place-items:center;width:48px;height:48px;background:#184f42;color:#fff;border-radius:14px;font-size:28px;font-weight:650;margin-bottom:22px}
h1{font-size:clamp(29px,6vw,44px);font-weight:700;letter-spacing:-1.1px;line-height:1.15;margin:0 0 14px}
.tagline{font-size:clamp(18px,4vw,24px);line-height:1.4;color:#63756b;margin:0 0 30px}
section{padding:20px 22px;border:1px solid #dce4dc;border-radius:16px;background:#fff}
h2{font-size:15px;line-height:1.4;color:#184f42;margin:0 0 8px}
section p{font-size:14px;line-height:1.55;color:#63756b;margin:0;max-width:390px}
@media(max-height:440px){body{padding:18px 24px}.brand-mark{width:34px;height:34px;font-size:20px;border-radius:10px;margin-bottom:12px}h1{font-size:30px;margin-bottom:8px}.tagline{font-size:18px;margin-bottom:18px}.tagline br{display:none}.tagline br::after{content:" "}section{padding:14px 18px}}