:root{--green-950:#061f18;--green-900:#073324;--green-850:#073b2c;--green-800:#0a4a35;--green-700:#0a6b48;--green-600:#0f8d5b;--green-500:#19a86d;--mint:#eaf7f0;--mint-2:#f4fbf7;--cream:#f7f4ec;--ink:#0e1f19;--muted:#506159;--line:rgba(14,31,25,.12);--white:#fff;--shadow:0 22px 60px rgba(7,31,24,.12);--radius:28px;--shell:min(1240px,calc(100% - 40px));}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#f8fbf9;line-height:1.5}a{color:inherit}img{max-width:100%;height:auto}.site-shell{width:var(--shell);margin-inline:auto}.skip-link{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:10px;z-index:999}.skip-link:focus{left:10px;top:10px}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-shell{min-height:78px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;white-space:nowrap}.brand-mark{width:46px;height:46px;border-radius:14px;background:#0b4a35;display:grid;place-items:center;box-shadow:0 10px 24px rgba(7,51,36,.18);overflow:hidden}.brand-mark img{width:35px;height:35px}.brand-text{font-size:20px}.main-nav{display:flex;align-items:center;justify-content:center;gap:22px;margin-left:auto}.main-nav a{font-weight:800;text-decoration:none;color:#1b2b25}.main-nav a:hover{color:var(--green-700)}.header-pill{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;padding:10px 16px;border-radius:999px;background:#e8f6ee;text-decoration:none;border:1px solid #c6e6d5;white-space:nowrap}.header-pill span{grid-row:1/3}.header-pill strong{font-size:14px;line-height:1}.header-pill small{font-size:12px;color:#4b6a5c}.nav-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:900}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 12%,rgba(39,203,134,.18),transparent 30%),linear-gradient(135deg,#062018 0%,#073826 54%,#0b5a38 100%);color:#fff}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.10),transparent 60%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:54px;align-items:center;min-height:620px;padding:78px 0}.eyebrow{margin:0 0 14px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;font-size:13px;color:#6bdd9d}.eyebrow.dark{color:#087147}.eyebrow.light{color:#97f5ba}.hero h1{margin:0;font-size:clamp(48px,6vw,82px);line-height:.96;letter-spacing:-.06em;font-weight:950}.hero h1 span{color:#6ed894}.hero-lede{max-width:720px;margin:24px 0 0;color:rgba(255,255,255,.86);font-size:clamp(18px,2vw,22px);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border-radius:999px;font-weight:950;text-decoration:none;border:1px solid transparent;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#19a86d,#65c984);color:#fff;box-shadow:0 18px 34px rgba(25,168,109,.23)}.btn-secondary{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.22)}.btn-outline{background:#fff;color:#0c5138;border-color:#bfdaca}.btn-small{min-height:42px;padding:0 17px;font-size:14px;background:#e9f7ef;color:#0b6844}.text-link{display:inline-flex;margin-top:14px;font-weight:900;color:#0b7048;text-decoration:none}.hero-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px}.hero-trust span{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;min-width:170px;color:#fff}.hero-trust span:before{content:"✓";grid-row:1/3;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);font-weight:950}.hero-trust b{font-size:14px}.hero-trust small{color:rgba(255,255,255,.68)}.hero-visual{min-height:430px;display:grid;place-items:center}.device-stage{position:relative;width:min(620px,100%);height:430px}.laptop-card{position:absolute;left:0;right:80px;top:42px;height:265px;border-radius:28px;background:linear-gradient(135deg,#0d3e2e,#0b6241);border:10px solid #17241f;box-shadow:0 35px 70px rgba(0,0,0,.28);display:grid;place-items:center}.device-screen{text-align:center;color:#fff}.device-logo{font-size:52px;font-weight:950;line-height:.95;letter-spacing:.02em;display:block}.device-screen small{display:block;margin-top:18px;color:rgba(255,255,255,.72)}.device-base{position:absolute;bottom:-32px;left:12%;right:12%;height:34px;border-radius:0 0 60px 60px;background:linear-gradient(#38413e,#131b18)}.phone-card{position:absolute;right:86px;bottom:84px;width:90px;height:160px;border-radius:22px;background:linear-gradient(160deg,#0f4b37,#08251c);border:7px solid #111;display:grid;place-items:center;color:#fff;font-weight:950;font-size:34px;box-shadow:0 20px 40px rgba(0,0,0,.26)}.printer-card{position:absolute;right:0;bottom:64px;width:160px;height:105px;border-radius:22px;background:#f2f1ec;box-shadow:0 24px 50px rgba(0,0,0,.20)}.printer-card span{position:absolute;left:34px;right:34px;bottom:-18px;height:32px;background:#fff;border-radius:0 0 10px 10px}.speaker-card{position:absolute;right:156px;bottom:58px;width:78px;height:78px;border-radius:50%;background:radial-gradient(circle at 45% 35%,#69706e,#1b2422);box-shadow:0 18px 28px rgba(0,0,0,.25)}.plant-card{position:absolute;right:12px;top:18px;width:135px;height:125px;background:radial-gradient(ellipse at center,#3aa45d 0 15%,transparent 17%),radial-gradient(ellipse at 55% 40%,#265d36 0 18%,transparent 20%)}.services-section{padding:72px 0;background:linear-gradient(180deg,#f9fcfa,#eef7f2)}.services-layout{display:grid;grid-template-columns:310px 1fr;gap:42px;align-items:start}.section-intro h2,.section-heading h2{margin:0;font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.04em}.section-intro p,.section-heading p,.blog-grid p{color:var(--muted);font-size:18px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-card{display:grid;grid-template-columns:76px 1fr;gap:18px;align-items:center;min-height:150px;padding:22px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 34px rgba(7,31,24,.06);text-decoration:none}.service-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.service-card.featured{background:linear-gradient(135deg,#073324,#095238);color:#fff}.service-card h3{margin:0 0 8px;font-size:21px;line-height:1.1}.service-card p{margin:0;color:#596960}.service-card.featured p{color:rgba(255,255,255,.76)}.service-icon{font-size:44px}.community-band{padding:0 0 58px;background:#eef7f2}.community-card{padding:30px;border-radius:28px;background:linear-gradient(135deg,#073324,#0a5b3c);color:#fff;box-shadow:var(--shadow)}.community-card h2{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.08}.community-head{display:grid;grid-template-columns:330px 1fr;gap:20px;align-items:end;margin-bottom:24px}.community-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.community-grid article{padding:18px;border-left:1px solid rgba(255,255,255,.16)}.community-grid span{font-size:28px}.community-grid h3{margin:8px 0 6px;font-size:18px;line-height:1.15}.community-grid p{margin:0;color:rgba(255,255,255,.74);font-size:14px}.how-section,.audience-section,.blog-section{padding:62px 0;background:#f9fcfa}.section-heading.compact{max-width:760px;margin-bottom:24px}.steps-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.step-card,.audience-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 16px 38px rgba(7,31,24,.06)}.step-card span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0d8a58;color:#fff;font-weight:950}.step-card h3,.audience-card h3{font-size:23px;line-height:1.15;margin:18px 0 10px}.step-card p,.audience-card p{color:var(--muted);margin:0}.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.audience-card span{font-size:36px}.audience-card .btn{margin-top:20px}.blog-section{background:#eef7f2}.blog-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.blog-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.blog-links a{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;text-decoration:none;font-weight:950;color:#0b5b3c}.email-strip{padding:26px 0 64px;background:#eef7f2}.email-strip-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px 24px;box-shadow:0 12px 32px rgba(7,31,24,.06)}.email-strip-card>span{width:54px;height:54px;border-radius:50%;background:#e9f7ef;display:grid;place-items:center;font-size:24px}.email-strip small{color:var(--muted)}.site-footer{background:#062018;color:#fff;padding:48px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px}.footer-grid p{color:rgba(255,255,255,.68)}.footer-grid h3{margin:0 0 12px}.footer-grid nav{display:grid;gap:8px}.footer-grid a{color:rgba(255,255,255,.75);text-decoration:none}.footer-grid a:hover{color:#fff}.footer-bottom{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.58);font-size:14px}@media(max-width:1080px){.header-pill{display:none}.hero-grid,.services-layout,.community-head,.blog-grid{grid-template-columns:1fr}.hero-grid{min-height:auto;padding:66px 0}.hero-visual{min-height:330px}.device-stage{transform:scale(.85);transform-origin:center}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:780px){:root{--shell:calc(100% - 28px)}.header-shell{min-height:70px}.nav-toggle{display:inline-flex;margin-left:auto}.main-nav{position:absolute;left:14px;right:14px;top:70px;display:none;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow)}.main-nav.is-open{display:flex}.main-nav a{padding:12px;border-radius:12px}.brand-text{font-size:17px}.hero h1{font-size:46px}.hero-lede{font-size:17px}.hero-actions,.btn{width:100%}.hero-trust{display:grid}.hero-visual{min-height:250px}.device-stage{transform:scale(.62);height:330px}.service-grid,.steps-row,.audience-grid,.blog-links,.email-strip-card,.footer-grid{grid-template-columns:1fr}.services-section,.how-section,.audience-section,.blog-section{padding:48px 0}.service-card{grid-template-columns:58px 1fr;min-height:auto}.community-grid{grid-template-columns:1fr}.community-grid article{border-left:0;border-top:1px solid rgba(255,255,255,.14)}.email-strip-card .btn{width:100%}}@media(max-width:480px){.hero h1{font-size:39px}.section-intro h2,.section-heading h2{font-size:32px}.service-card{padding:18px}.hero-grid{padding:48px 0}.device-stage{transform:scale(.52);margin-left:-34px}}

/* ============================================================================
   UX FIX PASS 4 — 2026-05-23
   Sidebar single-column inside aside, internal label suppression,
   proof-block padding, intro-template-shell responsive grid
   ============================================================================ */

.intro-template-aside .content-upgrade-grid,
.intro-template-aside .content-upgrade-grid.shared-panel.reading-split,
.reading-card--aside .content-upgrade-grid { grid-template-columns: 1fr !important; gap: 14px !important; }
.wrap > .content-upgrade-grid, .section > .wrap > .content-upgrade-grid { grid-template-columns: 1fr 1fr !important; }
@media (max-width:720px) { .wrap > .content-upgrade-grid, .section > .wrap > .content-upgrade-grid { grid-template-columns: 1fr !important; } }
.content-proof-label { display: none !important; }
.content-note, .content-note.summary-lead { display: none !important; }
.llm-label, .llm-block > .block-label, .seo-label, .seo-proof-label { display: none !important; }
.intro-template-aside .content-panel { width: 100% !important; box-sizing: border-box !important; min-width: 0 !important; }
.intro-template-aside { overflow: hidden !important; min-width: 0 !important; width: 100% !important; }
.content-proof-block { padding-top: 20px !important; }
.content-proof-body:first-child, .content-proof-block > p:first-child { margin-top: 0 !important; }
@media (min-width:981px) { .intro-template-shell { grid-template-columns: minmax(0,1.15fr) minmax(260px,0.85fr) !important; } }
@media (max-width:980px) { .intro-template-shell { grid-template-columns: 1fr !important; } .intro-template-aside { order: -1 !important; } }


/* UX FIX PASS 5 — 2026-05-23 */
.content-upgrade-grid > .content-panel{width:100% !important;max-width:100% !important;box-sizing:border-box !important;position:static !important;max-height:none !important;overflow-y:visible !important;}
.content-upgrade-grid.shared-panel.reading-split{grid-template-columns:1fr 1fr !important;gap:16px !important;width:100% !important;overflow:visible !important;}
.toc-links,.related-links{display:flex !important;flex-direction:column !important;gap:6px !important;width:100% !important;}
.toc-links a,.related-links a{display:block !important;width:100% !important;padding:8px 12px !important;border-radius:10px !important;border:1px solid var(--clay-border,#e5e7eb) !important;text-decoration:none !important;font-weight:600 !important;color:var(--clay-link,#2a6e3a) !important;box-sizing:border-box !important;}
.cta-button-grid{display:flex !important;flex-wrap:wrap !important;gap:10px !important;align-items:stretch !important;width:100% !important;box-sizing:border-box !important;overflow:visible !important;}
.cta-button-grid > a,.cta-button-grid > .btn{flex:1 1 160px !important;min-width:0 !important;max-width:100% !important;box-sizing:border-box !important;text-align:center !important;justify-content:center !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
@media (min-width:800px){.cta-button-grid > a,.cta-button-grid > .btn{flex:1 1 0 !important;min-width:0 !important;}}
@media (max-width:640px){.cta-button-grid > a,.cta-button-grid > .btn{flex:1 0 100% !important;}}
.trust-bar{flex-wrap:wrap !important;overflow:visible !important;width:100% !important;box-sizing:border-box !important;}
.trust-pill{white-space:nowrap !important;flex-shrink:0 !important;}
.wrap{overflow-x:clip !important;}
@media (max-width:760px){.content-upgrade-grid.shared-panel.reading-split{grid-template-columns:1fr !important;}}