:root{--bg:#f3f7fc;--surface:#fff;--ink:#0f243a;--muted:#5f7187;--brand:#1b5fa7;--brand2:#2b8be3;--line:#d6e2f1;--ok:#1f8a4d}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.62}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1140px,92vw);margin:0 auto}
header.site{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.nav{display:flex;gap:1rem;justify-content:space-between;align-items:center;padding:.9rem 0}.brand{font-weight:900;color:#102942}.brand span{color:var(--brand)}
.nav-links{display:flex;gap:.72rem;flex-wrap:wrap;font-size:.93rem}.nav-links a{color:#23496d}.top-actions{display:flex;gap:.55rem}
.btn{display:inline-block;border:1px solid var(--line);padding:.66rem .96rem;border-radius:10px;font-weight:650;background:#fff;color:var(--ink)}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border-color:transparent}
.hero{padding:4rem 0 2.3rem;background:radial-gradient(900px 340px at 10% -5%,#d9eafe 5%,transparent 70%),radial-gradient(900px 300px at 100% -10%,#e9f4ff 5%,transparent 70%)}
.hero h1{font-size:clamp(2rem,3.5vw,3rem);line-height:1.14;margin:0 0 .8rem}.hero p{max-width:75ch;color:var(--muted)}
.kicker{text-transform:uppercase;font-size:.78rem;letter-spacing:.09em;color:#3b6b98;font-weight:800}.trust{display:flex;flex-wrap:wrap;gap:.65rem}.pill{background:#ebf4ff;border:1px solid #c9dff7;color:#284f77;padding:.34rem .62rem;border-radius:999px;font-size:.84rem}
.section{padding:2.2rem 0}.section h2{font-size:clamp(1.38rem,2.2vw,2rem);margin:.2rem 0 .7rem}.lead{color:var(--muted)}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem;box-shadow:0 7px 20px rgba(19,59,104,.05)}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.grid{display:grid;gap:1rem}.grid.cols4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:1rem}.plan{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem}.plan.featured{border-color:#8abbe9;box-shadow:0 10px 26px rgba(40,106,173,.13)}.badge{position:absolute;top:.75rem;right:.75rem;background:#e8f4ff;color:#1b5fa7;border:1px solid #bcdaf8;border-radius:999px;padding:.2rem .55rem;font-size:.76rem}
.price{font-weight:900;font-size:1.86rem;line-height:1.1;margin:.2rem 0}.price small{font-size:.94rem;color:var(--muted)}
ul.clean{padding-left:1rem;margin:.6rem 0 1rem}ul.clean li{margin:.22rem 0}ul.clean li::marker{color:var(--ok)}
.mini{font-size:.9rem;color:var(--muted)}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line)}th,td{border-bottom:1px solid var(--line);padding:.56rem;text-align:left;font-size:.93rem}
.faq details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:.7rem .8rem;margin:.55rem 0}.faq summary{cursor:pointer;font-weight:700}
.quote{font-style:italic;color:#355373}
footer{margin-top:2.1rem;border-top:1px solid var(--line);background:#fff}footer .foot{padding:1.2rem 0;color:var(--muted);font-size:.92rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.7rem}
article.blog{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.1rem}
@media(max-width:860px){.top-actions{display:none}}