:root{--bg:#f6f1e7;--card:#fffdf8;--ink:#1f2a24;--ink2:#34403a;--muted:#6b6457;--line:#e2d9c8;--green:#2f5d46;--green-bg:#dcebdf}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg:#161b18;--card:#1f2622;--ink:#eee8dc;--ink2:#cfc8ba;--muted:#a39b8c;--line:#343c37;--green:#8cc3a2;--green-bg:#23372b}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 Inter,system-ui,sans-serif}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
a{color:var(--green)}
h1,h2,.brand{font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-.5px;line-height:1.1}
.top{display:flex;justify-content:space-between;align-items:center;padding-top:24px;padding-bottom:24px}
.brand{font-size:22px;letter-spacing:0}.brand span{color:var(--green)}
.ig{font-size:15px;text-decoration:none;white-space:nowrap}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding-top:40px;padding-bottom:72px}
.eyebrow{text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:600;color:var(--green);margin:0 0 12px}
h1{font-size:clamp(42px,6vw,68px);margin:0 0 20px}
.lede{font-size:19px;color:var(--ink2);margin:0 0 28px}
.fine{font-size:14px;color:var(--muted);margin-top:12px}.fine.ok{font-size:17px;color:var(--ink)}
.hero-img{width:100%;height:auto;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.12);transform:rotate(1.5deg)}
section h2{font-size:34px;margin:0 0 24px}
.tiers,.inside,.why{padding-top:40px;padding-bottom:40px;border-top:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.t{border-radius:14px;padding:18px;border:1.5px solid}
.t p{margin:6px 0 0;font-size:15px;color:var(--ink2)}
.supported{border-color:#2f5d46;background:#2f5d4614}.emerging{border-color:#a08a22;background:#a08a2214}
.traditional{border-color:#9a5a2e;background:#9a5a2e14}.unsupported{border-color:#8c2f2f;background:#8c2f2f14}
.inside ul{padding-left:20px;margin:0}.inside li{margin-bottom:8px}
.why p{max-width:720px;color:var(--ink2);margin:0}
.foot{border-top:1px solid var(--line);padding-top:24px;padding-bottom:40px;font-size:14px;color:var(--muted)}
.prose{max-width:720px;padding-bottom:60px}.prose h1{font-size:44px}
@media (max-width:820px){.hero{grid-template-columns:1fr;gap:36px;padding-top:8px}.hero-img{max-width:420px;transform:none}.grid{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.grid{grid-template-columns:1fr}.form button{width:100%}}
.cta-big{font-size:19px;margin:0 0 18px}.cta-big b{color:var(--green);letter-spacing:.5px}
.btn{display:inline-block;font:600 16px Inter,sans-serif;padding:14px 22px;border-radius:10px;background:var(--green);color:var(--bg);text-decoration:none}