@import"https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=DM+Sans:wght@800&display=swap";:root{--green:#0a7a3e;--green2:#10b981;--teal:#06b6d4;--text:#0f1a14;--muted:#617067;--border:#e6efe9;--bg:#f5faf7;--shadow: 0 10px 30px rgba(15,26,20,.08);--shadow2: 0 6px 16px rgba(15,26,20,.08)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%}#root{width:100%;min-height:100vh;margin:0;padding:0;max-width:none}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.appShell{min-height:100vh;display:flex;flex-direction:column;width:100%}.main{flex:1;width:100%}.header{position:sticky;top:0;z-index:50;width:100%;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.headerRow{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px}.brandLogo{height:38px;width:auto}.brandText{line-height:1.1}.brandName{font-weight:900;letter-spacing:-.2px}.brandTag{font-size:12px;color:var(--muted);margin-top:2px;font-weight:800}.nav{display:flex;align-items:center;gap:18px}.navLink{font-size:14px;font-weight:900;color:var(--muted);padding:10px;border-radius:10px;transition:background .15s ease,color .15s ease}.navLink:hover{background:#0a7a3e14;color:var(--text)}.navLink.active{background:#0a7a3e1a;color:var(--text)}@media(max-width:920px){.nav{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:12px 16px;font-weight:900;font-size:14px;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,opacity .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--green);color:#fff;box-shadow:var(--shadow2)}.btn-primary:hover{opacity:.95}.btn-outline{background:#fff;border-color:var(--border);color:var(--text)}.btn-outline:hover{background:#0a7a3e0f;box-shadow:var(--shadow2)}.full{width:100%}.hero{width:100%;background:radial-gradient(900px 420px at 15% 10%,rgba(10,122,62,.12),transparent 60%),radial-gradient(700px 350px at 85% 35%,rgba(10,122,62,.08),transparent 55%),#fff;border-bottom:1px solid var(--border)}.heroGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;padding:70px 0}@media(max-width:920px){.heroGrid{grid-template-columns:1fr;padding:48px 0}}.chip{display:inline-flex;background:#ffffffd9;border:1px solid var(--border);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:900;color:var(--muted)}.h1{margin:14px 0 0;font-size:52px;line-height:1.08;letter-spacing:-1px}@media(max-width:920px){.h1{font-size:40px}}.h2{margin:0;font-size:30px;letter-spacing:-.4px;font-weight:900}.accent{color:var(--green)}.lead{margin-top:16px;font-size:18px;line-height:1.7;color:var(--muted);max-width:60ch;font-weight:700}.row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.metrics{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:920px){.metrics{grid-template-columns:1fr}}.metric{border:1px solid var(--border);background:#ffffffe6;border-radius:16px;padding:14px}.metricVal{font-weight:900}.metricLbl{margin-top:4px;font-size:12px;color:var(--muted);font-weight:900}.card{border:1px solid var(--border);background:#ffffffeb;border-radius:18px;box-shadow:0 1px #0f1a1408;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow2)}.pad{padding:18px}.cardTitle{font-weight:900;font-size:16px;color:#064e3b}.cardDesc{margin-top:8px;color:var(--muted);font-weight:800;line-height:1.6;font-size:13px}.page{width:100%;padding:40px 0 64px;background:transparent}.pageHead{margin-bottom:18px}.section{padding:54px 0}.muted{color:var(--muted);font-weight:800}.small{font-size:12px;color:var(--muted);font-weight:800}.footer{width:100%;border-top:1px solid var(--border);background:#ffffffeb}.footerPattern{width:100%;height:120px;background-image:url(/footer-pattern.png);background-repeat:repeat-x;background-position:center bottom;background-size:auto 120px;opacity:.22;border-top:1px solid rgba(209,250,229,.9)}.footerRow{padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-weight:800;font-size:13px}.footerLink:hover{text-decoration:underline}.authPage{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(900px 420px at 15% 10%,rgba(10,122,62,.1),transparent 60%),radial-gradient(700px 350px at 85% 35%,rgba(10,122,62,.07),transparent 55%),linear-gradient(180deg,#f0fdf4,#ecfdf5 60%,#e6f9ef)}.authCard{width:min(520px,94vw);background:#fffffff2;border:1px solid var(--border);border-radius:20px;padding:20px;box-shadow:var(--shadow);margin:24px auto}.authBrand{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:16px}.authWordmark{height:44px;width:auto;object-fit:contain}.googleBtn{width:100%;height:48px;border-radius:14px;border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:900;cursor:pointer}.googleBtn:hover{box-shadow:var(--shadow2)}.googleDot{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:900}.authFooter{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:10px}.splashX{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;background:radial-gradient(900px 420px at 15% 10%,rgba(16,185,129,.22),transparent 60%),radial-gradient(800px 420px at 85% 35%,rgba(34,197,94,.18),transparent 60%),radial-gradient(700px 360px at 45% 85%,rgba(6,182,212,.12),transparent 60%),linear-gradient(180deg,#effdf3,#f6fff9,#e8faef)}.eco{position:absolute;font-size:44px;opacity:.24;animation:ecoFloat 6s linear infinite}.e1{left:8%;animation-delay:0s}.e2{left:28%;animation-delay:1.4s}.e3{left:68%;animation-delay:2.8s}.e4{left:88%;animation-delay:4.2s}@keyframes ecoFloat{0%{bottom:-60px;transform:translate(0)}to{bottom:110%;transform:translate(-20px)}}.splashBlob{position:absolute;border-radius:999px;filter:blur(18px);opacity:.52;animation:blobDrift 6s ease-in-out infinite}.blobA{width:360px;height:360px;left:-120px;top:-120px;background:#10b9816b}.blobB{width:460px;height:460px;right:-160px;top:60px;background:#22c55e4d}.blobC{width:520px;height:520px;left:20%;bottom:-260px;background:#06b6d433}@keyframes blobDrift{0%,to{transform:translate(0)}50%{transform:translate(18px,-14px)}}.splashXCard{width:min(1400px,96vw);max-width:none;padding:36px 28px;border-radius:26px;background:#ffffffc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(230,239,233,.9);box-shadow:0 24px 50px #0000001f;text-align:center;animation:splashIn .9s ease-out both}@keyframes splashIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.sketchTitle{width:100%;height:150px;margin:0 auto;display:block;overflow:visible}.sketchStroke{font-family:DM Sans,system-ui,sans-serif;font-size:96px;font-weight:800;fill:transparent;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1400;stroke-dashoffset:1400;animation:drawText 1.35s ease forwards}.sketchFill{font-family:DM Sans,system-ui,sans-serif;font-size:96px;font-weight:800;fill:#064e3b;opacity:0;animation:fillIn .45s ease forwards;animation-delay:.95s}.sketchTag{width:100%;height:160px;margin-top:-6px;display:block;overflow:visible}.tagStroke,.tagStroke2{font-family:Caveat,cursive;fill:transparent;stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:900;stroke-dashoffset:900;animation:drawTag 1.05s ease forwards}.tagStroke{font-size:70px;animation-delay:.25s}.tagStroke2{font-size:62px;animation-delay:.55s}.tagFill,.tagFill2{font-family:Caveat,cursive;fill:#047857;opacity:0;animation:fillIn .4s ease forwards}.tagFill{font-size:70px;animation-delay:.9s}.tagFill2{font-size:62px;animation-delay:1.2s}.splashHint{margin-top:10px;font-size:13px;letter-spacing:.4px;font-weight:900;color:#065f46;opacity:.85}@keyframes drawText{to{stroke-dashoffset:0}}@keyframes drawTag{to{stroke-dashoffset:0}}@keyframes fillIn{to{opacity:1}}
