
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#10213d;background:#f5f7fb;line-height:1.55}
a{text-decoration:none;color:inherit}.wrap{width:min(1220px,calc(100% - 32px));margin:auto}
.top{background:#071b3b;color:#dbe7fb;font-size:13px}.top .wrap{display:flex;justify-content:space-between;padding:9px 0}
.head{background:#0d2d5d;color:white;position:sticky;top:0;z-index:20;box-shadow:0 4px 18px #00152f33}.headrow{display:flex;align-items:center;gap:18px;padding:15px 0}
.logo{font-size:27px;font-weight:900;letter-spacing:.4px;white-space:nowrap}.logo span{color:#58a7ff}.search{flex:1;display:flex;background:white;border-radius:11px;overflow:hidden}.search input{border:0;padding:14px 16px;flex:1;font-size:15px;outline:0}.search button{border:0;background:#1677ff;color:white;padding:0 22px;font-weight:800}.tools{display:flex;gap:14px;font-size:13px}.nav{background:white;border-bottom:1px solid #e4eaf3}.nav .wrap{display:flex;gap:26px;padding:13px 0;overflow:auto;white-space:nowrap;font-weight:700;font-size:14px}
.hero{padding:34px 0 20px}.heroGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.heroMain{min-height:440px;border-radius:24px;padding:54px;background:linear-gradient(125deg,#071b3b,#0c3e7d 62%,#176ee4);color:white;position:relative;overflow:hidden}.heroMain:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-80px;top:-60px;background:#4fa0ff33}.eyebrow{font-weight:800;color:#8fc5ff;text-transform:uppercase;letter-spacing:1.4px}.hero h1{font-size:48px;line-height:1.05;margin:14px 0 18px;max-width:760px}.hero p{font-size:18px;max-width:720px;color:#dceaff}.btn{display:inline-block;margin-top:18px;background:#fff;color:#0b3974;padding:14px 22px;border-radius:11px;font-weight:900}.heroSide{display:grid;gap:20px}.promo{border-radius:24px;padding:30px;background:white;box-shadow:0 8px 28px #18345d12}.promo.dark{background:#101d35;color:white}.promo h2{margin:0 0 8px;font-size:26px}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px auto 34px}.benefit{background:white;border-radius:15px;padding:18px;font-weight:800;box-shadow:0 5px 20px #16365e0c}.benefit small{display:block;color:#6d7b90;font-weight:500;margin-top:4px}
section{padding:30px 0}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.sectionHead h2{font-size:32px;margin:0}.sectionHead p{margin:0;color:#6b778b}
.cats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.cat{background:white;border-radius:18px;padding:22px;min-height:145px;box-shadow:0 7px 22px #15355f0d}.cat b{font-size:18px}.cat i{display:block;font-style:normal;font-size:40px;margin-bottom:18px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:white;border-radius:18px;padding:18px;box-shadow:0 7px 22px #15355f0d;display:flex;flex-direction:column}.pic{height:175px;border-radius:14px;background:linear-gradient(145deg,#edf3fb,#dce8f8);display:flex;align-items:center;justify-content:center;font-size:62px;margin-bottom:14px}.tag{font-size:12px;color:#1677ff;font-weight:900}.card h3{margin:6px 0;font-size:18px}.spec{color:#6e7b8e;font-size:13px;min-height:42px}.price{font-size:22px;font-weight:900;margin:12px 0}.buy{margin-top:auto;background:#1677ff;color:white;text-align:center;padding:11px;border-radius:10px;font-weight:900}
.content{background:white;border-radius:22px;padding:32px;box-shadow:0 8px 28px #15355f0d}.content h2{font-size:30px;margin-top:0}.content h3{font-size:22px;margin-top:28px}.faq details{background:white;border-radius:14px;padding:17px 20px;margin:10px 0;box-shadow:0 5px 18px #15355f0b}.faq summary{font-weight:900;cursor:pointer}
.footer{background:#071b3b;color:#dce8f9;margin-top:50px;padding:42px 0}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer h3{color:white}.footer a{display:block;margin:7px 0;color:#b9cae4}
.breadcrumb{font-size:13px;color:#6f7e92;padding:20px 0}.productPage{display:grid;grid-template-columns:1fr 1fr;gap:30px}.productVisual{min-height:420px;border-radius:24px;background:linear-gradient(145deg,#edf3fb,#d6e5f8);display:flex;align-items:center;justify-content:center;font-size:130px}.productInfo{background:white;border-radius:24px;padding:34px}.productInfo h1{font-size:38px;line-height:1.1}.bigprice{font-size:34px;font-weight:900}.pill{display:inline-block;background:#eaf3ff;color:#1466ca;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800;margin-right:6px}
@media(max-width:900px){.heroGrid,.productPage{grid-template-columns:1fr}.hero h1{font-size:38px}.benefits{grid-template-columns:1fr 1fr}.cats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.tools{display:none}}
@media(max-width:560px){.wrap{width:min(100% - 20px,1220px)}.headrow{flex-wrap:wrap}.search{order:3;width:100%;flex-basis:100%}.heroMain{padding:32px 24px;min-height:390px}.hero h1{font-size:34px}.benefits,.grid{grid-template-columns:1fr}.cats{grid-template-columns:1fr 1fr}.sectionHead{display:block}.footgrid{grid-template-columns:1fr}}

.serviceband{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.servicebox,.guide,.stat,.article{background:#fff;border-radius:18px;padding:24px;box-shadow:0 7px 22px #15355f0d}
.servicebox h3,.guide h3,.article h3{margin:8px 0}.servicebox .num{font-size:13px;font-weight:900;color:#1677ff}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat b{display:block;font-size:28px;color:#0d2d5d}.stat span{color:#6d7b90}
.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide p,.article p{color:#66758a}
.compare{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}.compare th,.compare td{text-align:left;padding:15px;border-bottom:1px solid #e7edf5}.compare th{background:#eef5ff}
.articlegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.article .meta{font-size:12px;color:#1677ff;font-weight:800}
.callout{background:linear-gradient(120deg,#071b3b,#1258aa);color:#fff;border-radius:24px;padding:34px}.callout h2{margin-top:0}.callout p{color:#d9e9ff;max-width:800px}
@media(max-width:900px){.serviceband,.guides,.articlegrid,.stats{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.serviceband,.guides,.articlegrid,.stats{grid-template-columns:1fr}.compare{font-size:13px}}
