:root{--blue:#0f6fb0;--blue-d:#0b5487;--navy:#0d2b45;--red:#e3232b;--red-d:#bf1a21;--green:#1f8f4e;--gold:#f5b301;--ink:#1f2937;--mut:#5b6472;--line:#e5e7eb;--bg:#f5f7fa;--font:'Poppins',system-ui,-apple-system,Segoe UI,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);color:var(--ink);background:#fff;line-height:1.6;overflow-x:hidden}
a{color:var(--blue);text-decoration:none}a:hover{color:var(--red)}img{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.wrap{max-width:1280px;margin:0 auto;padding:0 20px}.narrow{max-width:900px}
.skip{position:absolute;left:-999px;top:6px;background:var(--red);color:#fff;padding:8px 14px;border-radius:6px;z-index:999}.skip:focus{left:8px}
/* top bar + header */
.topbar{background:var(--navy);color:#dbe7f3;font-size:13px}.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 20px}
.topbar a{color:#fff;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.topbar a b{color:var(--gold)}
@media(max-width:700px){.topbar span{display:none}.topbar .wrap{justify-content:center}}
.hdr{position:sticky;top:0;z-index:60;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.07)}
.hdr-in{display:flex;align-items:center;gap:18px;padding:10px 20px}
.logo{display:flex;align-items:center;gap:10px;color:var(--blue);flex-shrink:0}.logo img{height:70px;width:auto}
.logo-t{font-weight:800;font-size:22px;line-height:1;text-transform:uppercase;letter-spacing:.5px}.logo-t small{display:block;font-size:12px;letter-spacing:2.5px;color:var(--red)}
.search{flex:1;display:flex;max-width:620px;border:2px solid var(--blue);border-radius:999px;overflow:hidden}
.search input{flex:1;border:0;padding:11px 18px;font:inherit;font-size:15px;min-width:0}.search input:focus{outline:none}
.search button{background:var(--blue);color:#fff;border:0;padding:0 18px;cursor:pointer}
.hphone{display:flex;align-items:center;gap:8px;color:var(--ink);white-space:nowrap}.hphone svg{color:var(--red)}
.hphone b{display:block;font-size:17px;color:var(--navy)}.hphone small{display:block;font-size:11px;color:var(--mut);line-height:1}
.hlink{font-weight:600;font-size:14px;color:var(--ink)}
.hquote{background:var(--red);color:#fff!important;font-weight:700;padding:10px 18px;border-radius:999px;white-space:nowrap}.hquote:hover{background:var(--red-d)}
.burger{display:none;background:none;border:0;padding:6px;cursor:pointer}.burger span{display:block;width:24px;height:3px;background:var(--navy);margin:4px 0;border-radius:2px}
/* category bar */
.catbar{background:var(--blue)}.navl{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;padding:0 12px}
.ni{position:static}.nt{display:block;color:#fff;font-weight:600;font-size:14px;padding:12px 11px}.ni:hover>.nt,.ni:focus-within>.nt{background:var(--blue-d);color:#fff}
.nx{display:none}.m-only{display:none}
.mega{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.15);border-top:3px solid var(--red);max-height:70vh;overflow:auto}
.ni:hover>.mega,.ni:focus-within>.mega{display:block}
.mega-in{max-width:1280px;margin:0 auto;padding:22px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px 24px}
.mcol a,.mcol span{display:block;font-size:13.5px;color:var(--ink);padding:2px 0}.mcol a:hover{color:var(--red)}
.mcol .mh{font-weight:700;text-transform:uppercase;font-size:12.5px;letter-spacing:.8px;color:var(--blue);margin-bottom:4px}
.mall{grid-column:1/-1;font-weight:700;color:var(--red)}
@media(max-width:1020px){
 .hide-m{display:none}.burger{display:block}.hdr-in{flex-wrap:wrap;gap:10px;padding:8px 14px}
 .logo img{height:52px}.logo-t{font-size:17px}.logo-t small{font-size:10px}
 .hphone{margin-left:auto;background:var(--red);color:#fff;padding:8px 12px;border-radius:999px}.hphone svg{color:#fff}.hphone b{color:#fff;font-size:15px}.hphone small{display:none}
 .search{order:5;flex-basis:100%;max-width:none}
 .catbar{display:none;max-height:calc(100vh - 140px);overflow:auto}.hdr.open .catbar{display:block}
 .navl{flex-direction:column;padding:0}.ni{position:relative;border-bottom:1px solid rgba(255,255,255,.15)}
 .nt{padding:13px 18px;font-size:16px}.nx{display:block;position:absolute;right:6px;top:4px;background:none;border:0;color:#fff;font-size:26px;width:44px;height:40px;cursor:pointer}
 .ni:hover>.mega{display:none}.ni.open>.mega{display:block;position:static;box-shadow:none;max-height:none;border-top:0}
 .mega-in{grid-template-columns:1fr 1fr;padding:14px 18px}.m-only{display:block}
}
@media(max-width:420px){.logo-t{display:none}.mega-in{grid-template-columns:1fr}}
/* hero */
.hero{position:relative;background:linear-gradient(120deg,var(--navy),var(--blue));color:#fff}
.hero-in{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center;padding:56px 20px}
.home-hero .hero-in{padding:70px 20px;min-height:430px}
.hero h1,.hero .h1{font-size:clamp(32px,5vw,56px);line-height:1.08;margin:0 0 16px;font-weight:800}
.hero h1 span,.hero .h1 span{display:block;color:var(--gold)}
.lede{font-size:18px;max-width:640px;margin:0 0 26px;opacity:.95}.hero .lede a{color:#fff;text-decoration:underline}
.eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;background:rgba(255,255,255,.14);padding:6px 12px;border-radius:999px;margin-bottom:16px}
.hart img{width:100%;max-width:360px;margin:0 auto;border-radius:18px;background:#fff;padding:10px;box-shadow:0 20px 40px rgba(0,0,0,.3)}
.hbtns{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-block;background:var(--red);color:#fff!important;font-weight:700;padding:14px 26px;border-radius:999px;border:2px solid var(--red);cursor:pointer;font:inherit;font-weight:700;transition:transform .15s}
.btn:hover{transform:translateY(-2px);background:var(--red-d)}.btn.ghost{background:transparent;border-color:rgba(255,255,255,.7)}
.sec .btn.ghost,.two .btn.ghost{color:var(--blue)!important;border-color:var(--blue)}
.hstats{display:flex;gap:28px;flex-wrap:wrap;margin-top:28px}.hs b{display:block;font-size:26px;color:var(--gold)}.hs span{font-size:12px;opacity:.85;text-transform:uppercase;letter-spacing:1px}
.crumbs{font-size:13px;margin-bottom:14px;opacity:.9}.crumbs a{color:#fff;text-decoration:underline}.sec .crumbs,.sec .crumbs a{color:var(--mut)}
.slides{position:relative}.slide{display:none}.slide.on{display:block;animation:fade .6s}
@keyframes fade{from{opacity:0}to{opacity:1}}
.dots{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:3}.dots button{width:12px;height:12px;border-radius:50%;border:0;background:rgba(255,255,255,.45);cursor:pointer;padding:0}.dots button.on{background:#fff}
@media(max-width:800px){.hero-in{grid-template-columns:1fr;padding:36px 20px}.hart{display:none}.home-hero .hero-in{min-height:0;padding:44px 20px 60px}}
/* uvp */
.uvp{background:#fff;border-bottom:1px solid var(--line)}.uvp-in{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 20px}
.uvp-in div{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;font-size:24px}.uvp-in b{font-size:14px;color:var(--navy)}.uvp-in span{grid-column:2;font-size:12px;color:var(--mut);margin-top:-4px}
@media(max-width:800px){.uvp-in{grid-template-columns:1fr 1fr}}
/* sections */
.sec{padding:56px 0}.alt{background:var(--bg)}.shead{margin-bottom:26px;max-width:820px}.shead.center,.center{text-align:center;margin-left:auto;margin-right:auto}
.shead.row{display:flex;justify-content:space-between;align-items:flex-end;max-width:none;gap:20px}
h2{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:0 0 10px;color:var(--navy)}.shead p{color:var(--mut);margin:0}
h1.dark{color:var(--navy)}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.card h3{margin:0 0 6px;font-size:18px;color:var(--navy)}.card p{margin:0;color:var(--mut);font-size:15px}
.sgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.scard{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;background:#fff;border:2px solid var(--line);border-radius:14px;padding:16px;color:var(--ink);transition:border-color .2s,transform .2s}
.scard:hover{border-color:var(--red);transform:translateY(-2px)}.sic{grid-row:span 2;font-size:30px}.scard b{color:var(--navy)}.scard span:last-child{font-size:13px;color:var(--red);font-weight:600}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
.ccard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;text-align:center;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:6px;transition:box-shadow .2s,transform .2s}
.ccard:hover{box-shadow:0 10px 24px rgba(0,0,0,.1);transform:translateY(-3px)}.ccard img{height:120px;object-fit:contain}.ccard b{font-size:14.5px;color:var(--navy)}.ccard small{color:var(--red);font-weight:600}
.cic{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--bg);font-size:40px}
.poprow{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}
.pop{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--ink);padding:14px;border-radius:14px;transition:background .2s}.pop:hover{background:var(--bg)}
.pop img{width:130px;height:130px;object-fit:cover;border-radius:50%}.pop .cic{width:130px;height:130px;font-size:56px}.pop b{font-size:14px;color:var(--navy)}
.prow{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.prow.scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.prow.scroll .pcard{flex:0 0 210px;scroll-snap-align:start}
.pcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;color:var(--ink);display:flex;flex-direction:column;gap:6px}
.pcard:hover{box-shadow:0 10px 24px rgba(0,0,0,.1)}.pimg{aspect-ratio:1;display:grid;place-items:center;background:#fff}.pimg img{max-height:100%;object-fit:contain}
.pname{font-size:14px;font-weight:600;line-height:1.35;min-height:38px}.pprice{color:var(--red);font-weight:800}.pprice small{color:var(--mut);font-weight:400}
.pbtn{margin-top:auto;text-align:center;border:2px solid var(--blue);color:var(--blue);border-radius:999px;padding:6px;font-size:13px;font-weight:700}
.arrows{display:flex;gap:8px}.pa{width:42px;height:42px;border-radius:50%;border:2px solid var(--blue);background:#fff;color:var(--blue);font-size:22px;cursor:pointer}
.showrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.show{position:relative;border-radius:14px;overflow:hidden;color:#fff;aspect-ratio:4/3;background:var(--navy)}.show img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:transform .4s}.show:hover img{transform:scale(1.05)}
.show b{position:absolute;left:0;right:0;bottom:0;padding:14px;background:linear-gradient(transparent,rgba(0,0,0,.75));font-size:18px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px}@media(max-width:800px){.two{grid-template-columns:1fr}.shead.row{display:block}}
.checks{list-style:none;padding:0}.checks li{padding:6px 0 6px 30px;position:relative}.checks li::before{content:"✔";position:absolute;left:0;color:var(--green);font-weight:800}
.steps{padding-left:20px}.steps li{margin:8px 0}
.stats{background:var(--navy);color:#fff}.stats h2{color:#fff}.stats .shead p{color:#cbd8e6}.stats a{color:var(--gold)}
.statrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat{background:rgba(255,255,255,.07);border-radius:14px;padding:22px}.stat b{display:block;font-size:36px;color:var(--gold)}.stat span{font-size:14px;color:#dbe7f3}
.chips{display:flex;flex-wrap:wrap;gap:10px}.chips a{border:1px solid var(--line);background:#fff;padding:8px 14px;border-radius:999px;font-size:13.5px;color:var(--ink)}.chips a:hover{border-color:var(--red);color:var(--red)}
.tbl{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--line)}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line)}th{background:var(--navy);color:#fff;font-size:13px;letter-spacing:1px;text-transform:uppercase}td:last-child{color:var(--red);font-weight:700}
.note{font-size:13px;color:var(--mut)}
.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;font-weight:700;font-size:17px;color:var(--navy);list-style:none;display:flex;justify-content:space-between;gap:16px}.faq summary::after{content:"+";color:var(--red);font-size:24px;line-height:1}.faq details[open] summary::after{content:"–"}.faq-a{margin:10px 0 0;color:var(--mut)}
.qform{display:grid;gap:12px;background:var(--bg);padding:26px;border-radius:16px}.qform label{display:grid;gap:4px;font-size:13px;font-weight:600;color:var(--navy)}
.qform input,.qform select,.qform textarea{font:inherit;font-size:15px;padding:12px 14px;border:1px solid #cfd6df;border-radius:10px;background:#fff;width:100%}
.big{font-size:32px;font-weight:800;color:var(--red)}
.smgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;margin-top:24px}.smcol ul{padding-left:18px;font-size:14px}.smcol h2{font-size:20px}
/* cta + footer */
.cta-band{background:var(--red);color:#fff}.cta-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:36px 20px}.cta-band h2{color:#fff;margin:0 0 4px}.cta-band p{margin:0;opacity:.92}
.cta-band .btn{background:#fff;color:var(--red)!important;border-color:#fff}.cta-band .btn.ghost{background:transparent;color:#fff!important}.cta-btns{display:flex;gap:12px;flex-wrap:wrap}
.ftr{background:var(--navy);color:#c9d6e3;padding:50px 0 20px;font-size:14px}.ftr-in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
.fcol a{display:block;color:#c9d6e3;padding:3px 0}.fcol a:hover{color:#fff}.fcol h3{color:#fff;font-size:15px;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 12px}
.fbrand img{width:110px;background:#fff;border-radius:14px;padding:6px;margin-bottom:12px}.fbrand p a{display:inline;color:#fff}
.soc{display:flex;gap:14px}.soc a{display:inline;color:var(--gold)}
.fbot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px;font-size:12.5px}.fbot a{color:#fff}
@media(max-width:900px){.ftr-in{grid-template-columns:1fr 1fr}}@media(max-width:520px){.ftr-in{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
[hidden]{display:none!important}