:root{
  --bg:#f7fbf9;
  --accent:#2b8a6b;
  --dark:#123;
  --muted:#666;
  --card:#fff;
}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial; margin:0; color:var(--dark); background:var(--bg); line-height:1.5}
.container{max-width:900px;margin:0 auto;padding:20px}
.hero{background:linear-gradient(180deg, rgba(43,138,107,0.12), transparent);padding:48px 0;text-align:center}
.hero h1{font-size:2rem;margin:0;color:var(--accent)}
.hero .sub{margin:12px 0;color:var(--muted)}
.cta{display:inline-block;background:var(--accent);color:#fff;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:600;margin-top:10px}
.micro{color:var(--muted);margin-top:8px}
.benefits ul{padding-left:18px}
.benefits li{margin:8px 0}
.how ol{padding-left:18px}
.packages .cards{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.card{background:var(--card);padding:14px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,0.06);flex:1;min-width:200px}
.price{font-weight:700;color:var(--accent);margin-top:8px}
.note{color:var(--muted);font-size:0.9rem}
.faq details{margin:8px 0;background:#fff;padding:10px;border-radius:6px}
.contact{text-align:center;margin:20px 0}
.footer{padding:18px 0;text-align:center;color:var(--muted);font-size:0.9rem}
.small{font-size:0.9rem;color:var(--muted)}
@media(max-width:600px){.hero h1{font-size:1.5rem}.container{padding:14px}}