:root{--bg:#03060b;--panel:#07101a;--panel-2:#0a1420;--panel-3:#0e1b29;--text:#f4f8ff;--muted:#8e9bab;--blue:#087cff;--blue-2:#36a3ff;--gold:#087cff;--gold-2:#36a3ff;--green:#10a53b;--line:#1a2b3d;--white:#fff;--radius:12px;--shadow:0 28px 80px rgba(0,0,0,.42)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.5}
body:before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 78% 8%,rgba(0,119,255,.09),transparent 28%),linear-gradient(180deg,#03060b 0,#06101a 55%,#03060b 100%);pointer-events:none}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{color:inherit}
.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,64px);position:sticky;top:0;z-index:30;background:rgba(3,6,11,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}
.brand{display:inline-flex;align-items:center;gap:10px}
.brand-symbol{width:66px;height:50px;display:grid;place-items:center}
.brand-symbol svg{width:100%;height:100%;overflow:visible}
.brand-symbol path{fill:none;stroke:#dbe7f7;stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 2px 3px #000)}
.brand-symbol .brand-blue{fill:var(--blue);stroke:#5db2ff;stroke-width:1.5;filter:drop-shadow(0 0 8px rgba(8,124,255,.65))}
.brand-word{font-family:Manrope,sans-serif;font-size:1.65rem;font-weight:800;letter-spacing:-.04em;white-space:nowrap}
.brand-word span{color:var(--blue-2)}
nav{display:flex;align-items:center;gap:30px}
nav a{font-size:.9rem;font-weight:600;color:#d8e0eb;transition:.2s}
nav a:hover{color:var(--blue-2)}
.menu-btn{display:none;background:transparent;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:1.25rem}
.hero{min-height:640px;height:calc(100vh - 88px);max-height:860px;position:relative;display:flex;align-items:center;padding:60px clamp(26px,5vw,82px);background:url('assets/centercar-hero.webp') center/cover no-repeat;overflow:hidden}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,5,9,.97) 0%,rgba(2,5,9,.84) 30%,rgba(2,5,9,.2) 64%,rgba(2,5,9,.08) 100%),linear-gradient(0deg,rgba(2,5,9,.8),transparent 35%)}
.hero-copy{position:relative;z-index:1;max-width:690px}
.eyebrow{margin:0 0 16px;color:var(--blue-2);font-size:.71rem;font-weight:800;letter-spacing:.18em}
.hero h1,.section h2,.operation h2,.sell h2{font-family:Manrope,sans-serif;line-height:1.04;letter-spacing:-.045em;margin:0}
.hero h1{font-size:clamp(3.5rem,6.4vw,7rem)}
.hero h1 em{font-style:normal;color:var(--blue-2)}
.lead{font-size:clamp(1rem,1.7vw,1.35rem);color:#d5deea;max-width:540px;margin:28px 0 34px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 22px;border:1px solid rgba(255,255,255,.25);border-radius:7px;font-weight:700;cursor:pointer;transition:.2s}
.button:hover{transform:translateY(-2px);filter:brightness(1.08)}
.button.primary{background:linear-gradient(135deg,#056be1,#0d8bff);border-color:#168fff;color:#fff;box-shadow:0 10px 30px rgba(4,112,240,.28)}
.button.green{background:linear-gradient(135deg,#078d30,#11b642);border-color:#18bd4d;color:#fff;box-shadow:0 10px 30px rgba(7,150,49,.2)}
.button.secondary{background:rgba(5,10,17,.55);backdrop-filter:blur(8px)}
.full{width:100%}
.smart-search{width:min(1180px,calc(100% - 40px));margin:-42px auto 0;position:relative;z-index:3;display:grid;grid-template-columns:1.25fr .8fr 1fr auto;gap:14px;align-items:end;padding:24px;background:rgba(7,16,26,.95);border:1px solid #172a3e;border-radius:12px;box-shadow:var(--shadow);backdrop-filter:blur(14px)}
.smart-search label,.tool-card label,.operation-form label,.sell-form label{font-size:.78rem;color:#9aa8b8}
.smart-search label span{display:block;margin-bottom:8px}
.smart-search input,.smart-search select,.tool-card input,.tool-card select,.operation-form input,.operation-form select,.sell-form input,.sell-form select{width:100%;height:48px;background:#07101a;border:1px solid #1d3044;border-radius:7px;color:var(--text);padding:0 13px;outline:none}
.smart-search input:focus,.smart-search select:focus,.tool-card input:focus,.tool-card select:focus,.operation-form input:focus,.operation-form select:focus,.sell-form input:focus,.sell-form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,124,255,.12)}
.section{padding:96px clamp(22px,4.2vw,72px);max-width:1500px;margin:auto}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:34px}
.section h2,.operation h2,.sell h2{font-size:clamp(2.2rem,4vw,4.6rem)}
.compact-heading h2{font-size:clamp(2rem,3vw,3.2rem)}
.section-note{max-width:490px;color:var(--muted);margin:0}
.stock-meta{display:flex;align-items:center;gap:18px;color:var(--muted)}
.stock-meta p{margin:0}
.text-link{border:0;background:transparent;color:var(--blue-2);cursor:pointer}
.filters{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}
.filters button{border:1px solid #1a2c40;background:#07101a;border-radius:999px;padding:9px 18px;color:#9eacbc;cursor:pointer}
.filters button.active,.filters button:hover{border-color:var(--blue);color:white;background:rgba(8,124,255,.15)}
.vehicle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.vehicle-card{background:linear-gradient(180deg,#0a1420,#07101a);border:1px solid #15283b;border-radius:12px;overflow:hidden;transition:.25s}
.vehicle-card:hover{transform:translateY(-5px);border-color:#245889;box-shadow:0 22px 50px rgba(0,0,0,.32)}
.vehicle-image{height:220px;position:relative;background:#0b1119;overflow:hidden}
.vehicle-image img{width:100%;height:100%;object-fit:cover;object-position:center 58%;transition:.45s}
.vehicle-card:hover .vehicle-image img{transform:scale(1.045)}
.vehicle-badge{position:absolute;left:12px;top:12px;background:rgba(3,7,12,.86);border:1px solid rgba(60,165,255,.58);border-radius:5px;padding:5px 8px;color:#8fd0ff;font-size:.62rem;font-weight:800;letter-spacing:.08em}
.vehicle-badge.reserved{color:#ffdf91;border-color:#d89e27}
.favorite-btn{position:absolute;right:12px;top:12px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(2,6,10,.76);font-size:1.25rem;cursor:pointer}
.favorite-btn.saved{background:var(--blue);border-color:var(--blue)}
.vehicle-info{padding:18px}
.vehicle-info .meta{color:#6dbaff;font-size:.69rem;font-weight:700;letter-spacing:.07em}
.vehicle-info h3{font-size:1.05rem;margin:7px 0 4px}
.vehicle-specs{font-size:.8rem;color:var(--muted);margin:0 0 15px}
.vehicle-footer{padding-top:14px;border-top:1px solid var(--line)}
.price{display:block;font-size:1.16rem;font-weight:800;margin-bottom:12px}
.details-btn{width:100%;height:39px;border:1px solid var(--blue);background:linear-gradient(135deg,#066ee4,#0c86f5);border-radius:6px;font-weight:700;cursor:pointer}
.empty-state{padding:50px;text-align:center;color:var(--muted)}
.shortlist{position:sticky;bottom:14px;z-index:15;max-width:700px;margin:24px auto 0;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:rgba(5,14,23,.96);border:1px solid var(--blue);border-radius:10px;box-shadow:var(--shadow)}
.shortlist[hidden]{display:none}
.shortlist strong,.shortlist span{display:block}
.shortlist span{font-size:.73rem;color:var(--muted)}
.shortlist button,.mini-action{border:0;border-radius:6px;background:var(--blue);padding:10px 14px;font-weight:700;cursor:pointer}
.intelligence{max-width:1500px}
.intelligence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tool-card{min-width:0;background:linear-gradient(145deg,#091522,#060d16);border:1px solid #193047;border-radius:12px;padding:24px;box-shadow:0 20px 55px rgba(0,0,0,.22)}
.tool-title{display:flex;align-items:center;gap:13px;margin-bottom:22px}
.tool-title h3{margin:0;font-size:1rem;letter-spacing:.03em}
.tool-title p{margin:2px 0 0;color:var(--muted);font-size:.78rem}
.tool-icon{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--blue-2);color:var(--blue-2);font-size:1.3rem;box-shadow:0 0 24px rgba(8,124,255,.18)}
.tool-icon.money{border-color:#40c35a;color:#40c35a}
.tool-card label{display:block;margin-bottom:12px}
.tool-card label input,.tool-card label select{margin-top:7px}
.mini-action{float:right;margin-top:-60px;height:40px}
.micro-title{margin:22px 0 10px;font-size:.75rem;color:#b9c5d2}
.quick-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
.quick-tags button{border:1px solid #1c3249;background:#07101a;border-radius:5px;color:#aab7c5;padding:7px 9px;font-size:.69rem;cursor:pointer}
.quick-tags button:hover{border-color:var(--blue);color:#fff}
.tool-card small{color:#778697;font-size:.71rem}
.ai-chat{height:220px;overflow:auto;border:1px solid #182d42;border-radius:8px;padding:12px;background:#050b12}
.ai-message{max-width:91%;margin-bottom:9px;padding:10px 12px;border-radius:10px;font-size:.78rem;white-space:pre-wrap}
.ai-message.assistant{background:#0c1b2a;color:#d8e7f7}
.ai-message.user{background:#076dda;color:white;margin-left:auto}
.ai-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}
.ai-form input{height:43px}
.ai-form button{border:0;border-radius:6px;background:var(--blue);padding:0 14px;font-weight:700;cursor:pointer}
.ai-handoff{width:100%;margin-top:9px;border:1px solid #254765;background:transparent;color:#9ccfff;border-radius:6px;padding:9px;cursor:pointer}
.valuation-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.mechanics{padding-top:35px}
.mechanic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.mechanic-grid button{min-height:165px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#07111d;border:1px solid #162b40;border-radius:10px;cursor:pointer;transition:.2s}
.mechanic-grid button:hover{border-color:var(--blue);transform:translateY(-3px)}
.mechanic-grid span{font-size:2.4rem;color:var(--blue-2)}
.mechanic-grid strong{font-size:.94rem}
.mechanic-grid small{max-width:150px;color:var(--muted);font-size:.7rem}
.operation,.sell{max-width:none;padding:92px max(22px,calc((100vw - 1360px)/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:78px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(115deg,#050b12,#091725)}
.operation-copy>p:not(.eyebrow),.sell-copy>p:not(.eyebrow){color:var(--muted);max-width:560px}
.operation-form,.sell-form{background:#050b12;border:1px solid #193149;border-radius:12px;padding:28px}
.operation-form label,.sell-form label{display:block;margin-bottom:16px}
.operation-form label input,.operation-form label select,.sell-form label input,.sell-form label select{margin-top:7px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.operation-result{display:flex;justify-content:space-between;align-items:center;padding:18px 0;margin:4px 0 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.operation-result span{color:var(--muted)}
.operation-result strong{color:var(--blue-2);font-size:1.4rem}
.sell{background:linear-gradient(115deg,#06120c,#07131f)}
.sell-copy ul{list-style:none;padding:0;margin:26px 0 0;max-width:540px}
.sell-copy li{padding:10px 0;border-bottom:1px solid var(--line)}
.sell-copy li:before{content:'✓';color:#28c754;margin-right:10px}
.sell-form small{display:block;margin-top:10px;color:#768494}
footer{padding:55px clamp(22px,5vw,76px) 25px;display:grid;grid-template-columns:1.25fr .7fr 1.35fr 1fr;gap:45px;border-top:1px solid var(--line);background:#02050a;color:var(--muted);font-size:.78rem}
footer h4{color:#f3f8ff;margin:0 0 13px}
footer>div>a:not(.brand){display:block;margin:7px 0}
.footer-brand p{line-height:1.8}
footer strong{color:var(--blue-2)}
.site-disclaimer{font-size:.66rem}
.whatsapp-link{color:#7de49b!important;font-weight:700}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:25;display:flex;align-items:center;gap:10px;padding:11px 15px 11px 11px;border:1px solid rgba(116,237,151,.62);border-radius:999px;background:linear-gradient(135deg,rgba(8,139,48,.98),rgba(16,165,59,.98));color:#fff;box-shadow:0 14px 40px rgba(0,0,0,.42),0 0 0 4px rgba(16,165,59,.12);transition:.2s}
.whatsapp-float:hover{transform:translateY(-2px);filter:brightness(1.07)}
.whatsapp-float-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.18);font-size:1.15rem}
.whatsapp-float>span:last-child{display:grid;line-height:1.08}
.whatsapp-float small{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;opacity:.83}
.whatsapp-float strong{font-size:.83rem;white-space:nowrap}
.copyright{grid-column:1/-1;text-align:center;border-top:1px solid #101d2b;padding-top:18px;margin:0}
dialog{width:min(900px,calc(100% - 28px));background:#06101a;color:var(--text);border:1px solid #284968;border-radius:12px;padding:0;box-shadow:0 40px 100px rgba(0,0,0,.75)}
dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(6px)}
.dialog-close{position:absolute;z-index:2;right:12px;top:12px;width:38px;height:38px;border-radius:50%;border:1px solid #47647f;background:#07101a;color:#fff;font-size:1.4rem;cursor:pointer}
.dialog-layout{display:grid;grid-template-columns:1.1fr .9fr}
.dialog-gallery{background:#02070b;min-width:0}
.dialog-main-photo{width:100%;height:100%;min-height:480px;object-fit:cover}
.dialog-thumbs{display:flex;gap:7px;padding:8px;overflow:auto}
.dialog-thumbs button{flex:0 0 70px;height:54px;padding:0;border:1px solid #27425d;background:#07101a}
.dialog-thumbs img{width:100%;height:100%;object-fit:cover}
.dialog-copy{padding:44px 34px}
.dialog-copy h2{font-size:2rem;margin:0}
.dialog-copy .description{color:var(--muted)}
.dialog-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0}
.dialog-specs span{border:1px solid var(--line);padding:9px;font-size:.77rem;color:#b8c4d0}
.dialog-price{font-size:1.5rem;font-weight:800}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1120px){nav{gap:17px}.vehicle-grid{grid-template-columns:repeat(3,1fr)}.intelligence-grid{grid-template-columns:1fr 1fr}.tool-card:last-child{grid-column:1/-1}.mechanic-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.menu-btn{display:block}nav{display:none;position:absolute;top:88px;left:0;right:0;padding:22px;background:#04090f;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{height:720px;background-position:60% center;align-items:flex-end;padding-bottom:105px}.hero-overlay{background:linear-gradient(0deg,rgba(2,5,9,.98) 0,rgba(2,5,9,.78) 55%,rgba(2,5,9,.22) 100%)}.hero h1{font-size:clamp(3rem,10vw,5rem)}.smart-search{grid-template-columns:1fr 1fr}.vehicle-grid{grid-template-columns:repeat(2,1fr)}.intelligence-grid{grid-template-columns:1fr}.tool-card:last-child{grid-column:auto}.operation,.sell{grid-template-columns:1fr;gap:38px}.mechanic-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.topbar{height:74px;padding:0 16px}.brand-symbol{width:52px;height:40px}.brand-word{font-size:1.32rem}nav{top:74px}.hero{height:690px;min-height:0;padding:30px 19px 88px;background-position:67% center}.hero h1{font-size:3.25rem}.lead{font-size:1rem}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .button:last-child{grid-column:1/-1}.button{padding:0 14px;font-size:.82rem}.smart-search{grid-template-columns:1fr;margin-top:-35px;padding:16px}.section{padding:72px 17px}.section-heading{display:block}.section-note{margin-top:16px}.vehicle-grid{grid-template-columns:1fr}.vehicle-image{height:245px}.filters{overflow:auto;flex-wrap:nowrap}.filters button{white-space:nowrap}.valuation-form .form-row,.form-row{grid-template-columns:1fr}.mechanic-grid{grid-template-columns:1fr 1fr}.mechanic-grid button{min-height:145px}.operation,.sell{padding:72px 17px}.operation-form,.sell-form,.tool-card{padding:19px}.shortlist{flex-direction:column;align-items:stretch}.shortlist button{width:100%}footer{grid-template-columns:1fr;padding:42px 20px 20px}.copyright{text-align:left}.dialog-layout{grid-template-columns:1fr}.dialog-main-photo{min-height:270px;height:270px}.dialog-copy{padding:26px 20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.site-brand-logo{display:block;width:clamp(220px,22vw,290px);height:auto;filter:drop-shadow(0 3px 12px rgba(0,115,255,.16))}
.footer-brand-logo{display:block;width:min(100%,280px);height:auto;border-radius:8px}
.instagram-link{display:inline-flex!important;align-items:center;gap:8px;margin-top:16px!important;padding:10px 13px;border:1px solid #24435f;border-radius:7px;color:#b9dcff;background:linear-gradient(135deg,rgba(64,93,230,.16),rgba(193,53,132,.16));font-weight:700}
.instagram-link span{font-size:1.2rem;color:#7fc2ff}
@media(max-width:560px){.site-brand-logo{width:205px}.whatsapp-float{right:12px;bottom:12px;padding:9px 12px 9px 9px}.whatsapp-float-icon{width:31px;height:31px}.whatsapp-float strong{font-size:.76rem}}