/* styles.css: non-critical styles for MomFlex landing page */
:root{--accent:#6b21a8;--text:#2d2d2d;--muted:#6b6b6b;--bg:#ffffff;--card:#fff;font-family:"Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;}
html,body{height:100%;margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
.wrap{max-width:980px;margin:24px auto;padding:20px}
.center{text-align:center}
header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.brand{display:flex;gap:12px;align-items:center}
.logo{width:56px;height:56px;border-radius:8px;background:var(--accent);display:grid;place-items:center;color:#fff;font-weight:700;font-family:"Fjalla One",sans-serif}
h1{margin:12px 0;font-size:clamp(28px,5vw,56px);line-height:1.02}
.lead{color:var(--muted);margin:8px 0 16px}
.card{background:var(--card);border-radius:12px;padding:18px;box-shadow:0 8px 24px rgba(11,24,36,0.06);margin-bottom:16px}
.cta{display:inline-block;background:var(--accent);color:#fff;padding:14px 22px;border-radius:10px;font-size:20px;text-decoration:none;font-weight:700}
.features{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:10px}
.feature{background:#f7f0ff;border-radius:8px;padding:8px 12px;font-weight:600}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
@media(max-width:880px){.grid{grid-template-columns:1fr}}
.testimonial{padding:14px;border-radius:10px;background:linear-gradient(180deg,#fff,#fbfbfb);text-align:center}
.testimonial img{width:120px;height:120px;object-fit:cover;border-radius:8px;display:block;margin:12px auto}
footer{text-align:center;color:var(--muted);font-size:13px;margin-top:22px}
a.legal{color:var(--muted);text-decoration:underline}