:root{--paper:#f6f4ef;--card:#fffdf9;--ink:#1e1c19;--muted:#665f55;--line:rgba(30,28,25,.12);--green:#3f7a6b;--green-dark:#2f6153;--wash:rgba(63,122,107,.09);--serif:'DM Serif Display',Georgia,serif;--sans:'Outfit',system-ui,sans-serif;--mono:'JetBrains Mono',monospace}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.7}
a{color:inherit}
.nav{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(246,244,239,.94);position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}
.brand{font-weight:700;font-size:20px;text-decoration:none}.brand small{font-size:11px;color:#8e887e}
.navlinks{display:flex;align-items:center;gap:22px;font-size:13px}.navlinks a{text-decoration:none}
.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:white;border-radius:10px;padding:12px 18px;text-decoration:none;font-weight:600;font-size:13px}
.button.light{background:transparent;color:var(--ink);border:1px solid var(--line)}
.hero{max-width:1080px;margin:auto;padding:92px 28px 72px}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--green);margin-bottom:16px}
.hero h1{font-family:var(--serif);font-size:clamp(40px,6vw,68px);line-height:1.06;letter-spacing:-.02em;max-width:930px}
.lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:780px;margin:24px 0}.actions{display:flex;gap:10px;flex-wrap:wrap}
.proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;font-size:12px;color:var(--muted)}.proof span::before{content:'✓';color:var(--green);font-weight:700;margin-right:7px}
.section{max-width:1080px;margin:auto;padding:76px 28px}.section h2{font-family:var(--serif);font-size:clamp(30px,4vw,44px);line-height:1.2;max-width:820px;margin-bottom:18px}
.intro{font-size:16px;color:var(--muted);max-width:780px;margin-bottom:34px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid.two{grid-template-columns:repeat(2,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px}.card h3{font-size:17px;line-height:1.35;margin-bottom:9px}.card p{font-size:14px;color:var(--muted)}
.dark{background:var(--ink);color:#f8f5ef}.dark .section{padding-top:82px;padding-bottom:82px}.dark .eyebrow{color:#9ccfbf}.dark .intro,.dark .card p{color:#bcb6ab}.dark .card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{border-top:1px solid var(--line);padding-top:16px}.dark .step{border-color:rgba(255,255,255,.15)}.num{font-family:var(--mono);font-size:11px;color:#9ccfbf;margin-bottom:10px}.step h3{font-size:16px;margin-bottom:7px}.step p{font-size:13px;color:#bcb6ab}
.content{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:58px}.article h2{font-family:var(--serif);font-size:32px;line-height:1.25;margin:42px 0 12px}.article h2:first-child{margin-top:0}.article h3{font-size:18px;margin:25px 0 7px}.article p,.article li{font-size:15px;color:var(--muted)}.article p{margin-bottom:14px}.article ul{padding-left:20px;margin:10px 0 20px}
.aside{align-self:start;position:sticky;top:88px}.aside .card{background:var(--wash);border-color:rgba(63,122,107,.2)}.aside h3{font-family:var(--serif);font-size:25px}.price{font-family:var(--mono);font-size:24px;margin:18px 0 10px}.price small{font-family:var(--sans);font-size:12px;color:var(--muted)}.aside ul{list-style:none;margin:14px 0 20px}.aside li{font-size:13px;margin:8px 0;color:var(--muted)}.aside li::before{content:'—';margin-right:7px;color:var(--green)}
.faq{border-top:1px solid var(--line)}.faq article{padding:22px 0;border-bottom:1px solid var(--line)}.faq h3{font-size:17px;margin-bottom:6px}.faq p{font-size:14px;color:var(--muted);max-width:840px}
.cluster{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cluster a{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:19px;text-decoration:none}.cluster strong{display:block;font-size:14px;margin-bottom:5px}.cluster span{display:block;font-size:12.5px;color:var(--muted)}
.cta{background:var(--green-dark);color:white;border-radius:22px;padding:44px;display:flex;justify-content:space-between;align-items:center;gap:26px}.cta h2{margin:0;font-size:34px}.cta p{color:#d6e8e1;max-width:580px;margin-top:8px}.cta .button{background:white;color:var(--ink);flex:none}
footer{padding:38px 28px;text-align:center;color:var(--muted);font-size:12px}
@media(max-width:820px){.navlinks>a:not(.button){display:none}.hero{padding-top:64px}.grid,.grid.two,.steps,.cluster{grid-template-columns:1fr}.content{grid-template-columns:1fr}.aside{position:static}.cta{align-items:flex-start;flex-direction:column}}
@media(max-width:460px){.nav{padding:0 16px}.hero,.section{padding-left:20px;padding-right:20px}.hero h1{font-size:40px}.cta{padding:28px}.navlinks{gap:8px}}