:root {
  --teal:#52A097; --teal-dark:#2A6F67; --ink:#1a2e2c; --muted:#667;
  --line:#e7e9ee; --bg:#fbfcfc; --radius:16px;
}
* { box-sizing:border-box; }
body { margin:0; font-family:'Andika',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; color:var(--ink); background:var(--bg); line-height:1.6; -webkit-font-smoothing:antialiased; }
a { color:var(--teal-dark); }

.page-header {
  max-width:760px; margin:0 auto; padding:16px 20px;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.brand-mark { font-weight:800; font-size:20px; color:var(--teal); }
.nav-cta { font-weight:700; font-size:14px; text-decoration:none; color:#fff; background:var(--teal); padding:8px 14px; border-radius:50px; white-space:nowrap; }
.nav-cta:hover { background:var(--teal-dark); }
.page-footer { max-width:760px; margin:32px auto 0; padding:20px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }

.guide, .hub { max-width:760px; margin:0 auto; padding:8px 20px 40px; }
.eyebrow { text-transform:uppercase; letter-spacing:.08em; font-size:12px; font-weight:700; color:var(--teal); margin:0 0 6px; }
.guide h1, .hub h1 { font-size:30px; line-height:1.2; margin:0 0 10px; }
.subhead, .hub-sub { font-size:18px; color:var(--muted); margin:0 0 24px; }
.guide h2 { font-size:21px; margin:28px 0 10px; }
.guide section p { margin:0 0 12px; }
.guide ul { margin:0 0 12px; padding-left:22px; }
.guide li { margin-bottom:6px; }

.answer { background:#EDFFFD; border:1px solid color-mix(in srgb, var(--teal) 25%, white); border-radius:var(--radius); padding:18px 20px; margin:0 0 12px; }
.answer h2 { margin:0 0 6px; font-size:14px; text-transform:uppercase; letter-spacing:.05em; color:var(--teal-dark); }
.answer p { margin:0; font-size:16px; }

.cta { margin:32px 0; background:linear-gradient(135deg,#D7F2EB 0%,#FFE9E1 100%); border-radius:var(--radius); padding:24px 22px; text-align:center; }
.cta .cta-lead { font-weight:800; font-size:19px; margin:0 0 6px; }
.cta p { margin:0 0 16px; }
.store-btn { display:inline-block; background:var(--teal); color:#fff; text-decoration:none; padding:12px 22px; border-radius:50px; font-weight:700; font-size:15px; }
.store-btn:hover { background:var(--teal-dark); }

.faq { border-top:1px solid var(--line); padding-top:22px; }
.faq h2 { font-size:21px; }
.faq-item { margin-bottom:16px; }
.faq-item h3 { font-size:15px; margin:0 0 4px; }
.faq-item p { font-size:15px; color:#444; margin:0; }

.c-grid { list-style:none; padding:0; margin:0 0 8px; display:grid; gap:12px; }
.c-grid a { display:block; border:1px solid var(--line); border-radius:var(--radius); padding:16px 18px; background:#fff; text-decoration:none; color:var(--ink); }
.c-grid a:hover { border-color:var(--teal); }
.c-cat { display:block; font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:var(--teal); font-weight:700; margin-bottom:4px; }
.c-title { display:block; font-size:17px; font-weight:700; margin-bottom:4px; }
.c-sub { display:block; font-size:13px; color:var(--muted); }

@media (min-width:600px){ .guide h1, .hub h1 { font-size:36px; } }