:root{--page: #fbfcfd;--ink: #171b1f;--muted: #5d6670;--line: #dce2e8;--brand: #2f6f4e;--brand-dark: #224d38;--brand-soft: #e7f2ec;--sun: #f2c14e;--blue: #dcecf6;--white: #ffffff}*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--page);color:var(--ink);font-size:16px;line-height:1.55;overflow-x:hidden}a{color:var(--brand-dark);text-decoration:none}a:hover{text-decoration:underline}.site-header,.site-footer{width:min(1120px,calc(100% - 2rem));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-header{padding:1rem 0}.site-footer{padding:2rem 0 2.5rem;border-top:1px solid var(--line);color:var(--muted)}.site-header nav,.site-footer{display:flex;align-items:center;flex-wrap:wrap;gap:.85rem}.brand{display:inline-flex;align-items:center;gap:.55rem;color:var(--ink);font-weight:700;min-width:0}.brand img{display:block}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.55rem .9rem;border-radius:6px;background:var(--brand);color:var(--white);font-weight:650;text-align:center;white-space:normal;overflow-wrap:anywhere}.button:hover{text-decoration:none;background:var(--brand-dark)}.button.secondary,.button.ghost{background:var(--white);color:var(--ink);border:1px solid var(--line)}main{width:min(1120px,calc(100% - 2rem));margin:0 auto;min-width:0}.hero{min-height:calc(100vh - 92px);display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);gap:2rem;align-items:center;padding:1rem 0 3rem}.hero-copy,.section-heading,.plain-list,.product-visual{min-width:0}.hero h1,.page h1{font-size:5rem;line-height:1;max-width:860px;margin:0;letter-spacing:0;overflow-wrap:anywhere}.page h1{font-size:4rem}.eyebrow{margin:0 0 .7rem;color:var(--brand-dark);font-weight:750;text-transform:uppercase;font-size:.78rem;letter-spacing:0}.lede{color:var(--muted);font-size:1.25rem;max-width:680px;overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}.actions .button{flex:0 1 auto}.product-visual{margin:0;padding:0}.product-visual img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--line);background:var(--blue)}.product-visual figcaption{color:var(--muted);font-size:.93rem;margin-top:.65rem;overflow-wrap:anywhere}.band{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 calc(50% - 50vw);padding:4rem calc(50vw - 50%)}.section-heading{max-width:720px;margin-bottom:1.6rem}h2{font-size:2.75rem;line-height:1.08;margin:0 0 1rem;letter-spacing:0;overflow-wrap:anywhere}h3{font-size:1.15rem;margin:0 0 .45rem;overflow-wrap:anywhere}.feature-grid,.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch}.feature-grid article,.post-grid article{border:1px solid var(--line);border-radius:8px;padding:1.1rem;background:var(--white);min-width:0;min-height:0;overflow-wrap:anywhere}.post-grid article{background:linear-gradient(180deg,var(--white),var(--brand-soft))}.feature-grid p,.post-grid p,.plain-list p{color:var(--muted);margin:0;overflow-wrap:anywhere}.split{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:2rem;padding:4rem 0}.plain-list{display:grid;gap:1rem;font-size:1.05rem}.page{padding-top:4rem}.narrow{max-width:900px;margin-bottom:3rem}@media (max-width: 800px){.site-header{align-items:flex-start;flex-direction:column;gap:.8rem}.hero,.split,.feature-grid,.post-grid{grid-template-columns:1fr}.hero{min-height:auto;padding-top:2rem;gap:1.5rem}.site-header nav{width:100%;align-items:center}}@media (max-width: 960px){.hero h1{font-size:4rem}.page h1{font-size:3.3rem}h2{font-size:2.35rem}}@media (max-width: 640px){.site-header,.site-footer,main{width:min(100% - 1.5rem,1120px)}.site-header nav{gap:.55rem}.site-header nav a:not(.button){min-height:40px;display:inline-flex;align-items:center}.site-header .button{min-height:40px;padding:.5rem .7rem}.hero{padding:1.3rem 0 2.5rem}.hero h1,.page h1{font-size:2.75rem;line-height:1.04}.lede{font-size:1.08rem}.actions{align-items:stretch}.actions .button{flex:1 1 100%}.band{padding-top:3rem;padding-bottom:3rem}h2{font-size:2rem}.split{padding:3rem 0}}@media (max-width: 380px){.site-header nav{align-items:stretch}.site-header nav a{flex:1 1 auto}.site-header nav .button{flex-basis:100%}.hero h1,.page h1{font-size:2.35rem}}