
:root{--ink:#17342b;--muted:#61726b;--leaf:#2f6b4f;--lime:#dfeebf;--cream:#f7f5ec;--paper:#fffdf8;--line:#d9e2d8;--gold:#d89a39;--shadow:0 18px 45px rgba(22,52,43,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--paper)}
a{color:var(--leaf);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}
.wrap{width:min(1120px,92vw);margin:auto}.top{background:var(--ink);color:white;font-size:.86rem;padding:.45rem 0;text-align:center}.top a{color:#fff}
header{position:sticky;top:0;z-index:20;background:rgba(255,253,248,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:72px;display:flex;align-items:center;gap:28px}.brand{font-weight:850;font-size:1.25rem;color:var(--ink);text-decoration:none;letter-spacing:-.03em}.brand span{color:var(--leaf)}
nav{margin-left:auto;display:flex;gap:20px}nav a{text-decoration:none;color:var(--ink);font-weight:650}.cta,.button{display:inline-block;background:var(--leaf);color:#fff!important;text-decoration:none;border-radius:999px;padding:.78rem 1.1rem;font-weight:750;border:0;cursor:pointer}.button.alt{background:var(--ink)}
.hero{padding:78px 0 56px;background:radial-gradient(circle at 85% 20%,var(--lime),transparent 32%),linear-gradient(180deg,#fbfaf4,#f1f6ee)}
.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:800;color:var(--leaf)}h1{font-size:clamp(2.45rem,6vw,5rem);line-height:.98;letter-spacing:-.055em;max-width:880px;margin:.5rem 0 1.1rem}
h2{font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.1;letter-spacing:-.035em;margin-top:2.4rem}h3{line-height:1.2}
.lede{font-size:1.18rem;color:#43574f;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
main.article{width:min(780px,92vw);margin:54px auto}.article p,.article li{color:#344c43}.note{padding:18px 20px;border-left:4px solid var(--gold);background:#fff8e8;border-radius:10px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.card{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(22,52,43,.05)}.card h3{margin:.25rem 0}.card p{color:var(--muted)}
.band{padding:58px 0;background:var(--cream)}.section{padding:58px 0}.moneybox{margin:32px 0;padding:28px;border-radius:20px;background:var(--ink);color:white}.moneybox p{color:#e7eee9}.moneybox a{color:white}
.breadcrumbs{font-size:.85rem;color:var(--muted);margin-bottom:24px}.breadcrumbs a{color:var(--muted)}
footer{background:#10271f;color:#dce7df;padding:44px 0;margin-top:64px}footer a{color:#fff}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.small{font-size:.86rem;color:#74857e}
.modal-backdrop{position:fixed;inset:0;background:rgba(9,24,18,.72);z-index:90;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.show{display:flex}.modal{width:min(580px,100%);background:#fffdf8;border-radius:24px;padding:32px;box-shadow:var(--shadow);position:relative}.modal h2{margin:.3rem 0 1rem;font-size:2rem}.close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:1.8rem;cursor:pointer;color:var(--muted)}
.badge{display:inline-block;background:var(--lime);padding:.28rem .6rem;border-radius:999px;font-size:.78rem;font-weight:800}.skip{font-size:.8rem;color:var(--muted);margin-top:12px}
@media(max-width:760px){nav{display:none}.nav .cta{margin-left:auto}.grid,.foot{grid-template-columns:1fr}.hero{padding-top:52px}h1{font-size:3.2rem}.modal{padding:26px 22px}}
