:root{--accent-green:#0f7a4a;--accent-yellow:#f4b942;--text-dark:#123124;--text-muted:#5e7066;--surface:#f9fcf7;color:var(--text-dark);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f7fdf3 0%,#fbf7e7 100%);font-family:Inter,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(135deg,#f7fdf3 0%,#fbf7e7 100%);min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}a{color:inherit}img{max-width:100%;display:block}.page-shell{width:min(1200px,100%);margin:0 auto;padding:24px}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #0f7a4a29;border-radius:999px;justify-content:space-between;align-items:center;padding:18px 24px;display:flex;box-shadow:0 12px 30px #103a2314}.brand{align-items:center;gap:14px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent-green), var(--accent-yellow));color:#fff;letter-spacing:.08em;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:700;display:grid}.brand-name{color:var(--text-dark);margin:0;font-weight:700}.brand-tag{color:var(--text-muted);margin:2px 0 0;font-size:.9rem}.nav-links{gap:18px;display:flex}.nav-links a{color:var(--text-dark);font-weight:600;text-decoration:none}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:28px;padding:54px 0 36px;display:grid}.eyebrow{color:var(--accent-green);letter-spacing:.16em;text-transform:uppercase;background:#f4b94233;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:700;display:inline-block}.hero h1{color:var(--text-dark);margin:16px 0 14px;font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.1}.hero p{color:var(--text-muted);font-size:1.03rem}.hero-actions{flex-wrap:wrap;gap:12px;margin:24px 0 18px;display:flex}.primary-btn,.secondary-btn{border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.primary-btn{background:linear-gradient(135deg, var(--accent-green), #1b8f56);color:#fff;box-shadow:0 10px 24px #0f7a4a33}.secondary-btn{color:var(--accent-green);background:#fff;border:1px solid #0f7a4a2e}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-2px)}.hero-points{flex-wrap:wrap;gap:10px;margin:18px 0 0;padding:0;list-style:none;display:flex}.hero-points li{color:var(--text-dark);background:#f8fbf5;border-radius:999px;padding:8px 12px;font-size:.95rem}.hero-card{color:#fff;background:linear-gradient(135deg,#0f7a4af2,#f4b942e6);border-radius:28px;padding:24px;box-shadow:0 20px 40px #0f7a4a2e}.hero-card-inner h2{color:#fff;margin:8px 0 10px;font-size:1.5rem}.hero-card-label{letter-spacing:.16em;text-transform:uppercase;opacity:.9;margin:0;font-weight:700}.pillars-section,.impact-section{padding:30px 0 12px}.section-heading{margin-bottom:18px}.section-heading h2{color:var(--text-dark);margin:12px 0 8px;font-size:clamp(1.6rem,3vw,2.2rem)}.pillars-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.pillar-card,.stat-card,.impact-card{background:#fff;border-radius:24px;padding:22px;box-shadow:0 12px 30px #103a2314}.pillar-icon{width:52px;height:52px;color:var(--accent-green);background:linear-gradient(135deg,#0f7a4a1f,#f4b9423d);border-radius:18px;justify-content:center;align-items:center;margin-bottom:12px;font-weight:800;display:inline-flex}.pillar-card h3{color:var(--text-dark);margin:0 0 8px}.pillar-subtitle{color:var(--accent-green);margin-bottom:8px;font-weight:700}.pillar-card ul{color:var(--text-muted);margin:10px 0 0;padding-left:18px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.stat-card{text-align:center}.stat-card strong{color:var(--accent-green);font-size:1.6rem;display:block}.stat-card span{color:var(--text-muted)}.impact-card h3{color:var(--text-dark);margin-top:0}.footer{color:#fff;text-align:center;background:linear-gradient(135deg,#0f7a4a,#175f3c);border-radius:28px;margin-top:24px;padding:26px 24px 30px}.footer h2{color:#fff;margin-top:0}.footer p{color:#ffffffe6;margin-bottom:16px}@media (width<=900px){.hero,.pillars-grid,.stats-grid{grid-template-columns:1fr}.topbar{border-radius:24px;flex-direction:column;gap:12px}}@media (width<=640px){.page-shell{padding:14px}.hero{padding-top:28px}.nav-links{flex-wrap:wrap;justify-content:center}}