:root{
  --bg:#f6fff9; --ink:#0f3322; --ink-2:#2c5c43; --brand:#54e39b; --brand-2:#b5ffcc;
  --card:#ffffff; --muted:#537a67;
}
*{box-sizing:border-box} html,body{height:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);
  background:linear-gradient(180deg,var(--bg),#ffffff);
}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
h1,h2,h3{letter-spacing:.2px} h1{font-weight:800} h2{font-weight:700}
a{color:#0d5940;text-decoration:none} a:hover{text-decoration:underline}
.btn{display:inline-block;padding:10px 16px;border-radius:14px;background:var(--ink);color:#fff;font-weight:600;border:2px solid var(--ink)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.hero{position:relative;overflow:hidden;text-align:center;padding:84px 0 48px}
.hero .hero-glow{position:absolute;inset:-20% -10% auto -10%;height:60%;background:radial-gradient(closest-side, var(--brand-2), transparent 60%);filter:blur(40px);z-index:-1}
.tag{color:var(--muted);max-width:720px;margin:6px auto 0}
.cta{display:flex;gap:12px;justify-content:center;margin-top:18px;flex-wrap:wrap}
.section{padding:36px 0}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.card,.pilot{background:var(--card);border:1px solid #e6f3eb;border-radius:16px;padding:16px;box-shadow:0 10px 30px rgba(84,227,155,.08)}
.icon{font-size:28px}
.pilot{position:relative}
.pilot-badge{position:absolute;top:12px;right:12px;background:var(--brand);color:#08351f;font-weight:700;border-radius:999px;padding:2px 10px;font-size:.8rem}
.pilot-badge.muted{background:#e9f7ef;color:#517d6a}
.pilot-link{display:inline-block;margin-top:8px;font-weight:600}
.pilot-link.disabled{opacity:.6;pointer-events:none}
.pill{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:8px 0 0}
.pill li{list-style:none;border:1px dashed #bfead2;border-radius:999px;padding:8px 12px;background:#f3fff7}
.copy{margin-top:8px;color:#527766}
.dock{position:fixed;left:0;right:0;bottom:0;background:#ffffffd9;backdrop-filter:blur(8px);display:flex;justify-content:space-around;gap:8px;padding:10px 8px;border-top:1px solid #dcefe4}
.dock-btn{flex:1;max-width:120px;border:1px solid #cfeada;background:#f8fff9;color:#0d5940;border-radius:12px;padding:10px 6px;font-weight:600}
.dock-btn.active{background:var(--brand);color:#053623;border-color:#0a5f42}
.sheet{position:fixed;inset:0;display:none;align-items:flex-end;background:rgba(0,0,0,.3)}
.sheet.active{display:flex}
.sheet-card{width:100%;max-height:80vh;background:#fff;border-radius:16px 16px 0 0;padding:16px;box-shadow:0 -10px 40px rgba(0,0,0,.15);overflow:auto}
.sheet-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf6f0;padding-bottom:8px;margin-bottom:10px}
.sheet-head .x{border:none;background:transparent;font-size:20px;cursor:pointer}
@media (max-width:880px){.grid3{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.hero{padding-top:64px}}