:root{--af-blue:#0047bb;--af-blue-600:#003a98;--af-text:#0f172a;--af-muted:#5b6b83;--af-bg:#f7f9fc;--white:#fff;--shadow:0 10px 30px rgba(2,12,27,.08)}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans",sans-serif;color:var(--af-text);background:var(--white)}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
.container{width:min(1200px,92vw);margin:0 auto}
header{position:sticky;top:0;z-index:50;background:#0047bb;border-bottom:1px solid #003a98;backdrop-filter:saturate(180%) blur(6px)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;gap:12px;align-items:center}
.logo-img{height:52px;width:auto;display:block}
.menu{display:flex;gap:18px;align-items:center}
.menu a{font-weight:600;color:#ffffff;transition:.2s}.menu a:hover{color:#eaf2ff}
.cta{display:inline-flex;align-items:center;gap:10px;background:#ffffff;color:#0047bb;padding:12px 16px;border-radius:12px;font-weight:700;box-shadow:var(--shadow);transition:.2s}
.cta:hover{background:#eaf2ff;color:#003a98;transform:translateY(-1px)}
.ghost{border:1.5px solid #ffffff;color:#0047bb;background:#ffffff}.ghost:hover{background:#eaf2ff;color:#003a98}
.hero{background:linear-gradient(180deg,#f4f7ff,#fff)}.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;padding:56px 0}
.eyebrow{display:inline-block;background:#eaf2ff;color:#0047bb;font-weight:700;padding:8px 12px;border-radius:999px;margin-bottom:12px;font-size:12px;letter-spacing:.6px;text-transform:uppercase}
h2.big{font-size:42px;line-height:1.12;margin:0 0 10px;font-weight:900;color:#0b1220}
.lead{font-size:18px;color:#46566f;margin:0 0 18px}.actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-card{background:#fff;border:1px solid #eef2f7;border-radius:20px;padding:18px;display:grid;gap:14px;box-shadow:var(--shadow)}
.bullets{display:grid;gap:10px}.bullet{display:flex;gap:12px;align-items:flex-start}
.check{width:22px;height:22px;border-radius:50%;background:#0047bb;color:#fff;display:grid;place-items:center;font-size:14px;font-weight:800;flex:0 0 auto}
section{padding:50px 0}.section-title{font-size:28px;margin:0 0 8px;font-weight:900}.section-sub{color:#5b6b83;margin:0 0 18px}
.grid{display:grid;gap:16px}.grid.cols-3{grid-template-columns:repeat(3,1fr)}
.card{background:#fff;border:1px solid #eef2f7;border-radius:18px;padding:20px;box-shadow:var(--shadow)}.card h3{margin:2px 0 6px;font-size:18px}
.pill{display:inline-block;padding:6px 10px;border-radius:999px;background:#eef4ff;color:#0047bb;font-weight:700;font-size:12px}
.service{display:flex;gap:16px}.service .icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#0047bb,#3b82f6);display:grid;place-items:center;color:#fff;font-weight:900}
.plans{display:grid;gap:16px}.plans.cols-3{grid-template-columns:repeat(3,1fr)}.price{font-size:34px;font-weight:900;color:#0047bb}
.plan .features{display:grid;gap:6px;margin:8px 0 14px}.tag{display:inline-flex;align-items:center;gap:8px;background:#f1f5ff;color:#0047bb;padding:6px 10px;border-radius:999px;font-weight:700;font-size:12px}
.highlight{border:2px solid #0047bb}.compare{overflow:auto}.compare table{width:100%;border-collapse:collapse}.compare th,.compare td{border:1px solid #e8edf5;padding:10px 12px;text-align:left}
.steps{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.step{background:#fff;border:1px solid #eef2f7;border-radius:18px;padding:18px;box-shadow:var(--shadow)}
.step .num{width:28px;height:28px;border-radius:50%;background:#0047bb;color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:8px}
.form{display:grid;gap:10px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
input,select,textarea{padding:12px 14px;border:1px solid #e5eaf1;border-radius:12px}
details{background:#fff;border:1px solid #eef2f7;border-radius:16px;padding:14px 16px}summary{cursor:pointer;font-weight:700}
footer{background:#0a1020;color:#d1dae8}.foot{padding:24px 0;display:grid;gap:8px}footer a{color:#d1e0ff}
.wafloat{position:fixed;right:18px;bottom:18px;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#25D366;color:#fff;font-size:28px;box-shadow:var(--shadow);z-index:60}
.backtop{position:fixed;right:18px;bottom:86px;width:44px;height:44px;border-radius:50%;border:1px solid #e5eaf1;background:#fff;display:grid;place-items:center;font-size:18px;color:#0b1220;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.25s}
.backtop.show{opacity:1;pointer-events:auto}
@media(max-width:1024px){.hero .wrap{grid-template-columns:1fr}.grid.cols-3{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.plans.cols-3{grid-template-columns:1fr}}
@media(max-width:640px){.grid.cols-3{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.logo-img{height:46px}}