@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');
/* Fix: fractional tracks account for the gap and prevent horizontal overflow. */
.example-grid{grid-template-columns:minmax(0,47fr) minmax(0,53fr)!important}
@media(max-width:1100px){.example-grid{grid-template-columns:minmax(0,1fr)!important}}
html{scroll-padding-top:112px}
@media(max-width:450px){.nav .logo{width:175px}.nav-links .button{display:none}}
:root{--green:#075c43;--deep:#053f2d;--sage:#a8cfae;--cream:#fbf8ef;--text:#183e2c;--muted:#4e6a58}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font:20px/1.58 'DM Sans',sans-serif;background:#fffdf8}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:100%;padding-inline:clamp(22px,4.5vw,105px)}header{background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #e0e8dd}.nav{height:96px;display:flex;justify-content:space-between;gap:25px;align-items:center}.logo{width:240px;height:auto}.nav-links{display:flex;gap:30px;align-items:center;font-weight:800;font-size:18px}.nav-links a:hover{color:#0a9563}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--green);color:white;border-radius:13px;padding:18px 28px;font-weight:800;font-size:19px;line-height:1.25;min-height:58px}.button:hover{background:#097d56}.button.secondary{background:#fff;color:var(--green);border:1px solid #adcdb4}.crumb{font-size:15px;color:#62816a;padding:25px 0}.crumb a{text-decoration:underline}.hero{background:linear-gradient(105deg,#fbf8ef,#eef5e9);overflow:hidden}.hero-grid{display:grid;grid-template-columns:53% 47%;gap:30px;align-items:center;min-height:670px;padding-bottom:70px}.eyebrow{font-size:15px;text-transform:uppercase;font-weight:800;letter-spacing:.12em;color:#15845a}.hero h1{font:800 clamp(52px,5.6vw,96px)/1.07 Manrope,sans-serif;letter-spacing:-.065em;margin:20px 0 25px}.hero h1 em{font-style:normal;color:#087754}.lead{font-size:clamp(22px,1.7vw,30px);line-height:1.5;color:#456651;max-width:860px}.actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}.hero-visual{min-height:510px;display:grid;place-items:center;position:relative}.hero-visual:before{content:'';position:absolute;width:86%;height:90%;border-radius:35% 35% 25% 25%;background:#dcebd5;transform:rotate(-8deg)}.visual-symbol{font-size:clamp(140px,14vw,260px);z-index:1;filter:drop-shadow(0 18px 16px #13502b19)}.visual-card{position:absolute;z-index:2;left:1%;bottom:10%;padding:23px 27px;background:white;border-radius:17px;box-shadow:0 20px 45px #123a1f25;max-width:290px}.visual-card small{font-size:14px;color:#658271;display:block}.visual-card strong{font-size:24px;color:#075c43;display:block;margin-top:5px}.visual-chip{position:absolute;z-index:2;right:0;top:13%;padding:14px 23px;border-radius:40px;background:#075c43;color:#fff;font-size:16px;font-weight:800}.band{background:#064a37;color:#e5f6e8}.band-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-block:31px}.band span{display:flex;gap:12px;align-items:center;font-size:19px;font-weight:800}.band b{color:#b5e3b5;font-size:25px}.section{padding:clamp(80px,7vw,125px) 0}.section h2{font:800 clamp(40px,3.7vw,68px)/1.15 Manrope,sans-serif;letter-spacing:-.05em;margin:14px 0 20px}.intro{color:#526d59;font-size:23px;max-width:920px;margin-bottom:45px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{border:1px solid #dfebde;border-radius:21px;padding:35px;background:#fff;min-height:285px}.card .icon{display:grid;place-items:center;width:64px;height:64px;border-radius:15px;background:#e9f5e7;font-size:31px}.card h3{font:800 28px/1.3 Manrope,sans-serif;margin:22px 0 12px}.card p{font-size:21px;color:#56715f;margin:0}.example{background:#eff5eb}.example-grid{display:grid;grid-template-columns:47% 53%;gap:65px;align-items:center}.example p{font-size:23px;color:#587260}.example ul{list-style:none;padding:0;display:grid;gap:16px;font-size:21px;font-weight:700}.example li:before{content:'✓';color:#0c9465;margin-right:12px}.sample{background:#fff;border-radius:19px;border:1px solid #dbe7d9;box-shadow:0 20px 40px #164e2a16;padding:28px;min-width:0}.sample-head{border-bottom:1px solid #e3ede3;padding-bottom:20px;display:flex;justify-content:space-between;gap:10px;font-size:17px;font-weight:800}.sample-head span{color:#0d8258}.sample-row{display:grid;grid-template-columns:2fr 1fr;gap:15px;align-items:center;border-bottom:1px solid #edf2ed;padding:19px 0;font-size:18px}.sample-row b{text-align:right}.sample-foot{background:#0e7652;color:#fff;border-radius:11px;margin-top:20px;padding:16px;font-size:18px;font-weight:800}.sample-caption{font-size:13px;color:#72917b;margin-top:14px}.cross{background:#fff}.cross-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cross a{padding:24px;border:1px solid #dce8d9;border-radius:15px;font-size:20px;font-weight:800;background:#f9fcf7}.cross a:hover{background:#e6f4e6}.cta{background:#07513c;color:#fff;text-align:center;padding:95px 25px}.cta h2{font:800 clamp(40px,4.3vw,75px)/1.14 Manrope,sans-serif;letter-spacing:-.05em;margin:0 auto 22px;max-width:1000px}.cta p{font-size:24px;color:#d3ebd7;max-width:830px;margin:0 auto 30px}.cta .button{background:#fff;color:#07513c}.foot{background:#033123;color:#dbecde;padding:38px 0}.foot-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.foot p{font-size:17px}.foot .logo{width:205px}.disclosure{font-size:15px;color:#67806d;margin-top:25px}
@media(max-width:1100px){.nav-links{gap:15px;font-size:16px}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(48px,6vw,70px)}.hero-visual{min-height:450px}.cards{grid-template-columns:repeat(2,1fr)}.example-grid{grid-template-columns:1fr}.cross-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.nav{height:75px}.logo{width:185px}.nav-links a:not(.button){display:none}.nav-links .button{font-size:15px;padding:12px;min-height:45px}.hero-grid{display:block;padding-bottom:40px}.hero h1{font-size:clamp(45px,11vw,65px)}.hero-visual{min-height:380px}.visual-symbol{font-size:155px}.visual-card{padding:14px}.band-inner{grid-template-columns:1fr;gap:12px}.band span{font-size:17px}.cards,.cross-cards{grid-template-columns:1fr}.card{min-height:auto}.intro,.example p{font-size:21px}.section{padding:75px 0}.section h2{font-size:39px}.example-grid{gap:30px}.sample{padding:16px}.sample-head,.sample-row{font-size:14px}.foot-inner{flex-direction:column;align-items:flex-start}.foot p{font-size:15px}}
