:root{--brand:#0b63c5;--ink:#0f172a;--muted:#475569;--bg:#f8fafc;}
    body{font-family:Inter,system-ui,Arial,sans-serif;margin:0;color:var(--ink);background:var(--bg);line-height:1.65;}
    .container{max-width:1000px;margin:auto;padding:28px 20px;}
    .hero{background:white;border-radius:18px;padding:28px 24px;box-shadow:0 6px 24px rgba(2,6,23,.08);}
    h1{font-size:clamp(28px,4vw,40px);margin:0 0 8px;}
    .sub{color:var(--muted);margin:0 0 16px;}
    .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
    .btn{background:var(--brand);color:#fff;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700}
    .btn.secondary{background:#111827}
    .toc{background:#fff;border-radius:14px;padding:14px 16px;margin:22px 0;box-shadow:0 4px 16px rgba(2,6,23,.06)}
    .toc a{color:var(--brand);text-decoration:none}
    h2{margin-top:32px}
    .badge{display:inline-block;background:#e2f0ff;color:#0a4fa0;border-radius:999px;padding:4px 10px;font-size:12px;margin-left:8px}
    .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
    .card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 24px rgba(2,6,23,.06)}
    figure{margin:0}
    .cap{padding:10px 12px;color:var(--muted);font-size:14px}
    .ba{display:grid;grid-template-columns:1fr 1fr}
    .ba img{display:block;width:100%;height:auto}
    .note{font-size:13px;color:var(--muted)}
    ul.check{list-style:none;padding-left:0}
    ul.check li{padding-left:28px;position:relative;margin:8px 0}
    ul.check li:before{content:"✓";position:absolute;left:6px;color:#16a34a;font-weight:900}
    .faq details{background:#fff;margin:10px 0;border-radius:12px;padding:12px 14px;box-shadow:0 4px 12px rgba(2,6,23,.05)}
    .foot{font-size:12px;color:var(--muted);margin-top:24px}
    @media (max-width:720px){.grid{grid-template-columns:1fr}.ba{grid-template-columns:1fr}}