:root{--bg:#f3f7f6;--card:#fff;--ink:#14201b;--mut:#5a6b64;--line:#dbe5e1;--gold:#c98f2b;--water:#1fa4d6;--soil:#2a1b12}
@media(prefers-color-scheme:dark){:root{--bg:#0e1512;--card:#16201b;--ink:#eaf1ee;--mut:#93a59d;--line:#24332c}}
*{box-sizing:border-box;margin:0}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{font:17px/1.6 Figtree,system-ui,sans-serif;background:var(--bg);color:var(--ink)}
h1,h2,h3,.logo{font-family:Spectral,Georgia,serif;line-height:1.15;font-weight:600}
:focus-visible{outline:3px solid var(--water);outline-offset:2px}
.wrap{max-width:1120px;margin:auto;padding:0 22px}
.nav{position:sticky;top:0;z-index:9;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{display:flex;gap:8px;align-items:center;font-size:25px;color:var(--ink);text-decoration:none}
nav{display:flex;gap:24px;align-items:center;font-size:15px}
nav a{color:var(--mut);text-decoration:none}
.btn{display:inline-block;background:var(--gold);color:#1d1405!important;font:600 16px Figtree,sans-serif;padding:13px 26px;border-radius:999px;text-decoration:none;border:0;cursor:pointer}
.btn.sm{padding:8px 18px;font-size:14px}
.btn.ghost{background:transparent;border:1.5px solid #ffffff88;color:#fff!important}
.hero{color:#fff;min-height:600px;display:flex;align-items:center;padding:90px 0 150px;background:linear-gradient(180deg,#0b120f66 0,#0b120f00 30%,#2a1b12f0 80%,#2a1b12 100%),linear-gradient(90deg,#0b120fd0,#0b120f00 75%),url(tree.png) center 6%/cover #2a1b12}
h1{font-size:clamp(40px,7vw,72px);max-width:760px}
.lead{font-size:20px;max-width:580px;margin:22px 0 34px;opacity:.93}
.cta{display:flex;gap:14px;flex-wrap:wrap}
.soil{background:var(--soil);color:#f2e9da;padding:20px 0 0}
.soil h2{font-size:clamp(30px,4.5vw,44px);margin-bottom:12px}
.soil .sub{color:#d3c5ad}
.sub{max-width:620px;color:var(--mut);margin-bottom:44px}
.roots{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));padding-bottom:96px}
.root{position:relative}
.root::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:96px;margin-top:-96px;background:linear-gradient(#c98f2b00,#c98f2b 30%,#1fa4d6);transform:translateY(0)}
.stone{background:linear-gradient(160deg,#e6dece,#b9ae9a);color:var(--soil);border-radius:70px 70px 14px 14px;padding:28px 10px 18px;text-align:center;box-shadow:0 12px 24px #0009,inset 0 1px 0 #fff9}
.stone span{font-size:30px;display:block}
.stone h3{font-size:16px;margin-top:6px}
.tag{text-align:center;font-size:14px;color:#d8cbb6;margin-top:12px}
.water{color:#fff;text-align:center;padding:84px 0;background:radial-gradient(ellipse at 50% 0,#7fe0ff66,transparent 62%),linear-gradient(#0a3a52,#06202f);border-top:2px solid #7fe0ff}
.water h2{font-size:clamp(44px,8vw,84px);letter-spacing:.04em}
.water .sub{margin:10px auto 48px;color:#bfe9f7;font-size:19px}
.vals{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));text-align:left}
.vals div{border:1px solid #7fe0ff55;border-radius:16px;padding:24px;background:#ffffff0d}
.vals h3{font-size:24px;margin-bottom:6px}
section.pad{padding:88px 0}
h2{font-size:clamp(30px,4.5vw,44px);margin-bottom:12px}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));align-items:stretch}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:30px;display:flex;flex-direction:column}
.card.pop{border:2px solid var(--gold)}
.badge{align-self:flex-start;background:var(--gold);color:#1d1405;font-size:13px;font-weight:600;padding:3px 12px;border-radius:999px;margin-bottom:10px}
.card p.for{color:var(--mut);margin-bottom:16px}
ul{list-style:none;padding:0;margin:0 0 26px;flex:1}
li{padding:7px 0 7px 28px;position:relative;border-top:1px solid var(--line)}
li::before{content:"✓";position:absolute;left:2px;color:var(--water);font-weight:700}
.note{color:var(--mut);font-size:15px;margin-top:22px}
.alt{background:color-mix(in srgb,var(--card) 55%,var(--bg))}
.split{display:grid;gap:48px;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));align-items:start}
.steps{margin-top:26px;display:grid;gap:18px}
.steps b{display:block;font:600 20px Spectral,serif}
.steps span{color:var(--mut)}
form{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:30px}
label{font-size:14px;font-weight:500}
input,select,textarea{width:100%;padding:12px 14px;margin:5px 0 15px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit}
.hp{position:absolute;left:-9999px}
.msg{margin-top:14px;color:var(--water);font-weight:500}
footer{border-top:1px solid var(--line);padding:34px 0;color:var(--mut);font-size:14px;text-align:center}
@media(max-width:900px){.root::after{display:none}.roots{padding-bottom:50px}}
@media(max-width:720px){nav{gap:12px;font-size:14px}nav a:not(.btn):not(.keep){display:none}.logo{font-size:22px}}
@media(max-width:400px){.logo svg{display:none}}