*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#172536;background:#fff;line-height:1.6}
.container{max-width:1180px;margin:auto;padding:0 22px}
h1,h2,h3{margin:0;line-height:1.2}
.hero{background:linear-gradient(135deg,#06111f,#0a3155);color:#fff;padding:58px 0 64px}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.brand{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:20px;letter-spacing:1px;margin-bottom:22px}
.brand-mark{background:#1685ff;padding:5px 9px;border-radius:5px;color:#fff}
.hero-img{width:100%;max-width:500px;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:14px;padding:24px;display:block;margin:auto}
.eyebrow{color:#63b4ff;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:13px}
.hero h1{font-size:42px;margin-bottom:18px}
.hero-desc{font-size:19px;color:#d9e9f7;max-width:600px;margin-bottom:25px}
.badges{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 27px}
.badge{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);padding:7px 11px;border-radius:5px;font-size:13px}
.cta{display:inline-block;background:#1685ff;color:#fff;text-decoration:none;padding:13px 22px;border-radius:5px;font-weight:700}
.stock{font-size:13px;color:#b9d4e8;margin-top:15px}
section{padding:70px 0}
.section-head{text-align:center;max-width:780px;margin:0 auto 38px}
.section-head h2{font-size:32px;color:#102b43;margin-bottom:12px}
.section-head p{color:#617181;margin:0}
.values{background:#f5f8fb}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:#fff;border:1px solid #e2e9ef;border-radius:9px;padding:25px;box-shadow:0 5px 18px rgba(20,50,80,.05)}
.icon{width:38px;height:38px;border-radius:7px;background:#e8f3ff;color:#1685ff;display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:17px}
.card h3{font-size:18px;color:#143450;margin-bottom:9px}
.card strong{display:block;font-size:27px;color:#1685ff;margin-bottom:7px}
.card p{font-size:14px;color:#617181;margin:0}
.purchase{background:#fff}
.purchase-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.box{border:1px solid #dce5ec;border-radius:9px;padding:27px}
.box h3{font-size:21px;color:#12344f;margin-bottom:17px}
.box ul{padding-left:20px;margin:0}
.box li{margin:9px 0;color:#526473}
.warning{background:#fff8ee;border:1px solid #f0d29e}
.warning h3{color:#9a5b00}
.warning li{color:#725528}
.features{background:#f5f8fb}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.feature{background:#fff;border:1px solid #e1e8ee;border-radius:9px;padding:23px}
.feature h3{font-size:17px;color:#143450;margin-bottom:8px}
.feature p{font-size:14px;color:#5d6d7c;margin:0}
.spec-strip{margin-top:28px;background:#071b2c;color:#fff;border-radius:10px;padding:25px}
.spec-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}
.spec{text-align:center;border-right:1px solid rgba(255,255,255,.12)}
.spec:last-child{border:0}
.spec b{display:block;font-size:21px;color:#62b5ff}
.spec span{font-size:12px;color:#c5d5e2}
.final-cta{background:#071b2c;color:#fff;text-align:center;padding:58px 20px}
.final-cta h2{font-size:30px;margin-bottom:12px}
.final-cta p{color:#c5d5e2;margin:0 auto 23px;max-width:720px}
@media(max-width:900px){
.hero-grid,.purchase-grid{grid-template-columns:1fr}
.grid4,.feature-grid{grid-template-columns:repeat(2,1fr)}
.spec-grid{grid-template-columns:repeat(3,1fr)}
.hero h1{font-size:35px}
}
@media(max-width:560px){
.grid4,.feature-grid{grid-template-columns:1fr}
.spec-grid{grid-template-columns:repeat(2,1fr)}
section{padding:52px 0}
}