*{box-sizing:border-box}
body{margin:0;background:#f5f8fb;color:#12212e;
 font:15.3px/1.65 -apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:#0f4c81;text-decoration:none}
a:hover{color:#e35205}
img{max-width:100%;height:auto}
.wrap{max-width:1240px;margin:0 auto;padding:0 16px}
.topbar{background:#0f2a44;color:#cfe0ef;font-size:12.8px}
.topbar .wrap{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:7px 16px}
header.site{background:#fff;border-bottom:1px solid #e4e9ef;position:sticky;top:0;z-index:60}
.headrow{display:flex;align-items:center;gap:18px;padding:12px 0;flex-wrap:wrap}
.logo{font-size:21px;font-weight:800;letter-spacing:-.4px;color:#0f2a44;white-space:nowrap}
.logo span{color:#e35205}
.searchbar{flex:1;display:flex;border:2px solid #0f4c81;border-radius:10px;overflow:hidden;background:#fff;min-width:260px}
.searchbar input{flex:1;border:0;padding:11px 13px;font-size:14.5px;outline:none}
.searchbar button{background:#0f4c81;color:#fff;border:0;padding:0 20px;font-weight:700;cursor:pointer}
.hotline{text-align:right;white-space:nowrap;font-size:12.5px;color:#5b6b7a}
.hotline b{display:block;font-size:19px;color:#e35205}
nav.main{border-top:1px solid #e4e9ef;background:#fff}
nav.main ul{display:flex;flex-wrap:wrap;gap:2px;list-style:none;margin:0;padding:0}
nav.main a{display:block;padding:11px 12px;font-size:13.6px;font-weight:600;color:#22394d;
 border-bottom:3px solid transparent}
nav.main a:hover{border-color:#e35205;color:#e35205}
.crumb{font-size:13px;color:#5b6b7a;padding:12px 0}
.crumb a{color:#5b6b7a}
.hero{background:linear-gradient(120deg,#0f2a44,#155e7a);color:#fff;padding:34px 0 30px}
.hero h1{margin:0 0 10px;font-size:30px;line-height:1.25;max-width:800px}
.hero p{margin:0 0 16px;max-width:760px;color:#d5e6f2}
.herotools{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.herotools input{flex:1;min-width:250px;border:0;border-radius:9px;padding:13px 14px;font-size:14.5px}
.herotools button{background:#e35205;color:#fff;border:0;border-radius:9px;padding:13px 22px;
 font-weight:800;cursor:pointer}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:20px}
.stats div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);
 border-radius:10px;padding:11px 13px}
.stats b{display:block;font-size:20px}
h2.sec{font-size:21px;color:#0f2a44;margin:30px 0 14px;padding-left:12px;border-left:5px solid #e35205}
h3{color:#0f4c81;margin:22px 0 8px;font-size:17px}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.cat{background:#fff;border:1px solid #e4e9ef;border-radius:12px;padding:14px 16px;display:block}
.cat:hover{border-color:#e35205;box-shadow:0 4px 14px rgba(15,42,68,.08)}
.cat b{display:block;color:#0f2a44;font-size:15.5px;margin-bottom:4px}
.cat span{font-size:12.8px;color:#5b6b7a}
.brands{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:11px}
.brandcard{background:#fff;border:2px solid #e4e9ef;border-radius:12px;padding:13px 15px;display:block;
 text-align:center}
.brandcard:hover{border-color:#e35205;box-shadow:0 6px 18px rgba(15,42,68,.12)}
.brandcard b{display:block;font-size:21px;color:#0f2a44;letter-spacing:.4px}
.brandcard span{display:block;font-size:11.8px;color:#5b6b7a;margin-top:2px;min-height:28px}
.brandcard i{display:block;font-style:normal;font-size:12.6px;font-weight:700;color:#e35205;margin-top:5px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px}
.card{background:#fff;border:1px solid #e4e9ef;border-radius:12px;padding:11px;display:block}
.card:hover{border-color:#e35205;box-shadow:0 4px 16px rgba(15,42,68,.1)}
.card img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:8px}
.card b{display:block;margin-top:8px;font-size:15px;color:#0f2a44}
.card .d{font-size:12.8px;color:#5b6b7a}
.card .p{font-size:14px;font-weight:800;color:#e35205;margin-top:4px}
.panel{background:#fff;border:1px solid #e4e9ef;border-radius:14px;padding:18px 20px;margin:16px 0}
.gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.gal figure{margin:0;background:#fbfdff;border:1px solid #eef3f8;border-radius:10px;padding:8px}
.gal figcaption{font-size:12.4px;color:#5b6b7a;margin-bottom:6px}
.gal img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:6px}
table.spec{width:100%;border-collapse:collapse;margin:8px 0}
table.spec th,table.spec td{border:1px solid #e4e9ef;padding:9px 12px;font-size:14.6px}
table.spec th{background:#f2f7fb;color:#0f4c81;text-align:left;width:46%}
.badge{display:inline-block;background:#eef3f8;border:1px solid #d9e2ea;border-radius:999px;
 padding:3px 11px;font-size:12.6px;color:#31485c;margin:0 6px 6px 0}
.btn{display:inline-block;background:#e35205;color:#fff;border-radius:9px;padding:12px 20px;
 font-weight:800;margin:6px 8px 6px 0}
.btn:hover{color:#fff;background:#c94503}
.btn.alt{background:#0f4c81}
.btn.alt:hover{background:#0b3a63}
.lead{font-size:15.8px;color:#31485c;max-width:900px}
ul.ticks{margin:8px 0 8px 20px}ul.ticks li{margin:5px 0}
footer.site{background:#0f2a44;color:#cfe0ef;margin-top:36px;padding:28px 0 20px;font-size:14px}
footer.site a{color:#cfe0ef}footer.site h4{color:#fff;margin:0 0 8px;font-size:15px}
footer.site .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px}
.note{background:#fff8f2;border:1px solid #ffd9bd;border-left:4px solid #e35205;
 border-radius:10px;padding:12px 14px;margin:14px 0;font-size:14.4px}
.ok{color:#0e7c53;font-weight:700}