:root{
  --bg:#f5f7fb; --card:#ffffff; --ink:#1a1d23; --muted:#5b6470;
  --line:#e4e8ef; --teal:#0fb5a0; --indigo:#5a68e6;
  --accent:linear-gradient(120deg,#12c2b0,#5a68e6);
}
*{box-sizing:border-box;}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.6; -webkit-font-smoothing:antialiased;
}
.wrap{max-width:760px; margin:0 auto; padding:28px 20px 64px;}
nav{display:flex; gap:18px; flex-wrap:wrap; margin:0 0 18px; font-size:14px;}
nav a{color:var(--muted);}
nav a.on{color:var(--ink);}
header.hero{background:var(--accent); color:#fff; border-radius:20px; padding:34px 28px; margin-bottom:26px;}
header.hero .badge{display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.18);
  padding:6px 12px; border-radius:999px; font-size:13px; font-weight:600; letter-spacing:.3px; margin-bottom:14px;}
header.hero h1{margin:0 0 6px; font-size:32px; font-weight:800; letter-spacing:-.5px;}
header.hero p{margin:0; font-size:16px; opacity:.95;}
.card{background:var(--card); border:1px solid var(--line); border-radius:16px; padding:24px; margin-bottom:20px;}
h2{font-size:21px; font-weight:700; margin:2px 0 14px; letter-spacing:-.2px;}
h3{font-size:16px; font-weight:700; margin:22px 0 6px;}
h3:first-of-type{margin-top:4px;}
p{margin:0 0 12px;}
ul{margin:0 0 12px; padding-left:20px;}
li{margin:4px 0;}
a{color:var(--indigo); text-decoration:none; font-weight:600;}
a:hover{text-decoration:underline;}
.muted{color:var(--muted);}
.small{font-size:14px;}
.contact-btn{display:inline-block; background:var(--accent); color:#fff !important; padding:12px 20px;
  border-radius:12px; font-weight:700; margin-top:6px;}
.pill{display:inline-block; background:#eef1f7; color:#3a4150; border:1px solid var(--line);
  padding:4px 10px; border-radius:999px; font-size:13px; font-weight:600; margin:2px 6px 2px 0;}
.faq p{color:var(--muted);}
footer{color:var(--muted); font-size:13px; text-align:center; margin-top:8px;}