:root{
  --bg-dark:#0b2a44;
  --text:#0e1720;
  --muted:#4b5563;
  --card:#ffffff;
  --accent:#0ea5e9;
  --accent-dark:#0284c7;
  --ring: rgba(14,165,233,.25);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
img{max-width:100%;display:block}
a{color:inherit}
body{font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  color: var(--text); background: #f6f9fc; line-height: 1.7;}
.container{max-width:1100px;margin:0 auto;padding:24px}
.hero{background: var(--bg-dark); color:#fff; padding:56px 0 32px;}
.title{font-size: clamp(28px,5vw,42px); margin:0 0 8px; font-weight:800; letter-spacing:.2px}
.subtitle{opacity:.95; margin:0; font-size: clamp(16px,2.6vw,20px)}
.banner{background:#062238; color:#cdeaff; padding:10px 14px; border-radius: 999px; display:inline-block; margin-top: 14px; font-weight:600;}
.card{background: var(--card); margin-top: -28px; border-radius: 18px; padding: 28px; box-shadow: 0 10px 30px rgba(0,0,0,.10);}
.grid{display:grid; grid-template-columns: 1fr; gap: 28px;}
.left-sticky{position: sticky; top: 24px; align-self: start;}
.cover{border-radius: 14px; box-shadow: 0 12px 28px rgba(0,0,0,.18);}
.cta-row{display:flex; gap:12px; flex-wrap:wrap; margin-top:14px}
.cta{display:inline-block; text-decoration:none; background: var(--accent); color:#fff; padding: 12px 18px; border-radius: 10px; font-weight: 800; transition: transform .06s ease, background .2s ease, box-shadow .2s ease; box-shadow: 0 8px 18px var(--ring);}
.cta:hover{background:var(--accent-dark)}
.cta.secondary{background:#e2f3ff; color:#0b2a44; box-shadow:none; font-weight:700;}
.note{color: var(--muted); font-size: 14px;}
section{margin: 32px 0 12px}
h2{margin:0 0 10px; font-size: 26px}
ul{padding-left: 18px; margin: 0 0 8px}
li{margin: 6px 0}
.lead{font-size: 18px}
.badge{display:inline-block;background:#e6f0ff;color:#1e3a8a;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;margin-left:6px}
.kicker{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.reviews{background:#f0f9ff; border:1px solid #e0f2fe; padding:10px 12px; border-radius: 10px; display:inline-flex; align-items:center; gap:8px; font-weight:700; color:#075985; margin-top: 10px;}
.star{font-size:18px;}
.logo-list{display:flex; flex-wrap:wrap; gap:12px; color:#374151}
.logo-pill{padding:6px 10px; background:#f3f4f6; border-radius: 999px; font-weight:600;}
footer{text-align:center; color:#5b6b79; font-size:14px; padding: 40px 0 56px}
@media(min-width: 980px){ .grid{grid-template-columns: 360px 1fr} }