:root{--cream:#faf1e6;--ivory:#fdfaf6;--mint:#e4efe7;--green:#99bc85;--green-dark:#4f7a3f;--ink:#2b3a2a;--muted:#5f6f5c;--radius:20px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;font-family:Plus Jakarta Sans,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1080px,92%);margin-inline:auto}section{padding:88px 0}.alt{background:var(--cream)}.mint{background:var(--mint)}.tag{background:var(--green);color:var(--ink);border-radius:999px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}h1{font-size:clamp(2.4rem,6vw,4rem);font-weight:800;line-height:1.1}h2{margin-bottom:12px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1.2}h3{margin-bottom:6px;font-size:1.15rem}p.lead{color:var(--muted);max-width:620px;font-size:1.1rem}.accent{color:var(--green-dark)}.progress{background:var(--green-dark);transform-origin:0;z-index:50;height:3px;position:fixed;top:0;left:0;right:0}nav{z-index:10;border-bottom:1px solid var(--mint);background:#fff;position:sticky;top:0}nav .container{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{color:var(--green-dark);font-size:1.3rem;font-weight:800}.links{gap:24px;font-size:.95rem;font-weight:500;display:flex}.links a:hover{color:var(--green-dark)}.btn{background:var(--green);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:14px 28px;font-weight:700;transition:background .2s;display:inline-flex}.btn:hover{background:#8bb075}.btn.ghost{border:2px solid var(--green);background:0 0;margin-left:8px}.btn.ghost:hover{background:var(--mint)}.hero{padding-top:96px}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.hero p.lead{margin:20px 0 28px}.chat{background:var(--cream);border-radius:var(--radius);padding:24px;box-shadow:0 20px 50px #4f7a3f26}.bubble{border-radius:16px;max-width:85%;margin-bottom:12px;padding:12px 16px;font-size:.95rem}.bubble.me{background:var(--green);border-bottom-right-radius:4px;margin-left:auto}.bubble.bot{background:var(--ivory);border-bottom-left-radius:4px}.grid{gap:20px;margin-top:40px;display:grid}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.card{background:var(--ivory);border-radius:var(--radius);border:1px solid var(--mint);padding:28px}.alt .card,.mint .card{border:none}.card p{color:var(--muted);font-size:.95rem}.icon-box{background:var(--mint);width:48px;height:48px;color:var(--green-dark);border-radius:14px;place-items:center;margin-bottom:16px;display:grid}.pockets{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.pocket{background:var(--mint);text-align:center;border-radius:14px;padding:14px}.pocket b{color:var(--green-dark);font-size:1.5rem;display:block}.pocket small{color:var(--muted)}.step{text-align:center}.step p{color:var(--muted);font-size:.95rem}.step-num{background:var(--green);border-radius:50%;place-items:center;width:44px;height:44px;margin:0 auto 14px;font-weight:800;display:grid}.phone{aspect-ratio:9/19;border:8px solid var(--ink);background:var(--cream);border-radius:32px;width:100%;max-width:220px;margin:0 auto 22px;position:relative;overflow:hidden;box-shadow:0 24px 40px #2b3a2a2e}.notch{background:var(--ink);z-index:2;border-radius:0 0 12px 12px;width:70px;height:18px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone img{object-fit:cover;width:100%;height:100%;display:block}.ph{text-align:center;height:100%;color:var(--muted);background:var(--mint);border:2px dashed var(--green);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:.8rem;display:flex}.social{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.social a{background:var(--ivory);border:2px solid var(--green);border-radius:999px;align-items:center;gap:8px;padding:12px 24px;font-weight:700;transition:background .2s;display:inline-flex}.social a:hover{background:var(--green)}footer{text-align:center;color:var(--muted);padding:28px 0;font-size:.9rem}@media (width<=860px){.hero-grid,.g3,.g4{grid-template-columns:1fr}.links{display:none}section{padding:64px 0}}
