@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--green:#8cff24;--green-2:#65cc14;--bg:#050706;--surface:#0b0f0c;--surface-2:#101610;--line:#283126;--text:#f6f8f5;--muted:#aeb7ae;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(var(--max),92%);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.top{position:sticky;top:0;z-index:20;background:rgba(5,7,6,.9);border-bottom:1px solid #1d241d;backdrop-filter:blur(16px)}.nav{min-height:80px;display:flex;align-items:center;gap:28px}.logo{width:200px;max-width:38vw;display:block}.nav nav{display:flex;gap:22px;margin-left:auto}.nav nav a{font-size:.88rem;color:#d9ded9}.nav nav a:hover,.nav nav a:focus-visible{color:var(--green)}.menu-button{display:none}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 22px;border:1px solid var(--green);border-radius:8px;background:var(--green);color:#071006;font-weight:800;cursor:pointer;transition:.2s transform,.2s background}.button:hover{background:#a3ff5b;transform:translateY(-2px)}.button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}.button-small{min-height:42px;padding:0 16px}.button-ghost{background:transparent;color:#fff}.hero{overflow:hidden;background:radial-gradient(circle at 80% 25%,rgba(93,180,25,.2),transparent 30%),linear-gradient(125deg,#040605,#0a100c)}.hero-grid{min-height:620px;display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}.eyebrow{display:inline-block;color:var(--green);font-size:.78rem;font-weight:800;letter-spacing:.14em}.hero h1,.section h2{font-family:"Barlow Condensed",Impact,sans-serif;font-size:clamp(3.6rem,7vw,6.4rem);line-height:.86;letter-spacing:-.02em;text-transform:uppercase;margin:18px 0}.section h2{font-size:clamp(2.7rem,5vw,4.7rem)}em{color:var(--green);font-style:normal}.hero-copy>p{max-width:620px;font-size:1.18rem;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.benefits{display:flex;gap:24px;flex-wrap:wrap;padding:0;margin:0;list-style:none;font-size:.88rem;color:#dce3dc}.benefits li:before{content:"✓";color:var(--green);font-weight:900;margin-right:7px}.hero-art{position:relative}.hero-art:before{content:"";position:absolute;inset:10% -12% -10% 20%;border:1px solid #33412f;transform:skew(-8deg)}.hero-art img{position:relative;width:100%;display:block;border-radius:18px;filter:saturate(.92) contrast(1.07)}.section{padding:92px 0}.section-dark{background:#090c09;border-block:1px solid #141a14}.consult-card{background:linear-gradient(145deg,#101610,#080b09);border:1px solid #384433;border-radius:20px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.26)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}.section-heading.compact{align-items:center;padding-bottom:25px;border-bottom:1px solid var(--line)}.section-heading h2{margin:8px 0 0}.section-heading p{max-width:420px;color:var(--muted)}.compact h2{font-size:clamp(2.6rem,4.5vw,4rem)}.compact p{margin:8px 0 0}.secure{color:var(--green);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.form-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:34px;padding:25px 0}.field label,legend{display:block;margin-bottom:10px;font-size:.9rem;font-weight:700}fieldset{padding:0;border:0;margin:0}.field input{width:100%;height:62px;border:1px solid #4d5b49;border-radius:8px;padding:0 18px;background:#f6f8f5;color:#101510;font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.field small{display:block;color:#899389;margin-top:8px}.error{display:block;min-height:24px;color:#ff9d8c;font-size:.87rem;margin-top:2px}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.choice input{position:absolute;opacity:0}.choice span{display:grid;place-items:center;height:62px;border:1px solid #3b4638;border-radius:8px;background:#0a0e0b;font-weight:700;cursor:pointer}.choice input:checked+span{border-color:var(--green);background:rgba(140,255,36,.1);color:var(--green)}.choice input:focus-visible+span{outline:3px solid #fff;outline-offset:2px}.submit{min-width:240px}.success{margin-top:22px;padding:18px;border-left:4px solid var(--green);background:#131b12;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.success[hidden]{display:none}.success span{color:var(--muted)}.success a{margin-left:auto;color:var(--green);font-weight:800}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category{min-height:220px;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:.2s transform,.2s border}.category:hover{transform:translateY(-4px);border-color:var(--green)}.category>span{font-family:"Barlow Condensed",sans-serif;font-size:2rem;color:var(--green)}.category h3{font-size:1.25rem;margin:28px 0 5px}.category p{color:var(--muted);font-size:.9rem;margin:0 0 16px}.category b,.text-link{color:var(--green);font-size:.88rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.split>div>p{color:var(--muted);font-size:1.05rem;max-width:580px}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-list div{min-height:145px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.service-list b{display:block;color:var(--green);margin-bottom:8px}.service-list span{color:var(--muted);font-size:.9rem}.promos{display:grid;grid-template-columns:1fr 1fr;gap:18px}.promos img{width:100%;display:block;border-radius:16px}.values{display:grid;gap:10px}.values article{display:flex;gap:20px;padding:20px;border:1px solid var(--line);border-radius:12px}.values article>span{color:var(--green);font-family:"Barlow Condensed",sans-serif;font-size:1.7rem}.values b{font-size:1.05rem}.values p{margin:3px 0 0;color:var(--muted);font-size:.9rem}footer{padding:54px 0 20px;border-top:1px solid var(--line);background:#030403}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1.5fr 1fr;gap:32px}.footer-grid p,.copy{color:#9da69d;font-size:.86rem}.footer-grid a:hover{color:var(--green)}.copy{margin-top:34px;padding-top:18px;border-top:1px solid #1c211c}.float-wa{position:fixed;right:20px;bottom:20px;z-index:15;display:flex;gap:12px;align-items:center;padding:12px 15px;border-radius:999px;background:var(--green);color:#061006;font-size:.86rem;font-weight:900;box-shadow:0 10px 30px #0009}.float-wa b{font-size:1.1rem}
@media(max-width:900px){.nav{min-height:70px}.menu-button{display:grid;margin-left:auto;width:44px;height:44px;padding:10px;gap:4px;align-content:center;border:1px solid #3b4638;border-radius:8px;background:#0a0e0b}.menu-button span{display:block;height:2px;background:#fff}.desktop-wa{display:none}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;padding:18px 4%;background:#080b09;border-bottom:1px solid var(--line);flex-direction:column;gap:0}.nav nav.open{display:flex}.nav nav a{padding:12px 0;border-bottom:1px solid #181e18}.hero-grid,.split{grid-template-columns:1fr}.hero-grid{padding:60px 0}.hero-art{order:-1;max-width:660px}.hero-art img{max-height:350px;object-fit:cover}.form-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.section-heading{align-items:start;flex-direction:column;gap:8px}.secure{display:none}}
@media(max-width:600px){.logo{width:170px}.hero h1{font-size:3.8rem}.hero-grid{min-height:auto}.section{padding:64px 0}.consult-card{padding:20px}.choice-grid{grid-template-columns:1fr 1fr}.submit{width:100%}.cards,.service-list,.promos,.footer-grid{grid-template-columns:1fr}.category{min-height:190px}.split{gap:38px}.float-wa span{display:none}.float-wa{width:52px;height:52px;justify-content:center;padding:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:25px 0 12px}.span-2{grid-column:span 2}.field label small{display:inline;color:#899389;font-weight:500}.field input,.field select{width:100%;height:56px;border:1px solid #4d5b49;border-radius:8px;padding:0 15px;background:#f6f8f5;color:#101510;font-size:1rem;font-weight:700;text-transform:none;letter-spacing:0}.field input:focus,.field select:focus{border-color:var(--green)}.field input[aria-invalid="true"],.field select[aria-invalid="true"]{border-color:#ff7f6e;background:#fff5f3}.field small{font-size:.78rem}.error{min-height:22px;font-size:.8rem}.product-fieldset{padding-top:14px}.choice span{height:56px}.form-actions{display:flex;align-items:center;gap:20px;margin-top:10px}.form-actions p{margin:0;color:#899389;font-size:.8rem}.search-result{margin-top:25px;padding:24px;border:1px solid var(--green);border-radius:14px;background:#111a10;display:flex;align-items:center;justify-content:space-between;gap:25px}.search-result[hidden]{display:none}.search-result h3{margin:5px 0;font-size:1.3rem}.search-result p{margin:0;color:var(--muted)}
@media(max-width:900px){.vehicle-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.search-result{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.vehicle-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.form-actions{align-items:stretch;flex-direction:column}}
select{font:inherit}
button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}
#homeSearchStatus{font-size:.875rem;color:var(--muted)}

/* AutoFAS: editorial layout and supplied campaign carousel */
.hero-grid{gap:64px;padding-block:56px;min-height:680px}
.hero h1{font-size:clamp(3.5rem,6.5vw,5.8rem);line-height:1}
.section h2{line-height:1.05}
.eyebrow,.secure{font-size:.875rem;letter-spacing:.1em}
.nav nav{gap:18px}.nav nav a{font-size:.875rem}
.brand-carousel{min-width:0;border:1px solid #35402f;background:#090b09;border-radius:16px;overflow:hidden;box-shadow:0 24px 64px #0005}
.carousel-stage{aspect-ratio:1;position:relative;background:#080808}
.brand-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s;pointer-events:none}
.brand-slide.is-active{opacity:1;visibility:visible}
.brand-slide img{display:block;width:100%;height:100%;object-fit:contain}
.carousel-bar{display:flex;align-items:center;gap:12px;padding:14px 18px;border-top:1px solid var(--line)}
.carousel-bar button{min-width:44px;min-height:44px;border:1px solid #45503e;border-radius:6px;background:transparent;color:white;cursor:pointer;font:600 .875rem Inter,Arial,sans-serif}
.carousel-bar button:hover{border-color:var(--green);color:var(--green)}
.carousel-bar [data-pause]{margin-left:auto;padding:0 14px}
.carousel-bar [data-counter]{font-size:.875rem;color:#cbd3c9;font-variant-numeric:tabular-nums}
.carousel-caption{margin:0;padding:0 18px 16px;min-height:60px;font-size:.875rem;color:var(--muted)}
.technical-note{font-size:.875rem;color:#dbe6d3;border-left:3px solid var(--green);padding:12px 16px;background:#172013}
.editorial-list article{padding:24px 0;border-bottom:1px solid var(--line)}
.editorial-list article:first-child{padding-top:0}
.editorial-list span{font-size:.875rem;font-weight:700;color:var(--green)}
.editorial-list h3{font-size:1.3rem;margin:8px 0}
.editorial-list p{color:var(--muted);margin:0;line-height:1.7}
.popular-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.popular-card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.popular-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#edf0ec}
.popular-card div{padding:22px}.popular-card h3{margin:0 0 6px;font-size:1.3rem}
.popular-card p{color:var(--muted);font-size:.9rem;margin:0 0 18px}
.photo-credits{margin-top:22px;color:var(--muted);font-size:.875rem}.photo-credits summary{cursor:pointer}
.photo-credits a{text-decoration:underline}.photo-credits ul{padding-left:20px}
@media(max-width:1100px){.desktop-wa{display:none}.nav{gap:16px}.hero-grid{gap:32px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr 1fr;padding-block:40px}.hero h1{font-size:3.6rem}.benefits{gap:12px}.hero-copy>p{font-size:1rem}.popular-grid{gap:14px}.popular-card div{padding:16px}}
@media(max-width:680px){.hero-grid{grid-template-columns:1fr;gap:28px}.hero h1{font-size:3.5rem}.brand-carousel{width:100%;max-width:520px;margin:auto}.hero-grid .actions{margin:22px 0}.popular-grid{grid-template-columns:1fr}.popular-card img{aspect-ratio:16/9}.section{padding:58px 0}.float-wa{bottom:14px;right:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand-slide{transition:none}}
.oil-search-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:25px 0 8px}.field select:disabled{background:#cfd4cf;color:#687068;cursor:not-allowed}.data-status{min-height:24px;margin-top:14px;color:var(--muted);font-size:.84rem}.data-status.error-state{color:#ff9d8c}.oil-results{margin-top:30px;padding-top:28px;border-top:1px solid var(--line)}.oil-results[hidden]{display:none}.results-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.results-heading h3{margin:5px 0 0;font-size:1.4rem}.results-count{color:var(--green);font-weight:800}.results-list{display:grid;gap:14px}.oil-result-card{padding:22px;border:1px solid #344032;border-radius:14px;background:#080c09}.oil-result-top{display:flex;align-items:start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}.oil-result-top h4{margin:0 0 3px;font-size:1.15rem}.oil-result-top p{margin:0;color:var(--muted);font-size:.88rem}.oil-volume{min-width:92px;padding:9px 12px;border-radius:8px;background:rgba(140,255,36,.1);color:var(--green);text-align:center;font-weight:800}.oil-products{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.oil-product{padding:16px;border-radius:10px;background:#111712}.oil-product b{display:block;margin-bottom:8px;color:var(--green);font-size:.8rem;letter-spacing:.08em}.oil-product ul{list-style:none;margin:0;padding:0}.oil-product li{font-size:.87rem;color:#dce3dc}.oil-product li+li{margin-top:7px;padding-top:7px;border-top:1px solid #293028}.oil-result-actions{display:flex;justify-content:flex-end}.oil-result-actions .button{min-height:44px;font-size:.88rem}.technical-note{margin:18px 0 0;color:#899389;font-size:.78rem}.empty-result{padding:22px;border:1px solid #544631;border-radius:12px;background:#17130d}.empty-result h4{margin:0 0 6px}.empty-result p{margin:0;color:var(--muted)}
@media(max-width:900px){.oil-search-grid{grid-template-columns:1fr 1fr}.oil-products{grid-template-columns:1fr}.oil-result-top{align-items:flex-start}}
@media(max-width:600px){.oil-search-grid{grid-template-columns:1fr}.results-heading,.oil-result-top{align-items:flex-start;flex-direction:column}.oil-volume{min-width:0}.oil-result-actions .button{width:100%}}
