:root {
  --ink:#0f1830;
  --muted:#5f7192;
  --line:rgba(15,24,48,.12);
  --card:rgba(255,255,255,.84);
  --blue:#2b72f6;
  --cyan:#18bfd8;
  --shadow:0 22px 54px rgba(18,33,60,.14);
}
*{box-sizing:border-box}
html,body{margin:0;font-family:Inter,sans-serif;color:var(--ink);background:radial-gradient(circle at 8% 8%,#dfe9ff 0,transparent 34%),radial-gradient(circle at 92% 16%,#d7f8ff 0,transparent 34%),linear-gradient(180deg,#f9fbff 0,#f3f7ff 100%)}
.container{width:min(1140px,calc(100% - 32px));margin:0 auto}
.bg{position:fixed;border-radius:50%;filter:blur(66px);opacity:.35;z-index:-1}
.glow-a{width:320px;height:320px;left:-120px;top:-130px;background:#7aa8ff}
.glow-b{width:360px;height:360px;right:-140px;bottom:-120px;background:#71dbe9}
.header{position:sticky;top:0;z-index:30;background:rgba(249,251,255,.82);backdrop-filter:blur(8px);border-bottom:1px solid rgba(15,24,48,.06)}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.logo{text-decoration:none;color:var(--ink);display:inline-flex;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-weight:800}
.logo span{width:10px;height:10px;border-radius:999px;background:linear-gradient(110deg,var(--blue),var(--cyan));box-shadow:0 0 0 4px rgba(43,114,246,.2)}
nav{display:flex;gap:18px}
nav a{text-decoration:none;color:#3f5578;font-weight:600;font-size:.92rem}
.actions{display:flex;gap:8px}
.hero{padding:52px 0 28px;display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:center}
.eyebrow{margin:0 0 10px;font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:#286585}
h1,h2,h3,.btn{font-family:Outfit,sans-serif}
h1{margin:0;font-size:clamp(2rem,4.8vw,3.8rem);line-height:1.03}.lead{color:var(--muted);line-height:1.65;font-size:1.03rem}
.hero-cta{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}
.metrics{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.metrics article{border:1px solid var(--line);border-radius:13px;background:var(--card);box-shadow:var(--shadow);padding:10px}
.metrics strong{display:block;font-size:1.1rem}.metrics span{color:var(--muted);font-size:.78rem}
.hero-card{border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:var(--shadow);padding:14px}
.hero-card h3{margin:0 0 10px}.hero-card p{margin:10px 0 0;color:#476282;font-size:.84rem}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.grid div{border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.9);padding:9px}
.grid p{margin:0;font-size:.74rem;color:var(--muted)}.grid strong{font-size:1rem}
.section{padding:44px 0}.section.alt{background:rgba(255,255,255,.5);border-top:1px solid rgba(15,24,48,.06);border-bottom:1px solid rgba(15,24,48,.06)}
.head{text-align:center;max-width:760px;margin:0 auto 18px}.head h2{margin:0;font-size:clamp(1.55rem,3.2vw,2.5rem)}
.cards{display:grid;gap:12px}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.cards article,.split aside,.pricing article,.cta{border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:var(--shadow)}
.cards article{padding:14px}.cards h3{margin:0 0 8px;font-size:1.03rem}.cards p{margin:0;color:var(--muted);line-height:1.55}
.split{display:grid;grid-template-columns:1fr .9fr;gap:16px;align-items:start}.split ul{margin:14px 0 0;padding-left:18px;color:#3d5577;line-height:1.85}.split aside{padding:14px}.split aside p{color:var(--muted);line-height:1.6}
.pricing{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pricing article{padding:14px}.pricing .featured{border-color:rgba(43,114,246,.45);box-shadow:0 0 0 3px rgba(43,114,246,.17),var(--shadow)}.price{font-size:1.45rem;margin:8px 0}
.cta{margin-bottom:44px;padding:24px;text-align:center}.cta h2{margin:0;font-size:clamp(1.45rem,3vw,2rem)}.cta p{color:var(--muted)}
footer{padding:20px 0 28px;text-align:center;color:#7283a1;font-size:.84rem}
.btn{border:1px solid rgba(15,24,48,.18);border-radius:11px;padding:10px 14px;font-weight:600;cursor:pointer}.btn.solid{border:none;color:#fff;background:linear-gradient(110deg,var(--blue),var(--cyan))}.btn.ghost{background:rgba(255,255,255,.72);color:#30486c}
@media (max-width:980px){.nav{flex-wrap:wrap}nav{order:3;width:100%;justify-content:space-between}.hero,.split,.cards.three,.cards.four,.pricing{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}}