:root { color-scheme: light; --ink:#263238; --teal:#117b78; --mint:#dff5ed; --gold:#f4c247; --paper:#fffaf0; }
* { box-sizing:border-box; }
body { margin:0; font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--ink); background:linear-gradient(150deg,var(--mint),var(--paper) 60%); }
main { width:min(880px,calc(100% - 36px)); margin:0 auto; padding:64px 0 80px; }
header { display:flex; align-items:center; gap:24px; margin-bottom:44px; }
.icon { width:112px; height:112px; border-radius:25px; box-shadow:0 14px 36px #174e4930; }
h1 { margin:0; font-size:clamp(38px,7vw,66px); line-height:1.02; letter-spacing:-.04em; }
h2 { margin-top:42px; color:var(--teal); }
p.lead { font-size:22px; max-width:700px; }
.card { background:#ffffffd9; border:1px solid #fff; border-radius:22px; padding:24px 28px; margin:18px 0; box-shadow:0 12px 34px #174e4914; }
.pill { display:inline-block; background:var(--gold); border-radius:999px; padding:6px 13px; font-weight:750; }
a { color:var(--teal); font-weight:700; }
nav { display:flex; gap:18px; flex-wrap:wrap; margin-top:34px; }
footer { margin-top:50px; opacity:.65; font-size:14px; }
@media (max-width:620px) { main{padding-top:34px} header{align-items:flex-start}.icon{width:84px;height:84px;border-radius:19px}.card{padding:20px} }