@charset "UTF-8";
@view-transition{navigation:auto}
::view-transition-old(root){animation:vt-out .32s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:vt-in .38s cubic-bezier(0,0,.2,1) both}
@keyframes vt-out{to{opacity:0;transform:scale(.99)}}
@keyframes vt-in{from{opacity:0;transform:translateY(10px)}}
.skip-link{position:fixed;left:14px;top:-60px;z-index:5000;background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:12px;font-weight:800;transition:.25s}
.skip-link:focus{top:14px}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:6px}
:root{--bg:#f3f3ef;--surface:#fff;--surface-2:#e8e8e3;--ink:#111318;--muted:#73767e;--line:rgba(17,19,24,.12);--lime:#c9ff45;--violet:#7664ff;--cyan:#00d8ff;--orange:#ff784f;--red:#ff4c59;--radius:28px;--shadow:0 28px 100px rgba(20,22,30,.14);--header:82px;--max:1500px}
[data-theme=dark]{--bg:#0c0e12;--surface:#15181e;--surface-2:#20242c;--ink:#f5f6f2;--muted:#a4a7af;--line:rgba(255,255,255,.13);--shadow:0 35px 100px rgba(0,0,0,.55)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;overflow-x:hidden}body.lock{overflow:hidden}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--lime);color:#111}
.container{width:min(calc(100% - 44px),var(--max));margin:auto}.narrow{width:min(calc(100% - 36px),980px);margin:auto}.section{padding:96px 0}.section-sm{padding:58px 0}.grid{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.row{display:flex;align-items:center;gap:12px}.between{display:flex;align-items:center;justify-content:space-between;gap:18px}.stack{display:flex;flex-wrap:wrap;gap:10px}.muted{color:var(--muted)}.tiny{font-size:.73rem}.eyebrow{display:flex;align-items:center;gap:10px;font-size:.7rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:2px;background:currentColor}.display{font-size:clamp(4rem,10vw,10rem);line-height:.79;letter-spacing:-.08em;font-weight:950;margin:0}.title-xl{font-size:clamp(3rem,7vw,7rem);line-height:.88;letter-spacing:-.07em;margin:0}.title-lg{font-size:clamp(2.2rem,4.7vw,4.8rem);line-height:.94;letter-spacing:-.055em;margin:0}.title-md{font-size:clamp(1.55rem,2.5vw,2.8rem);line-height:1;letter-spacing:-.04em;margin:0}.lead{font-size:clamp(1rem,1.7vw,1.3rem);color:var(--muted);max-width:760px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 15px 50px rgba(15,17,23,.06)}.pill{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);font-size:.73rem;font-weight:850}.btn{border:0;min-height:48px;border-radius:999px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--ink);color:var(--bg);font-weight:900;transition:.4s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;isolation:isolate}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.35) 40%,transparent 60%);transform:translateX(-120%);transition:transform .7s cubic-bezier(.2,.8,.2,1);z-index:-1}.btn:hover:before{transform:translateX(120%)}.btn:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(0,0,0,.2)}.btn.lime{background:var(--lime);color:#111}.btn.violet{background:var(--violet);color:#fff}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.soft{background:var(--surface-2);color:var(--ink)}.btn.small{min-height:38px;padding:0 14px;font-size:.8rem}.btn.full{width:100%}.icon-btn{width:45px;height:45px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;transition:.25s;position:relative}.icon-btn:hover,.icon-btn.active{background:var(--ink);color:var(--bg);transform:translateY(-2px)}.icon{width:20px;height:20px}.count{position:absolute;top:-4px;right:-3px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;background:var(--orange);color:#fff;font-size:.62rem;font-weight:950;display:grid;place-items:center}.progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--lime),var(--cyan),var(--violet),var(--orange));width:0;z-index:5000}
.header{height:var(--header);position:sticky;top:0;z-index:1200;display:flex;align-items:center;background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(28px) saturate(1.6);border-bottom:1px solid var(--line);transition:.3s}.header-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;font-weight:950;letter-spacing:-.045em}.brand-mark{width:42px;height:42px;border-radius:15px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-size:.68rem;transform:rotate(-5deg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.brand-sub{display:block;font-size:.58rem;letter-spacing:.15em;color:var(--muted);font-weight:800}.nav{display:flex;align-items:center;justify-content:center;gap:8px}.nav a{padding:11px 16px;border-radius:999px;font-size:.77rem;font-weight:850;transition:.2s}.nav a:hover,.nav a.active{background:var(--ink);color:var(--bg)}.header-actions{display:flex;align-items:center;gap:8px}.menu-btn{display:none}.mobile-menu{position:fixed;inset:0;z-index:1600;background:var(--bg);padding:100px 28px 30px;transform:translateX(100%);transition:.42s cubic-bezier(.8,0,.2,1)}.mobile-menu.open{transform:none}.mobile-menu a{display:block;font-size:clamp(2.4rem,9vw,5rem);font-weight:950;letter-spacing:-.06em;line-height:1;border-bottom:1px solid var(--line);padding:11px 0}.search-overlay{position:fixed;inset:0;z-index:2200;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(28px);opacity:0;pointer-events:none;transition:.25s}.search-overlay.open{opacity:1;pointer-events:auto}.search-shell{width:min(960px,calc(100% - 34px));margin:9vh auto}.search-top{display:flex;gap:12px}.search-input{flex:1;min-width:0;border:0;border-bottom:2px solid var(--ink);background:transparent;outline:0;padding:14px 0;font-size:clamp(2rem,5vw,4.5rem);font-weight:950;letter-spacing:-.055em}.search-results{display:grid;gap:10px;margin-top:30px;max-height:62vh;overflow:auto}.search-item{display:grid;grid-template-columns:100px 1fr auto;gap:14px;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:19px;padding:10px}.search-item img{width:100px;height:64px;object-fit:contain;background:var(--surface-2);border-radius:13px}.empty{padding:55px 22px;text-align:center;border:1px dashed var(--line);border-radius:24px}.whatsapp-fab{position:fixed;left:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;z-index:3900;box-shadow:0 14px 34px rgba(37,211,102,.45);transition:.25s}.whatsapp-fab:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 18px 40px rgba(37,211,102,.55)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn-ghost:before{display:none}
.cookie-bar{position:fixed;left:20px;right:20px;bottom:20px;z-index:4500;max-width:640px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:18px 22px;display:flex;flex-wrap:wrap;align-items:center;gap:14px;justify-content:space-between;animation:cookie-in .5s cubic-bezier(.2,.8,.2,1)}
.cookie-bar p{margin:0;font-size:.82rem;color:var(--muted);flex:1;min-width:220px}
.cookie-actions{display:flex;gap:8px;flex-shrink:0}
.cookie-bar.out{animation:cookie-out .35s ease both}
@keyframes cookie-in{from{opacity:0;transform:translateY(30px)}}
@keyframes cookie-out{to{opacity:0;transform:translateY(30px)}}
.toasts{position:fixed;right:18px;bottom:18px;z-index:4000;display:grid;gap:9px}.toast{min-width:260px;max-width:380px;background:var(--ink);color:var(--bg);padding:14px 16px;border-radius:16px;box-shadow:var(--shadow);animation:toast-in .3s ease}.modal-bg{position:fixed;inset:0;z-index:2800;background:rgba(0,0,0,.65);display:grid;place-items:center;padding:16px;opacity:0;pointer-events:none;transition:.25s}.modal-bg.open{opacity:1;pointer-events:auto}.modal{width:min(900px,100%);max-height:91vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:30px;padding:26px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}
.hero{min-height:calc(100vh - var(--header));padding:20px}.hero-shell{min-height:calc(100vh - var(--header) - 40px);position:relative;border-radius:38px;overflow:hidden;background:radial-gradient(circle at 62% 45%,#fff 0,#ebe9e2 44%,#c9c7bf 100%);border:1px solid var(--line)}[data-theme=dark] .hero-shell{background:radial-gradient(circle at 62% 45%,#363a45 0,#1c2028 45%,#0b0d11 100%)}.hero-shell:before{content:"APEX";position:absolute;left:3vw;top:3vh;font-size:clamp(8rem,24vw,25rem);line-height:.8;font-weight:950;letter-spacing:-.1em;color:rgba(17,19,24,.045)}[data-theme=dark] .hero-shell:before{color:rgba(255,255,255,.035)}.mesh{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.mesh span{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;animation:float-blob 16s ease-in-out infinite}.mesh span:nth-child(1){width:38vw;height:38vw;left:-8%;top:-10%;background:radial-gradient(circle,var(--lime),transparent 70%);animation-delay:0s}.mesh span:nth-child(2){width:30vw;height:30vw;right:-6%;top:8%;background:radial-gradient(circle,var(--violet),transparent 70%);animation-delay:-5s}.mesh span:nth-child(3){width:26vw;height:26vw;left:30%;bottom:-12%;background:radial-gradient(circle,var(--cyan),transparent 70%);animation-delay:-10s;opacity:.35}[data-theme=dark] .mesh span{opacity:.28}.hero-grid{display:grid;grid-template-columns:.78fr 1.22fr;min-height:inherit;position:relative;z-index:2}.hero-copy{padding:clamp(38px,6vw,90px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero-copy h1{font-size:clamp(3.5rem,7vw,7.5rem);line-height:.86;letter-spacing:-.075em;margin:18px 0}.hero-copy p{max-width:560px}.hero-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px;width:100%;max-width:620px}.hero-stats div{border-left:1px solid var(--line);padding-left:14px}.hero-stats strong{display:block;font-size:1.45rem}.hero-stats span{font-size:.72rem;color:var(--muted)}.hero-stage{position:relative;min-height:640px;display:flex;align-items:center;justify-content:center}.hero-stage:before{content:"";position:absolute;width:56%;height:56%;border-radius:50%;background:radial-gradient(circle,rgba(201,255,69,.35),transparent 68%);filter:blur(30px);z-index:0;animation:pulse-glow 5s ease-in-out infinite}.hero-car{position:relative;z-index:1;width:112%;max-height:70%;object-fit:contain;filter:drop-shadow(0 48px 45px rgba(0,0,0,.3));transform:translateX(-3%) perspective(900px) rotateY(-4deg);transition:.65s cubic-bezier(.2,.8,.2,1)}.hero-stage.switching .hero-car{opacity:0;transform:translateX(5%) scale(.94)}.hero-model-nav{position:absolute;right:24px;top:24px;display:grid;gap:8px;z-index:4}.hero-model-btn{width:55px;height:55px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.62);backdrop-filter:blur(14px);display:grid;place-items:center;font-weight:950;transition:.3s}.hero-model-btn:hover{transform:translateY(-2px)}.hero-model-btn.active{background:#111;color:#fff}.hero-model-index{position:absolute;right:30px;bottom:28px;text-align:right}.hero-model-index strong{font-size:4rem;letter-spacing:-.08em}.hero-model-index span{display:block;color:var(--muted);font-size:.72rem}.hotspot{position:absolute;z-index:5}.hotspot button{width:24px;height:24px;border:6px solid rgba(255,255,255,.78);border-radius:50%;background:#111;box-shadow:0 0 0 10px rgba(17,19,24,.12);animation:pulse 2s infinite}.hotspot-label{position:absolute;left:32px;top:-16px;min-width:150px;background:rgba(255,255,255,.75);color:#111;border:1px solid rgba(17,19,24,.08);backdrop-filter:blur(18px);padding:12px 14px;border-radius:16px;opacity:0;transform:translateX(-8px);pointer-events:none;transition:.25s}.hotspot:hover .hotspot-label,.hotspot.active .hotspot-label{opacity:1;transform:none}.hotspot-label strong{display:block}.hero-glass{position:absolute;right:26px;top:50%;transform:translateY(-50%);width:250px;background:rgba(17,19,24,.9);color:#fff;padding:20px;border-radius:24px}.hero-glass p{color:rgba(255,255,255,.62);font-size:.83rem}.hero-glass .metric{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.15);padding-top:12px;margin-top:12px}.hero-bottom{position:absolute;left:24px;right:24px;bottom:22px;display:flex;align-items:center;justify-content:space-between;z-index:6}.color-dots{display:flex;align-items:center;gap:10px}.color-dot{width:22px;height:22px;border-radius:50%;border:3px solid rgba(255,255,255,.8);box-shadow:0 0 0 1px rgba(0,0,0,.18);transition:.3s}.color-dot:hover{transform:scale(1.15)}.color-dot.active{box-shadow:0 0 0 3px #111}.hero-scroll{display:flex;align-items:center;gap:10px;font-size:.72rem;font-weight:850}
.logo-strip{overflow:hidden;border-block:1px solid var(--line);background:var(--surface)}.logo-track{display:flex;width:max-content;animation:marquee 30s linear infinite}.logo-track span{white-space:nowrap;padding:23px 36px;font-weight:950;font-size:clamp(1.2rem,2.4vw,2.5rem);letter-spacing:-.04em;color:var(--muted)}.logo-track i{font-style:normal;color:var(--orange);margin-left:28px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:38px}.category-card{position:relative;min-height:430px;border-radius:31px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line)}.category-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:20px;transition:.55s;filter:drop-shadow(0 25px 30px rgba(0,0,0,.25))}.category-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.78));z-index:1}.category-card:hover img{transform:scale(1.07) translateY(-8px)}.category-copy{position:absolute;left:23px;right:23px;bottom:22px;color:#fff;z-index:2}.category-copy h3{font-size:2rem;letter-spacing:-.045em;margin:0}.category-copy p{color:rgba(255,255,255,.66);margin:5px 0 0}.vehicles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.vehicle-card{background:var(--surface);border:1px solid var(--line);border-radius:27px;overflow:hidden;transition:.3s}.vehicle-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.vehicle-media{aspect-ratio:1.35;position:relative;background:radial-gradient(circle at center,#fff,#deded8);overflow:hidden}
.vehicle-media:after{content:"";position:absolute;left:8%;right:8%;bottom:6%;height:18%;background:radial-gradient(ellipse at center,rgba(17,19,24,.22),transparent 72%);filter:blur(2px);pointer-events:none}
[data-theme=dark] .vehicle-media{background:radial-gradient(circle at center,#262a33,#14161b)}
[data-theme=dark] .vehicle-media:after{background:radial-gradient(ellipse at center,rgba(0,0,0,.55),transparent 72%)}.vehicle-media img{width:100%;height:100%;object-fit:contain;padding:26px;filter:var(--car-filter) drop-shadow(0 24px 20px rgba(0,0,0,.25));transition:.55s}.vehicle-card:hover .vehicle-media img{transform:scale(1.07) translateX(2%)}.vehicle-badge{position:absolute;left:14px;top:14px;z-index:2;background:#111;color:#fff;padding:7px 10px;border-radius:999px;font-size:.64rem;font-weight:950;letter-spacing:.08em}.vehicle-badge.lime{background:var(--lime);color:#111}.vehicle-actions{position:absolute;right:12px;top:12px;z-index:3;display:grid;gap:8px;transform:translateX(55px);opacity:0;transition:.25s}.vehicle-card:hover .vehicle-actions{transform:none;opacity:1}.vehicle-body{padding:18px}.vehicle-brand{font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-weight:900}.vehicle-name{font-size:1.25rem;font-weight:950;letter-spacing:-.035em;margin:4px 0 12px}.vehicle-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.vehicle-specs div{background:var(--surface-2);border-radius:12px;padding:10px}.vehicle-specs strong{display:block;font-size:.8rem}.vehicle-specs span{font-size:.65rem;color:var(--muted)}.vehicle-price{display:flex;justify-content:space-between;align-items:end;margin-top:16px}.vehicle-price strong{font-size:1.25rem}.vehicle-price small{display:block;color:var(--muted)}.showroom-banner{min-height:680px;border-radius:38px;overflow:hidden;position:relative;background:url('../img/ui/showroom.webp') center/cover}.showroom-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,10,.88),rgba(5,7,10,.08)),linear-gradient(0deg,rgba(5,7,10,.8),transparent 55%)}.showroom-copy{position:absolute;left:clamp(30px,6vw,90px);bottom:clamp(32px,7vw,90px);z-index:2;color:#fff;max-width:720px}.showroom-copy p{color:rgba(255,255,255,.7)}.service-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.service-visual{min-height:570px;border-radius:32px;background:url('../img/ui/service-bay.webp') center/cover;border:1px solid var(--line)}.service-list{display:grid;gap:12px}.service-item{padding:23px;border-radius:22px;background:var(--surface);border:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;transition:.25s}.service-item:hover{transform:translateX(6px);background:var(--ink);color:var(--bg)}.service-num{font-size:.72rem;font-weight:950;color:var(--muted)}.feature-band{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:25px;background:var(--surface);overflow:hidden}.feature-band article{padding:25px;border-right:1px solid var(--line)}.feature-band article:last-child{border:0}.feature-band strong{display:block;margin-bottom:5px}.feature-band span{font-size:.78rem;color:var(--muted)}
.page-hero{padding:62px 0 30px}.page-hero .container{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.crumbs{display:flex;gap:8px;color:var(--muted);font-size:.75rem;margin-bottom:18px}.crumbs span:last-child{color:var(--ink);font-weight:850}.shop{display:grid;grid-template-columns:280px 1fr;gap:30px;align-items:start}.filters{position:sticky;top:calc(var(--header) + 18px);background:var(--surface);border:1px solid var(--line);border-radius:25px;padding:21px}.filter-block{padding:17px 0;border-bottom:1px solid var(--line)}.filter-block:last-child{border:0}.filter-title{font-size:.78rem;font-weight:950;margin-bottom:9px}.check{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;color:var(--muted);font-size:.84rem}.check input{accent-color:var(--ink)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.toolbar-right{display:flex;gap:9px}.control{min-height:44px;border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:0 13px;outline:none}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 13px;font-size:.75rem;font-weight:900}.chip.active{background:var(--ink);color:var(--bg)}.mobile-filter{display:none}
.detail{display:grid;grid-template-columns:1.18fr .82fr;gap:42px;align-items:start}.vehicle-stage{min-height:650px;position:relative;border-radius:35px;background:radial-gradient(circle at center,#fff,#d6d5cf);border:1px solid var(--line);overflow:hidden}.vehicle-stage:before{content:"";position:absolute;inset:15% 10%;border:1px solid rgba(0,0,0,.08);border-radius:50%}.vehicle-stage img{position:absolute;inset:12% 2% 8%;width:96%;height:80%;object-fit:contain;filter:var(--car-filter) drop-shadow(0 45px 40px rgba(0,0,0,.3));transition:.3s}.vehicle-stage:hover img{transform:scale(1.04)}.stage-tools{position:absolute;left:16px;top:16px;display:flex;gap:8px;z-index:4}.stage-colors{position:absolute;left:50%;bottom:17px;transform:translateX(-50%);display:flex;gap:9px;z-index:4}.stage-color{width:30px;height:30px;border:4px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.14)}.stage-color.active{box-shadow:0 0 0 3px #111}.detail-panel{position:sticky;top:calc(var(--header) + 18px)}.detail-title{font-size:clamp(2.7rem,5vw,5.7rem);line-height:.86;letter-spacing:-.07em;margin:16px 0}.detail-price{font-size:2rem;font-weight:950;margin:18px 0}.detail-actions{display:grid;grid-template-columns:1fr auto auto;gap:9px;margin-top:22px}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:26px}.spec-card{background:var(--surface);border:1px solid var(--line);padding:16px;border-radius:17px}.spec-card span{display:block;font-size:.67rem;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.spec-card strong{display:block;margin-top:5px}.accordion{margin-top:24px;border-top:1px solid var(--line)}.accordion-item{border-bottom:1px solid var(--line)}.accordion-btn{width:100%;border:0;background:transparent;padding:18px 0;display:flex;align-items:center;justify-content:space-between;font-weight:950;text-align:left}.accordion-body{display:none;padding:0 0 18px;color:var(--muted)}.accordion-item.open .accordion-body{display:block}.feature-hotspots{position:relative;min-height:650px;background:var(--surface);border:1px solid var(--line);border-radius:34px;overflow:hidden}.feature-hotspots img{position:absolute;inset:10% 2%;width:96%;height:80%;object-fit:contain;filter:var(--car-filter) drop-shadow(0 35px 28px rgba(0,0,0,.25))}.feature-callout{position:absolute;z-index:3}.feature-callout button{width:25px;height:25px;border-radius:50%;background:var(--lime);border:7px solid rgba(255,255,255,.8);box-shadow:0 0 0 9px rgba(201,255,69,.18)}.feature-card{position:absolute;width:210px;background:rgba(17,19,24,.9);color:white;padding:15px;border-radius:17px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.25s}.feature-callout:hover .feature-card{opacity:1;transform:none}.feature-card p{font-size:.75rem;color:rgba(255,255,255,.65);margin:5px 0 0}
.configurator{display:grid;grid-template-columns:1.28fr .72fr;gap:22px}.config-stage{position:sticky;top:calc(var(--header) + 18px);height:calc(100vh - var(--header) - 36px);min-height:610px;border-radius:35px;background:radial-gradient(circle at 50% 42%,#fff,#d9d8d2 58%,#b9b8b2);border:1px solid var(--line);overflow:hidden}.config-stage:before{content:"";position:absolute;left:12%;right:12%;bottom:14%;height:13%;border-radius:50%;background:rgba(0,0,0,.13);filter:blur(30px)}.config-stage img{position:absolute;inset:13% -4% 8%;width:108%;height:76%;object-fit:contain;filter:var(--car-filter) drop-shadow(0 48px 45px rgba(0,0,0,.25));transition:.45s}.config-stage.switching img{opacity:.3;transform:scale(.95)}.config-top{position:absolute;left:16px;right:16px;top:16px;display:flex;justify-content:space-between;z-index:3}.config-name{position:absolute;left:22px;bottom:20px;z-index:3}.config-name strong{font-size:clamp(2rem,5vw,5rem);letter-spacing:-.07em}.config-panel{background:var(--surface);border:1px solid var(--line);border-radius:34px;overflow:hidden}.config-head{padding:24px;border-bottom:1px solid var(--line)}.config-tabs{display:flex;overflow:auto;border-bottom:1px solid var(--line)}.config-tab{flex:1;min-width:max-content;border:0;background:transparent;padding:14px 16px;font-weight:900;color:var(--muted)}.config-tab.active{color:var(--ink);box-shadow:inset 0 -2px var(--ink)}.config-body{padding:23px;max-height:calc(100vh - 335px);overflow:auto}.config-pane{display:none}.config-pane.active{display:block}.option-group{margin-bottom:24px}.option-title{display:flex;justify-content:space-between;font-size:.8rem;font-weight:950;margin-bottom:10px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.choice{border:1px solid var(--line);background:var(--surface-2);border-radius:15px;padding:15px;text-align:left;font-weight:850}.choice.active{background:var(--ink);color:var(--bg)}.color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.paint{aspect-ratio:1;border-radius:50%;border:4px solid var(--surface);box-shadow:0 0 0 1px var(--line)}.paint.active{box-shadow:0 0 0 2px var(--ink)}.wheel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.wheel{aspect-ratio:1;border:1px solid var(--line);background:var(--surface-2);border-radius:50%;display:grid;place-items:center;position:relative}.wheel:before{content:"";width:66%;height:66%;border:9px double #3a3d43;border-radius:50%;box-shadow:inset 0 0 0 5px #aeb2b8}.wheel.active{outline:2px solid var(--ink);outline-offset:2px}.package{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:15px;margin-bottom:9px}.package input{accent-color:var(--ink)}.config-footer{padding:17px 22px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:9px}.config-price strong{font-size:1.35rem}.config-price small{display:block;color:var(--muted)}
.compare-table{overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:27px}.compare-table table{width:100%;border-collapse:collapse;min-width:900px}.compare-table th,.compare-table td{padding:16px;border-bottom:1px solid var(--line);text-align:left}.compare-table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.compare-table img{width:210px;height:125px;object-fit:contain}.compare-drawer{position:fixed;left:50%;bottom:16px;z-index:1300;transform:translate(-50%,140%);width:min(760px,calc(100% - 28px));background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:var(--shadow);transition:.35s}.compare-drawer.open{transform:translate(-50%,0)}.compare-inner{display:flex;align-items:center;gap:9px}.compare-mini{flex:1;min-width:0;background:var(--surface-2);border-radius:13px;padding:7px 9px;display:flex;align-items:center;gap:8px}.compare-mini img{width:48px;height:38px;object-fit:contain}.compare-mini span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.7rem;font-weight:900}
.finance-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:start}.finance-card{background:var(--surface);border:1px solid var(--line);border-radius:30px;padding:26px}.slider-row{margin:24px 0}.slider-label{display:flex;justify-content:space-between;font-weight:900;margin-bottom:10px}.slider-row input[type=range]{width:100%;accent-color:var(--violet)}.finance-result{position:sticky;top:calc(var(--header) + 18px);min-height:620px;border-radius:33px;background:url('../img/ui/finance.webp') center/cover;overflow:hidden;color:#fff;padding:clamp(30px,5vw,65px);display:flex;flex-direction:column;justify-content:flex-end}.finance-result:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,10,.92),rgba(5,7,10,.08))}.finance-result>*{position:relative}.monthly{font-size:clamp(4rem,9vw,8rem);font-weight:950;letter-spacing:-.08em;line-height:.85}.finance-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.finance-breakdown div{padding:14px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:16px;backdrop-filter:blur(12px)}.finance-breakdown span{display:block;font-size:.66rem;color:rgba(255,255,255,.6)}
.form-layout{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:start}.form-card{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field span{font-size:.74rem;font-weight:900}.field input,.field select,.field textarea{width:100%;min-height:48px;border:1px solid var(--line);border-radius:13px;background:var(--bg);padding:0 13px;outline:0}.field textarea{min-height:120px;padding:13px}.side-card{position:sticky;top:calc(var(--header) + 18px);background:var(--ink);color:var(--bg);border-radius:30px;padding:26px;overflow:hidden}.side-card img{width:100%;height:210px;object-fit:contain;filter:drop-shadow(0 20px 25px rgba(0,0,0,.35))}.side-card p{color:color-mix(in srgb,var(--bg) 62%,transparent)}.estimate{font-size:3rem;font-weight:950;letter-spacing:-.06em}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.day{aspect-ratio:1;border:1px solid var(--line);background:var(--surface-2);border-radius:12px;display:grid;place-items:center;font-size:.78rem;font-weight:850}.day.active,.day:hover{background:var(--ink);color:var(--bg)}.time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.time-slot{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:10px;font-size:.75rem;font-weight:850}.time-slot.active{background:var(--violet);color:#fff;border-color:var(--violet)}
.account{display:grid;grid-template-columns:260px 1fr;gap:28px}.account-nav{position:sticky;top:calc(var(--header) + 18px);height:max-content;background:var(--surface);border:1px solid var(--line);border-radius:23px;padding:11px}.account-nav button{width:100%;border:0;background:transparent;text-align:left;padding:12px 13px;border-radius:12px;font-weight:900;color:var(--muted)}.account-nav button.active{background:var(--ink);color:var(--bg)}.account-pane{display:none}.account-pane.active{display:block}.dash{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.dash-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:19px}.dash-card strong{display:block;font-size:1.8rem}.order{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}
.story{display:grid;grid-template-columns:1.05fr .95fr;gap:62px;align-items:center}.story-media{min-height:620px;border-radius:35px;background:url('../img/ui/showroom.webp') center/cover;position:relative;overflow:hidden}.story-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent)}.story-note{position:absolute;left:22px;right:22px;bottom:22px;z-index:2;background:rgba(255,255,255,.82);color:#111;padding:18px;border-radius:19px;backdrop-filter:blur(15px)}.timeline{border-left:1px solid var(--line);padding-left:29px;margin-left:8px;display:grid;gap:28px}.timeline article{position:relative}.timeline article:before{content:"";position:absolute;left:-36px;top:5px;width:14px;height:14px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 7px var(--bg)}.faq-item{border-bottom:1px solid var(--line)}.faq-btn{width:100%;border:0;background:transparent;padding:20px 0;display:flex;justify-content:space-between;font-weight:950;text-align:left}.faq-body{display:none;padding:0 0 20px;color:var(--muted)}.faq-item.open .faq-body{display:block}.newsletter{padding:clamp(36px,7vw,90px);border-radius:38px;background:linear-gradient(135deg,#0d0f14,#2b2c38);color:#fff;position:relative;overflow:hidden}.newsletter:after{content:"A";position:absolute;right:-3vw;bottom:-10vw;font-size:32vw;line-height:1;font-weight:950;color:rgba(255,255,255,.04)}.newsletter form{display:flex;gap:9px;max-width:650px;position:relative;z-index:2}.newsletter input{flex:1;min-width:0;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:0 18px}.footer{border-top:1px solid var(--line);margin-top:75px}.footer-main{display:grid;grid-template-columns:1.3fr repeat(3,.65fr);gap:42px;padding:65px 0}.footer h4{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.footer a.link{display:block;color:var(--muted);font-size:.84rem;margin:9px 0}.footer-bottom{border-top:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:.72rem}.reveal{opacity:0;transform:translateY(28px) scale(.98);transition:.85s cubic-bezier(.16,.9,.2,1)}.reveal.visible{opacity:1;transform:none}
@keyframes toast-in{from{opacity:0;transform:translateX(25px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes pulse{50%{box-shadow:0 0 0 20px rgba(17,19,24,0)}}@keyframes float-blob{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(4%,6%) scale(1.08)}66%{transform:translate(-3%,-4%) scale(.94)}}@keyframes pulse-glow{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}@keyframes count-pop{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* Tilt + spotlight micro-interactions for cards */
.vehicle-card,.category-card{perspective:1200px}
.vehicle-card{position:relative}
.vehicle-card:before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.16),transparent 60%);opacity:0;transition:opacity .3s}
.vehicle-card:hover:before{opacity:1}
[data-theme=dark] .vehicle-card:before{background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.08),transparent 60%)}

/* Stats counter band */
.stats-band{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:28px;overflow:hidden}
.stats-band article{background:var(--surface);padding:34px 26px;text-align:center}
.stats-band strong{display:block;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:950;letter-spacing:-.04em;background:linear-gradient(120deg,var(--ink),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.stats-band span{display:block;margin-top:8px;font-size:.78rem;color:var(--muted);font-weight:800}

/* Testimonials */
.testi-track{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.testi-card{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:30px;display:flex;flex-direction:column;gap:18px;transition:.4s cubic-bezier(.2,.8,.2,1)}
.testi-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.testi-stars{color:var(--lime);letter-spacing:3px;font-size:1.05rem}
.testi-quote{font-size:1.02rem;line-height:1.55;flex:1}
.testi-person{display:flex;align-items:center;gap:12px}
.testi-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:950;color:#111;flex-shrink:0}
.testi-person strong{display:block;font-size:.9rem}
.testi-person span{font-size:.74rem;color:var(--muted)}

/* Bento "why apex" grid */
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:150px;gap:16px}
.bento-item{border-radius:26px;padding:26px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;gap:6px;transition:.4s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}
.bento-item:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.bento-item.big{grid-column:span 2;grid-row:span 2}
.bento-item.accent{background:linear-gradient(150deg,var(--ink),#2a2d38);color:#fff;border-color:transparent}
.bento-item svg{width:30px;height:30px;color:var(--lime)}
.bento-item h4{margin:0;font-size:1.15rem;letter-spacing:-.03em}
.bento-item p{margin:0;font-size:.82rem;color:var(--muted)}
.bento-item.accent p{color:rgba(255,255,255,.65)}
@media(max-width:980px){.stats-band{grid-template-columns:repeat(2,1fr)}.testi-track{grid-template-columns:1fr}.bento{grid-template-columns:repeat(2,1fr)}.bento-item.big{grid-column:span 2}}
@media(max-width:690px){.bento{grid-template-columns:1fr}.bento-item.big{grid-column:span 1}}
@media(max-width:1220px){.vehicles{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}.feature-band{grid-template-columns:repeat(2,1fr)}.feature-band article:nth-child(2){border-right:0}.feature-band article:nth-child(-n+2){border-bottom:1px solid var(--line)}.hero-glass{display:none}.dash{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){:root{--header:72px}.nav{display:none}.menu-btn{display:grid}.hero{padding:10px}.hero-shell{min-height:auto}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:55px 24px}.hero-stage{min-height:570px}.hero-bottom{bottom:12px}.service-grid,.detail,.configurator,.finance-layout,.form-layout,.account,.story{grid-template-columns:1fr}.shop{grid-template-columns:1fr}.filters{position:fixed;inset:0 0 0 auto;width:min(390px,100%);top:0;z-index:2000;border-radius:0;transform:translateX(100%);transition:.35s;overflow:auto}.filters.open{transform:none}.mobile-filter{display:inline-flex}.detail-panel,.config-stage,.finance-result,.side-card,.account-nav{position:relative;top:auto}.config-stage{height:72vh}.config-body{max-height:none}.feature-hotspots{min-height:520px}.showroom-banner{min-height:580px}.footer-main{grid-template-columns:1fr 1fr}.account-nav{display:flex;overflow:auto}.account-nav button{min-width:max-content}.page-hero .container{grid-template-columns:1fr}.vehicle-stage{min-height:530px}}
@media(max-width:690px){.container,.narrow{width:min(calc(100% - 24px),var(--max))}.section{padding:66px 0}.brand-text{display:none}.hide-mobile{display:none}.hero-copy h1{font-size:clamp(3.5rem,17vw,6.3rem)}.hero-stage{min-height:420px}.hero-car{width:125%}.hero-model-nav{right:10px;top:10px}.hero-model-btn{width:43px;height:43px;border-radius:13px}.hotspot,.hero-model-index{display:none}.hero-stats{grid-template-columns:1fr 1fr}.hero-stats div:last-child{display:none}.section-head{align-items:flex-start;flex-direction:column}.grid-2,.grid-3,.grid-4,.vehicles,.form-grid,.dash{grid-template-columns:1fr}.category-card{min-height:380px}.vehicle-actions{opacity:1;transform:none}.feature-band{grid-template-columns:1fr}.feature-band article{border-right:0;border-bottom:1px solid var(--line)!important}.feature-band article:last-child{border-bottom:0!important}.service-visual{min-height:400px}.vehicle-stage{min-height:420px}.detail-actions{grid-template-columns:1fr auto}.detail-actions .icon-btn:last-child{display:none}.spec-grid{grid-template-columns:1fr 1fr}.feature-hotspots{min-height:390px}.config-stage{height:58vh;min-height:460px}.choice-grid{grid-template-columns:1fr 1fr}.color-grid{grid-template-columns:repeat(5,1fr)}.config-footer{grid-template-columns:1fr}.finance-breakdown{grid-template-columns:1fr}.time-grid{grid-template-columns:repeat(3,1fr)}.calendar-grid{gap:4px}.day{border-radius:8px}.footer-main{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.newsletter form{flex-direction:column}.newsletter input{min-height:49px}.compare-mini:nth-child(n+3){display:none}.whatsapp-fab{width:52px;height:52px;left:14px;bottom:14px}.cookie-bar{left:10px;right:10px;bottom:80px;padding:14px 16px}.toolbar{align-items:flex-start;flex-direction:column}.toolbar-right{width:100%;flex-wrap:wrap}.control{flex:1}.search-item{grid-template-columns:70px 1fr}.search-item img{width:70px;height:52px}.search-item>strong{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}