:root{--ink:#10251f;--muted:#5d6d67;--bg:#f7f6ef;--card:#fff;--sun:#f4b942;--green:#1f6a4b;--deep:#123d2f;--line:#dce2dc;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}
a{color:var(--green);text-decoration-thickness:1px;text-underline-offset:3px}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(247,246,239,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.head{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:850;color:var(--deep);text-decoration:none;letter-spacing:-.03em;font-size:1.18rem}.brand i{font-style:normal;color:var(--sun)}
nav{display:flex;gap:18px;flex-wrap:wrap}nav a{text-decoration:none;color:var(--ink);font-size:.92rem;font-weight:650}
.hero{padding:86px 0 58px;background:radial-gradient(circle at 85% 20%,rgba(244,185,66,.28),transparent 24%),linear-gradient(180deg,#eef4ec,transparent)}
.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--green)}
h1{font-size:clamp(2.5rem,6vw,5.7rem);line-height:.96;letter-spacing:-.055em;max-width:900px;margin:.2em 0}h2{font-size:clamp(1.6rem,3vw,2.55rem);line-height:1.1;letter-spacing:-.035em;margin-top:2.2em}h3{line-height:1.2}
.lede{font-size:1.2rem;max-width:760px;color:var(--muted)}.btn{display:inline-block;padding:13px 18px;border-radius:999px;background:var(--green);color:#fff;text-decoration:none;font-weight:800;margin:8px 8px 8px 0}.btn.alt{background:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 8px 28px rgba(16,37,31,.04)}.card h3{margin-top:0}.card a{font-weight:750}
main.article{max-width:800px;margin:58px auto;padding:0 22px}.article p,.article li{font-size:1.04rem}.note{padding:18px 20px;border-left:4px solid var(--sun);background:#fff8e8;border-radius:12px;margin:24px 0}.affiliate{padding:24px;background:#e8f2ec;border-radius:18px;margin:32px 0}.breadcrumbs{font-size:.85rem;color:var(--muted);margin-bottom:18px}
footer{margin-top:80px;background:var(--ink);color:#eaf0ed;padding:48px 0}footer a{color:#fff}.foot{display:grid;grid-template-columns:2fr 1fr;gap:30px}
.modal-backdrop{position:fixed;inset:0;background:rgba(7,18,15,.72);display:none;align-items:center;justify-content:center;z-index:100;padding:18px}.modal-backdrop.show{display:flex}.modal{width:min(620px,100%);background:#fff;border-radius:26px;padding:34px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.35);background-image:radial-gradient(circle at 90% 10%,rgba(244,185,66,.35),transparent 28%)}.modal h2{margin:.2em 0;font-size:2.2rem}.modal p{color:var(--muted)}.close{position:absolute;right:16px;top:14px;border:0;background:#eef1ee;border-radius:50%;width:38px;height:38px;font-size:1.3rem;cursor:pointer}.fine{font-size:.78rem;color:var(--muted)}
@media(max-width:780px){nav{display:none}.grid{grid-template-columns:1fr}.hero{padding-top:58px}.foot{grid-template-columns:1fr}h1{font-size:3rem}.modal{padding:28px 22px}}