:root{--navy:#0a1829;--navy2:#0f253e;--blue:#1170d6;--sky:#0db3f6;--green:#14b865;--green-dark:#0c9e53;--text:#162436;--muted:#637286;--line:#e0e8f2;--light:#f4f7fb;--white:#fff;--shadow:0 18px 60px rgba(11,30,57,.09);--round:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#fff;color:var(--text);font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.58;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;line-height:1.15;letter-spacing:-.035em}h2{font-size:clamp(30px,3.45vw,45px);font-weight:800}h3{font-weight:800}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.section{padding:92px 0}.eyebrow{display:inline-block;color:#0875bb;letter-spacing:.16em;font-size:12px;font-weight:800;margin-bottom:15px}.wa-icon{flex:none;display:inline-block}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1px solid transparent;border-radius:12px;padding:17px 22px;font-weight:800;line-height:1.25;text-align:center;transition:transform .2s,background .2s,box-shadow .2s;white-space:normal;min-height:56px}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #48c7ff;outline-offset:3px}.btn-green{background:var(--green);color:#fff;box-shadow:0 11px 24px rgba(4,156,84,.2)}.btn-green:hover{background:var(--green-dark)}.btn-outline{color:white;border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.04)}.btn-outline:hover{background:rgba(255,255,255,.13)}.btn-outline-dark{border-color:#d0ddea;color:var(--navy);background:white}.btn-white{color:#0c2a3d;background:#fff}.btn-white:hover{background:#effaff}.text-link{font-weight:800;display:inline-flex;align-items:center;gap:8px;color:#0c77bd}.text-link:hover{color:#07518c}
.site-header{position:sticky;z-index:40;top:0;background:#fff;border-bottom:1px solid #e9eef4;box-shadow:0 4px 18px rgba(14,33,49,.05)}.nav-inner{height:98px;display:flex;align-items:center;gap:28px}.brand{display:flex;gap:15px;align-items:center;flex:none}.brand img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(7,47,86,.12))}.brand-title{font-family:Manrope,sans-serif;font-size:22px;font-weight:900;line-height:1.04;letter-spacing:-.038em;white-space:nowrap;color:#10253d}.brand-title strong{color:#087bc0}.brand-title small{display:block;font-size:10px;letter-spacing:.27em;color:#7e8d9f;margin-top:8px;font-weight:800}.nav-links{display:flex;align-items:center;gap:23px;margin-left:auto}.nav-links a{font-size:13px;color:#3d5267;font-weight:800;white-space:nowrap}.nav-links a:hover{color:#0875bd}.nav-cta{display:flex;gap:8px;align-items:center;background:var(--navy);padding:13px 15px;color:#fff;border-radius:11px;font-size:12px;font-weight:800;white-space:nowrap}.nav-cta:hover{background:#12375b}.nav-cta .wa-icon{color:#35d285;width:17px;height:17px}.menu-toggle{display:none}
.hero{background:radial-gradient(ellipse at 72% 12%,#123b5b 0%,transparent 38%),linear-gradient(128deg,#081523 2%,#10263d 84%);color:white;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;left:-14%;bottom:-72%;width:550px;height:550px;border:1px solid rgba(24,182,254,.13);border-radius:50%;box-shadow:0 0 0 80px rgba(15,146,235,.03),0 0 0 180px rgba(15,146,235,.025)}.hero-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:34px;align-items:center;min-height:586px;padding-top:54px;padding-bottom:56px}.hero-copy{position:relative;z-index:2}.hero-overline{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(130,207,252,.3);border-radius:999px;padding:7px 12px;color:#a6dffe;background:rgba(0,134,208,.13);font-size:10px;font-weight:800;letter-spacing:.11em}.pulse{width:8px;height:8px;border-radius:50%;background:#32d89e;box-shadow:0 0 0 4px rgba(25,194,140,.15)}.hero h1{font-size:clamp(38px,4vw,59px);font-weight:800;margin:25px 0 21px;max-width:660px}.hero h1 span,.category-hero h1 span{display:block;color:#50bafb}.hero p{font-size:17px;color:#c8d5e3;max-width:600px;margin-bottom:30px}.hero-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.hero-actions .btn{min-width:169px}.hero-bullets{margin-top:32px;display:flex;flex-wrap:wrap;gap:10px 17px;color:#d6e6f2;font-size:12px;font-weight:700}.hero-bullets b{color:#3de1a1;margin-right:4px}.hero-footnote{display:block;margin-top:11px;font-size:10px;color:#9baec2}.hero-visual{position:relative;padding:15px 0 15px 8%;min-height:480px}.hero-photo{position:relative;margin:25px 0 0 auto;height:428px;width:96%;background:linear-gradient(135deg,#f4f9fd,#cfdeed);padding:19px;border-radius:30px;box-shadow:0 32px 80px rgba(0,0,0,.25);transform:rotate(-1.5deg);overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:18px;filter:contrast(1.05) saturate(.84)}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,22,37,.8),transparent 40%);pointer-events:none}.photo-overlay{position:absolute;bottom:35px;left:38px;z-index:2;font-weight:700;color:white;font-size:12px;letter-spacing:.12em}.photo-overlay b{display:block;font-size:22px;letter-spacing:-.025em}.hero-mini{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;background:white;color:#172f43;border-radius:14px;box-shadow:0 22px 44px rgba(0,0,0,.16);padding:10px 16px;font-size:12px;font-weight:800;line-height:1.3}.hero-mini b{display:block;font-size:10px;color:#657b8f;margin-top:3px}.hero-mini-top{top:1px;left:0}.hero-mini-top img{width:74px;height:65px;object-fit:contain}.hero-mini-bottom{bottom:0;right:0}.mini-circle{width:41px;height:41px;display:grid;place-items:center;border-radius:12px;background:#d9f9e7;color:var(--green-dark)}.trust-strip{background:#fff;border-bottom:1px solid #e6edf4}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:21px;padding-bottom:21px}.trust-grid span{font-size:12px;color:#41576e;font-weight:800;display:flex;align-items:center;gap:9px}.trust-grid b{color:#0b9fea;background:#e7f6ff;border-radius:8px;font-size:10px;padding:5px 7px}
.categories-section{background:#f7f9fc}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:29px}.section-top h2{margin-bottom:12px}.section-top p{max-width:590px;color:var(--muted);margin:0}.section-top .text-link{margin-bottom:10px;white-space:nowrap}.categories-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.category-card{background:white;border:1px solid #e2eaf4;border-radius:18px;overflow:hidden;min-width:0;box-shadow:0 8px 22px rgba(15,32,52,.025);transition:transform .2s,box-shadow .2s,border-color .2s}.category-card:hover{transform:translateY(-5px);border-color:#95d5f7;box-shadow:var(--shadow)}.category-card a{display:block;height:100%}.category-photo{height:168px;background:radial-gradient(circle at 70% 28%,#fff,#eef4fa);display:grid;place-items:center;overflow:hidden}.category-photo img{width:100%;height:100%;object-fit:contain;padding:19px;mix-blend-mode:multiply}.category-meta{display:flex;justify-content:space-between;align-items:center;gap:3px;padding:19px 15px 21px;min-height:111px}.category-meta h3{font-size:17px;margin-bottom:6px}.category-meta p{font-size:11px;color:#768597;margin:0;line-height:1.45}.category-arrow{color:#078ee5;flex:none;align-self:center}.photo-note{font-size:11px;color:#79889a;text-align:center;margin:20px auto 0}.airbag-art{width:100%;height:100%;background:linear-gradient(135deg,#e5f5ff,#f8fbff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px}.steering{height:104px;width:104px;border:11px solid #1c4c78;border-radius:50%;display:grid;place-items:center;position:relative;background:linear-gradient(135deg,#e6eff8,#c1daee);box-shadow:inset 0 0 0 4px #b6d7ec,0 13px 20px #b9d3e0}.steering:before,.steering:after{content:"";position:absolute;background:#1c4c78;width:12px;height:50px;bottom:2px;transform:rotate(47deg);z-index:0}.steering:after{transform:rotate(-47deg)}.steering-center{position:relative;z-index:1;display:grid;place-items:center;width:58px;height:58px;background:#0c2941;color:white;border:4px solid #40799f;border-radius:50%;font-size:9px;letter-spacing:.03em;font-weight:800}.airbag-small{color:#6e8da5;font-size:8px;font-weight:800;letter-spacing:.15em}.section-centered{text-align:center;max-width:725px;margin:0 auto 39px}.section-centered p{color:var(--muted);max-width:660px;margin:auto}.process-section{background:white}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{border:1px solid #e8eef5;border-radius:18px;padding:30px;background:linear-gradient(150deg,#fff,#fafdff)}.step-num{display:grid;place-items:center;background:#e2f4ff;color:#037bbf;width:46px;height:46px;border-radius:12px;font-size:15px;font-weight:800;margin-bottom:20px}.step h3{font-size:20px;margin-bottom:9px}.step p{color:var(--muted);font-size:14px;margin:0}.brands-section{background:#f4f8fb}.brands-section .container{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:center}.brands-copy p{color:var(--muted);max-width:370px}.brand-tags{display:flex;flex-wrap:wrap;gap:10px}.brand-tag{border:1px solid #dbe7f1;background:#fff;padding:9px 14px;border-radius:9px;font-size:12px;font-weight:800;color:#36495e;transition:.2s}.brand-tag:hover{border-color:#0c96da;background:#e7f6ff;color:#096ba3;transform:translateY(-2px)}.assurance{background:linear-gradient(115deg,#0a2b49,#0a729b);color:white}.assurance-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.assurance .eyebrow{color:#86e2ff}.assurance h2{max-width:670px;margin-bottom:14px}.assurance p{color:#d3e9f3;max-width:730px;margin:0}.assurance .btn{flex:none}.quote-section{background:radial-gradient(ellipse at 15% 15%,#e6f7ff,transparent 36%),#f5f8fb}.quote-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.quote-info{padding-top:45px}.quote-info h2{font-size:clamp(32px,3.7vw,48px);margin-bottom:20px}.quote-info h2 em{font-style:normal;color:#0b8fce}.quote-info>p{font-size:16px;color:var(--muted);max-width:485px}.check-list{list-style:none;padding:0;margin:25px 0 34px;display:grid;gap:14px}.check-list li{position:relative;padding-left:32px;font-weight:700;font-size:14px}.check-list li:before{content:'✓';display:grid;place-items:center;position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:#d6f7e7;color:#149456;font-weight:900;font-size:13px}.help-card{display:flex;gap:12px;align-items:center;padding:17px 16px;background:white;border:1px solid #dbe8f2;border-radius:14px;flex-wrap:wrap}.help-card .help-dot{width:12px;height:12px;flex:none;border-radius:50%;background:#16ca86;box-shadow:0 0 0 5px #e2faee}.help-card div{display:grid;flex:1;min-width:180px}.help-card b{font-size:13px}.help-card span:not(.help-dot){color:#748397;font-size:11px}.help-card a{display:flex;align-items:center;gap:5px;color:#0b8bba;font-weight:800;font-size:11px}.quote-form{background:white;border:1px solid #e2ebf4;border-radius:23px;padding:28px;box-shadow:0 28px 66px rgba(27,56,88,.08)}.form-top{display:flex;gap:12px;align-items:center;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e7edf4}.form-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#e4f5ff;color:#168ac4;font-weight:900}.form-top strong{display:block;font-size:19px;font-family:Manrope,sans-serif}.form-top small{font-size:12px;color:#7a8797}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#405068}.field.full{grid-column:1/-1}.field span{color:#d75151}.field input,.field select,.field textarea{border:1px solid #dfe8f0;border-radius:10px;padding:13px 12px;background:#fbfcff;color:#172f47;outline:0;min-height:49px;width:100%;font-size:13px;font-weight:500;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:75px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#16a3e6;box-shadow:0 0 0 4px rgba(21,161,229,.1)}.field input::placeholder,.field textarea::placeholder{color:#a1aebe}.form-submit{width:100%;margin-top:23px}.form-disclaimer{font-size:10px;color:#758497;text-align:center;margin:12px 0 0}
.category-hero{padding:24px 0 65px;background:linear-gradient(132deg,#f4f9fd,#edf4fb)}.crumbs{display:flex;align-items:center;gap:10px;color:#72869a;font-size:12px;font-weight:700;margin-bottom:38px}.crumbs a:hover{color:#138acb}.category-hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:62px;align-items:center}.cat-hero-content .hero-overline{background:#e7f5fd;border-color:#c2e3f8;color:#0977b1}.cat-hero-content h1{font-size:clamp(37px,4vw,54px);margin:23px 0}.cat-hero-content h1 span{color:#087cc0}.cat-hero-content>p{color:#627789;font-size:17px;max-width:600px;margin-bottom:28px}.compact-checks{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px;font-size:12px;font-weight:800;color:#5c7183}.cat-hero-art{position:relative}.category-product-photo{height:385px;padding:40px;border:1px solid #dce7f0;border-radius:28px;background:white;box-shadow:0 28px 50px rgba(20,52,84,.08);display:grid;place-items:center;overflow:hidden}.category-product-photo img{object-fit:contain;width:100%;height:100%}.category-product-photo .airbag-art{max-width:390px;max-height:300px;border-radius:15px}.category-product-photo .steering{height:190px;width:190px;border-width:17px}.category-product-photo .steering-center{height:90px;width:90px;font-size:15px}.category-product-photo .steering:before,.category-product-photo .steering:after{height:92px;width:20px}.category-product-photo .airbag-small{font-size:12px}.illustrative-label{position:absolute;right:22px;bottom:17px;background:rgba(11,36,59,.82);padding:7px 10px;border-radius:7px;color:white;letter-spacing:.1em;font-size:9px;font-weight:800}.mini-nav-bar{background:white;border-bottom:1px solid #e1eaf3}.mini-nav-bar .container{display:flex;gap:21px;align-items:center;flex-wrap:wrap;padding-top:18px;padding-bottom:18px;font-size:12px}.mini-nav-bar strong{color:#112b44}.mini-nav-bar a{font-weight:800;color:#147db9}.mini-nav-bar a:hover{text-decoration:underline}.category-text{padding:75px 0}.cat-text-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px}.cat-text-grid p{color:#657688}.cat-text-grid .text-link{margin-top:10px}.simple-hero{background:linear-gradient(128deg,#0a1a2e,#134e77);color:white;padding:90px 0}.narrow{max-width:840px}.simple-hero h1{font-size:clamp(36px,5vw,60px);margin-bottom:18px}.simple-hero p{font-size:17px;max-width:730px;color:#d4e4f1}.simple-hero .btn{margin-top:16px}.legal h2{font-size:25px;margin:35px 0 12px}.legal h2:first-child{margin-top:0}.legal p{color:#5f6c7a}.legal a{color:#0879bf;text-decoration:underline}.legal-small{font-size:12px;margin-top:38px}
.site-footer{background:#0b1829;color:#aab8c7;padding:67px 0 20px}.footer-grid{display:grid;grid-template-columns:1.6fr .7fr 1fr;gap:60px}.footer-brand{display:flex;align-items:center;gap:12px;color:white}.footer-brand img{width:60px;height:60px}.footer-brand strong{font-family:Manrope,sans-serif;font-size:17px}.footer-grid p{max-width:365px;margin:15px 0 0;font-size:13px;color:#a9b9ca}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px;font-size:13px}.footer-heading{font-size:14px;color:white;margin-bottom:12px}.footer-grid a:hover{color:#4ac2f8}.footer-grid span{line-height:1.6}.footer-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #213348;margin-top:55px;padding-top:20px;font-size:11px;color:#8498a8}.floating-wa{position:fixed;z-index:45;bottom:29px;right:24px;border-radius:40px;display:flex;align-items:center;gap:10px;color:white;background:#16ae61;padding:15px 18px;box-shadow:0 11px 38px rgba(4,95,49,.33);font-size:12px;font-weight:800}.floating-wa:hover{background:#06974f}.floating-wa .wa-icon{width:25px;height:25px}.mobile-bottom-cta{display:none}
@media(max-width:1150px){.nav-inner{gap:16px}.nav-links{gap:13px}.nav-links a{font-size:12px}.nav-cta{font-size:11px}.categories-grid{grid-template-columns:repeat(3,1fr)}.category-photo{height:195px}.hero-grid{grid-template-columns:1fr .9fr}.hero-visual{padding-left:0}.trust-grid{gap:8px}.trust-grid span{font-size:11px}.quote-layout{gap:38px}}
@media(max-width:920px){.site-header .nav-cta{margin-left:auto}.nav-links{position:absolute;display:none;top:98px;left:0;right:0;background:white;padding:20px 24px;flex-direction:column;align-items:stretch;gap:4px;box-shadow:0 12px 25px rgba(14,38,66,.12);margin:0}.nav-links.open{display:flex}.nav-links a{padding:12px;font-size:15px}.menu-toggle{order:3;display:grid;gap:5px;border:0;background:#edf6fa;padding:13px;border-radius:10px}.menu-toggle span{width:23px;height:2px;background:#153d55;display:block}.hero-grid{grid-template-columns:1fr .8fr;gap:12px}.hero-visual{min-height:380px}.hero-photo{height:350px}.hero-mini-top{left:-15px}.hero-mini-bottom{right:-15px}.trust-grid{grid-template-columns:repeat(2,1fr)}.brands-section .container{grid-template-columns:1fr;gap:24px}.category-hero-grid{gap:25px}.category-product-photo{height:320px}.quote-layout{grid-template-columns:1fr 1.1fr;gap:24px}.quote-info{padding-top:15px}.quote-form{padding:21px}.footer-grid{gap:30px}}
@media(max-width:720px){html{scroll-padding-top:90px}.container{width:min(100% - 36px,1180px)}.section{padding:64px 0}.nav-inner{height:88px}.site-header .nav-cta{display:none}.nav-links{top:88px}.brand{gap:12px}.brand img{width:64px;height:64px}.brand-title{font-size:18px;line-height:1.06}.brand-title small{font-size:9px;letter-spacing:.22em;margin-top:6px}.menu-toggle{margin-left:auto}.hero-grid{display:flex;flex-direction:column;padding-top:39px;padding-bottom:50px;gap:20px}.hero h1{font-size:clamp(35px,8vw,49px);margin:18px 0}.hero p{font-size:15px}.hero-overline{font-size:9px}.hero-actions{gap:10px}.hero-actions .btn{min-width:0}.hero-visual{width:100%;min-height:0;padding:0 10px 6px}.hero-photo{height:290px;width:93%;margin:18px auto 0;padding:12px}.hero-photo .photo-overlay{bottom:24px;left:25px;font-size:9px}.photo-overlay b{font-size:17px}.hero-mini-top{left:-4px}.hero-mini-bottom{right:-4px}.hero-mini{padding:8px 10px}.hero-mini-top img{width:50px;height:50px}.hero-footnote{font-size:10px}.trust-grid{grid-template-columns:1fr 1fr;padding:16px 0;gap:10px}.trust-grid span{font-size:10px}.trust-grid b{font-size:9px}.section-top{display:block;margin-bottom:20px}.section-top h2{font-size:34px}.section-top .text-link{margin-top:14px}.categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-photo{height:162px}.category-meta{min-height:102px;padding:16px 11px}.category-meta h3{font-size:16px}.category-meta p{font-size:11px}.steps-grid{grid-template-columns:1fr;gap:13px}.step{padding:23px}.step h3{font-size:19px}.brand-tags{gap:8px}.brand-tag{padding:8px 11px}.assurance-inner{display:block}.assurance .btn{margin-top:24px}.quote-layout{display:block}.quote-info{padding:0;margin-bottom:26px}.quote-info h2{font-size:36px}.quote-form{padding:20px}.form-grid{gap:12px}.field.full{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr;gap:34px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:7px}.floating-wa{display:none}.mobile-bottom-cta{display:block;position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.97);padding:10px 17px calc(10px + env(safe-area-inset-bottom));z-index:50;box-shadow:0 -5px 26px rgba(0,29,54,.15);border-top:1px solid #e6eef6}.mobile-bottom-cta .btn{width:100%;padding:13px 15px;min-height:49px;font-size:14px}.site-footer{padding-bottom:92px}.category-hero{padding:17px 0 35px}.category-hero-grid{display:flex;flex-direction:column;gap:30px}.crumbs{margin-bottom:22px}.cat-hero-content h1{font-size:37px}.cat-hero-content>p{font-size:15px}.cat-hero-art{width:100%}.category-product-photo{height:290px}.compact-checks{gap:6px 12px}.mini-nav-bar .container{gap:12px}.cat-text-grid{grid-template-columns:1fr;gap:0}.category-text{padding:58px 0}.simple-hero{padding:66px 0}.simple-hero h1{font-size:36px}}
@media(max-width:390px){.container{width:calc(100% - 30px)}.brand-title{font-size:15px;line-height:1.04}.brand-title small{font-size:8px;letter-spacing:.17em}.brand img{width:50px;height:50px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.hero-photo{height:235px}.hero-mini-bottom{bottom:0}.category-photo{height:132px}.category-meta h3{font-size:14px}.category-meta p{font-size:10px}.form-grid{grid-template-columns:1fr}.field{grid-column:1/-1}.quote-form{padding:15px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid span{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* André Auto Peças — V2 visual cinematográfico, slider acessível e componentes de foto */
.hero-showcase{isolation:isolate;min-height:670px;background:#061523;overflow:hidden;color:#fff}
.hero-showcase:before{display:none}
.hero-slides{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.1s ease-in-out,transform 7s ease;transform:scale(1.035)}
.hero-slide.is-active{opacity:1;transform:scale(1)}
.hero-showcase:after{content:"";z-index:-1;inset:0;position:absolute;background:linear-gradient(180deg,transparent 65%,rgba(2,16,29,.57) 100%);pointer-events:none}
.hero-main{position:relative;display:flex;align-items:center;min-height:612px;padding-top:70px;padding-bottom:45px}
.hero-main .hero-copy{max-width:645px;flex:1}
.hero-showcase .hero-overline{color:#a8e6ff;border-color:rgba(94,191,240,.42);background:rgba(7,63,97,.62);padding:11px 16px;font-size:11px;letter-spacing:.09em}
.hero-showcase h1{font-family:Manrope,system-ui,sans-serif;font-size:clamp(48px,5.25vw,79px);line-height:1.04;letter-spacing:-.055em;max-width:730px;font-weight:900;margin:29px 0 24px;text-wrap:balance;text-shadow:0 3px 21px rgba(1,8,16,.33)}
.hero-showcase h1 span{color:#46baff;display:block}
.hero-showcase p{max-width:535px;color:#e1ebf2;font-size:18px;line-height:1.6;text-shadow:0 2px 9px rgba(0,0,0,.3);margin-bottom:30px}
.hero-showcase p strong{font-weight:650;color:#fff}
.hero-showcase .hero-actions{gap:13px}
.hero-showcase .hero-actions .btn{padding:18px 24px;min-height:63px;border-radius:12px;font-size:16px}
.hero-showcase .hero-actions .btn-green{min-width:280px;background:#0bb968;box-shadow:0 14px 38px rgba(0,167,100,.25)}
.hero-showcase .hero-actions .btn-outline{background:rgba(11,25,42,.49);backdrop-filter:blur(6px);border-color:#96acc0;min-width:149px}
.cta-arrow{margin-left:auto;font-size:20px}
.hero-showcase .hero-bullets{max-width:680px;margin-top:37px;gap:10px 24px;font-size:12px;color:#f0f6fb}
.hero-showcase .hero-footnote{font-size:10px;color:#c6d6e2}
.hero-stamp{position:absolute;right:10px;bottom:102px;background:rgba(4,23,37,.68);border:1px solid rgba(181,220,244,.36);backdrop-filter:blur(7px);display:block;padding:12px 18px;border-radius:12px;color:#b6c9d7;font-size:10px;letter-spacing:.13em;line-height:1.45}
.hero-stamp strong{display:block;color:#fff;font-size:14px;letter-spacing:.08em}
.hero-pagination{height:58px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4;margin-top:-2px}
.hero-dots{display:flex;gap:9px;align-items:center}
.hero-dot{height:8px;width:24px;padding:0;border:none;border-radius:20px;background:rgba(255,255,255,.43);transition:.3s}
.hero-dot.is-active{width:46px;background:#3cbdff}
.hero-slider-nav{display:flex;align-items:center;gap:12px;color:#e1eef7;font-size:10px;font-weight:800;letter-spacing:.17em}
.hero-slider-nav button{color:#fff;border:1px solid rgba(230,246,255,.45);width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:26px;background:rgba(3,27,44,.5);line-height:1}
.hero-slider-nav button:hover{background:#0b90d7}
.visual-categories{background:#fff;padding:20px 0 24px;border-bottom:1px solid #e9eef5}
.visual-categories-inner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.visual-cat{display:flex;align-items:center;gap:10px;min-width:0;background:linear-gradient(125deg,#f4f8fd,#fff);border:1px solid #dfe9f2;box-shadow:0 6px 18px rgba(19,44,67,.045);border-radius:14px;padding:10px 10px;transition:transform .2s,border-color .2s}
.visual-cat:hover{transform:translateY(-3px);border-color:#62c0ef}
.visual-cat img{width:65px;height:58px;object-fit:contain;flex:none;mix-blend-mode:multiply}
.visual-cat span:not(.visual-cat-symbol){font-size:12px;font-weight:800;color:#1e344a;line-height:1.25}
.visual-cat b{margin-left:auto;color:#168bc5;font-size:17px;font-weight:700}
.visual-cat-symbol{width:65px;height:58px;flex:none;border-radius:10px;background:radial-gradient(circle,#9bc8e5 0%,#17466a 54%,#102941 55%);color:white;font-size:35px;display:grid;place-items:center}
@media(max-width:920px){.hero-showcase{min-height:635px}.hero-main{min-height:580px}.hero-showcase h1{font-size:clamp(44px,7vw,62px)}.hero-main .hero-copy{max-width:590px}.hero-stamp{display:none}.visual-cat img,.visual-cat-symbol{width:43px;height:47px}.visual-cat{gap:5px}.visual-cat span:not(.visual-cat-symbol){font-size:10px}}
@media(max-width:720px){.hero-showcase{min-height:0}.hero-slide{background-position:61% center}.hero-main{min-height:585px;padding-top:54px;padding-bottom:18px;align-items:start}.hero-main .hero-copy{max-width:100%}.hero-showcase .hero-overline{font-size:9px;line-height:1.3;padding:8px 11px;letter-spacing:.045em}.hero-showcase h1{font-size:clamp(40px,9.5vw,57px);margin:23px 0 22px;line-height:1.08;max-width:95%}.hero-showcase p{font-size:15px;line-height:1.55;max-width:96%;margin-bottom:25px}.hero-showcase .hero-actions{display:flex;flex-direction:column;align-items:stretch}.hero-showcase .hero-actions .btn{min-height:54px;padding:13px 17px;font-size:15px;width:100%}.hero-showcase .hero-actions .btn-green,.hero-showcase .hero-actions .btn-outline{min-width:0}.hero-showcase .hero-bullets{margin-top:25px;gap:7px 14px;font-size:11px}.hero-showcase .hero-footnote{font-size:9px;margin-top:7px}.hero-pagination{height:50px}.hero-slider-nav span{display:none}.hero-slider-nav{gap:8px}.hero-slider-nav button{width:30px;height:30px}.visual-categories{padding:16px 0}.visual-categories-inner{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:thin;gap:9px}.visual-cat{scroll-snap-align:start;flex:0 0 155px;gap:8px;padding:8px}.visual-cat img,.visual-cat-symbol{height:48px;width:48px}.visual-cat span:not(.visual-cat-symbol){font-size:11px}.hero-showcase:after{background:linear-gradient(180deg,rgba(2,13,26,.16),rgba(2,13,26,.05) 64%,rgba(2,13,26,.72) 100%)}}
@media(max-width:390px){.hero-main{min-height:570px;padding-top:40px}.hero-showcase h1{font-size:39px}.hero-showcase .hero-overline{font-size:8px}.hero-showcase p{font-size:14px}.hero-showcase .hero-bullets{margin-top:18px}.hero-showcase .hero-actions .btn{font-size:14px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-dot{transition:none;transform:none}}

/* André Auto Peças – Nacional: hubs informativos + landing pages específicas */
.seo-directory-hero{background:linear-gradient(105deg,#071826,#0b3857);color:#fff;padding:54px 0 62px}
.seo-directory-hero h1{max-width:800px;font-size:clamp(38px,5vw,65px);margin:14px 0 21px}
.seo-directory-hero p{max-width:700px;color:#d7ecf5;font-size:17px}
.seo-category-hero{background:linear-gradient(115deg,#081c2d,#0c3a59);color:#fff;padding:50px 0 62px}
.seo-hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(200px,.65fr);align-items:center;gap:44px}
.seo-hero-grid h1{font-size:clamp(34px,4.4vw,59px);line-height:1.09;margin:16px 0 22px;max-width:850px}
.seo-hero-grid p{color:#dbe7f3;font-size:16px;max-width:700px}
.seo-hero-grid .btn{margin-top:8px}
.seo-hero-image{width:100%;max-height:270px;object-fit:contain;filter:drop-shadow(0 15px 23px rgba(0,0,0,.18));background:radial-gradient(ellipse at center,rgba(246,253,255,.95),rgba(213,235,249,.85));padding:23px;border-radius:24px}
.seo-breadcrumb{color:#b4d2e2;display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:11px;margin-bottom:22px}
.seo-breadcrumb a:hover{text-decoration:underline;color:white}
.seo-eyebrow{font-size:11px;font-weight:900;letter-spacing:.18em;color:#73ddff}
.seo-main{padding-top:52px;padding-bottom:85px;display:grid;gap:23px}
.seo-panel{border:1px solid #dce8f0;border-radius:18px;background:#fff;padding:27px 29px;box-shadow:0 9px 32px rgba(5,30,59,.035)}
.seo-panel h2{font-size:clamp(20px,2.5vw,28px);color:#0d2844;margin:0 0 15px}
.seo-panel p{color:#586b7e;font-size:14px;line-height:1.75;margin-bottom:12px}
.seo-chips{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0 0}
.seo-chip{display:inline-flex;gap:9px;align-items:center;border:1px solid #cbddeb;background:#f7fbfe;border-radius:10px;padding:11px 14px;font-weight:800;font-size:12px;color:#17537c;transition:.2s}
.seo-chip:hover{background:#e8f7ff;border-color:#72bcdf;transform:translateY(-1px)}
.seo-content-cols{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start;gap:24px}
.seo-content-cols>div{display:grid;gap:20px}
.seo-aside{position:sticky;top:115px}
.seo-checks{list-style:none;margin:14px 0 21px;padding:0;display:grid;gap:10px}
.seo-checks li{color:#334960;padding-left:25px;position:relative;font-size:14px}
.seo-checks li:before{content:'✓';color:#089e77;font-weight:900;position:absolute;left:0}
.seo-steps{padding-left:21px;color:#354e63;font-size:14px;line-height:1.75;display:grid;gap:9px}
.seo-quote-form{background:#fff;border:2px solid #b8e8fa;border-radius:20px;padding:27px 23px;box-shadow:0 23px 60px rgba(13,56,92,.09)}
.seo-form-title{display:grid;margin-bottom:21px;padding-bottom:15px;border-bottom:1px solid #e1eaf3}
.seo-form-title strong{font-size:22px;line-height:1.25;color:#0c2b4a;font-family:Manrope,system-ui,sans-serif}
.seo-form-title small,.seo-small{font-size:11px;line-height:1.6;color:#667b8d}
.seo-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.seo-form-grid label{display:flex;flex-direction:column;gap:6px;font-weight:800;font-size:12px;color:#364b60}
.seo-form-grid input{min-width:0;width:100%;height:43px;border:1px solid #d8e3ed;background:#fbfdff;border-radius:9px;padding:9px 11px;font-size:12px;font-weight:500}
.seo-full{grid-column:1/-1}
.seo-form-button{width:100%;font-size:14px;margin:20px 0 10px}
.seo-navigation-callout{background:#eaf7fd;padding:33px 0;border-top:1px solid #c9eaf8;border-bottom:1px solid #c9eaf8}
.seo-callout-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}
.seo-callout-inner h2{font-size:25px;margin:0 0 8px}
.seo-callout-inner p{margin:0;color:#547184;max-width:620px;font-size:13px}
.seo-callout-inner .btn{white-space:nowrap}
@media(max-width:920px){.seo-content-cols{grid-template-columns:1fr}.seo-aside{position:static}.seo-hero-grid{grid-template-columns:1fr 220px;gap:17px}}
@media(max-width:720px){.seo-directory-hero{padding:42px 0}.seo-category-hero{padding:38px 0 48px}.seo-hero-grid{display:flex;flex-direction:column;align-items:stretch}.seo-hero-image{max-height:170px;max-width:330px;align-self:center}.seo-main{padding-top:30px;gap:14px;padding-bottom:56px}.seo-panel{padding:21px 17px}.seo-form-grid{grid-template-columns:1fr 1fr}.seo-quote-form{padding:20px 15px}.seo-callout-inner{flex-direction:column;align-items:flex-start}.seo-callout-inner .btn{white-space:normal;width:100%}}
@media(max-width:370px){.seo-form-grid{grid-template-columns:1fr}.seo-full{grid-column:auto}}

/* Identidade automobilística no diretório nacional: imagem local otimizada, texto sempre legível */
.seo-directory-hero{background:linear-gradient(90deg,rgba(4,20,36,.97) 0%,rgba(5,26,45,.87) 46%,rgba(7,32,53,.50) 100%),url('/assets/hero-estoque.webp') center center/cover no-repeat}
@media(max-width:720px){.seo-directory-hero{background:linear-gradient(90deg,rgba(5,22,38,.94),rgba(6,28,49,.77)),url('/assets/hero-estoque.webp') center/cover no-repeat}}