:root{--bg:#111;--bg2:#1a1a1a;--bg3:#222;--border:#2e2e2e;--accent:#9aff3a;--accent2:#7dd62e;--white:#fff;--gray:#888;--gray2:#555;--red:#f44;--radius:6px;--radius-lg:12px;--font-head:"Oswald",sans-serif;--font-body:"DM Sans",sans-serif;--t:all .18s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);scroll-behavior:smooth;background:var(--bg);color:var(--white);font-size:16px}body{background:var(--bg);color:var(--white);min-height:100vh;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.container{max-width:1240px;margin:0 auto;padding:0 20px}.navbar{background:var(--bg);border-bottom:3px solid var(--accent);z-index:100;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.navbar-logo{font-family:var(--font-head);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:12px;font-size:26px;font-weight:700;display:flex}.logo-badge{background:var(--accent);color:var(--bg);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;font-weight:900;display:flex}.navbar-links{align-items:center;gap:4px;display:flex}.nav-link{text-transform:uppercase;letter-spacing:.06em;color:var(--gray);transition:var(--t);border-radius:4px;padding:8px 18px;font-size:13px;font-weight:600}.nav-link:hover{color:var(--white);background:var(--bg3)}.nav-cta{font-weight:700;background:var(--accent)!important;color:var(--bg)!important}.nav-cta:hover{background:var(--accent2)!important}@media (max-width:600px){.navbar-links .nav-link:not(.nav-cta){display:none}}.btn{border-radius:var(--radius);text-transform:uppercase;letter-spacing:.06em;transition:var(--t);cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font-body);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:13px 28px;display:inline-flex}.btn-accent{background:var(--accent);color:var(--bg)}.btn-accent:hover{background:var(--accent2);transform:translateY(-1px)}.btn-ghost{color:var(--white);border:2px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-lg{padding:16px 36px;font-size:14px}.btn-full{width:100%}.hero{background:var(--bg)}.hero-img-wrap{height:500px;position:relative;overflow:hidden}.hero-bg-fallback{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:100px;display:flex}.hero-overlay{background:linear-gradient(90deg,#111111f5 30%,#1111111a 100%);position:absolute;inset:0}.hero-content{flex-direction:column;justify-content:center;max-width:700px;padding:0 clamp(20px,5vw,64px);display:flex;position:absolute;inset:0}.hero-tag{background:var(--accent);color:var(--bg);font-family:var(--font-head);letter-spacing:.12em;text-transform:uppercase;border-radius:3px;width:fit-content;margin-bottom:20px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-block}.hero-title{font-family:var(--font-head);text-transform:uppercase;color:var(--white);margin-bottom:16px;font-size:clamp(2.4rem,5vw,4.2rem);font-weight:700;line-height:1}.hero-title span{color:var(--accent)}.hero-sub{color:#ffffffa6;max-width:480px;margin-bottom:32px;font-size:16px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-stats{background:var(--bg2);border-top:3px solid var(--accent);display:flex}.hero-stat{text-align:center;border-right:1px solid var(--border);flex:1;padding:20px 8px}.hero-stat:last-child{border-right:none}.hero-stat-v{font-family:var(--font-head);color:var(--accent);font-size:22px;font-weight:700;line-height:1}.hero-stat-l{color:var(--gray);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:11px}.promise-strip{background:var(--bg3);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.promise-inner{flex-wrap:wrap;display:flex}.promise-item{border-right:1px solid var(--border);flex:1;align-items:center;gap:12px;min-width:180px;padding:18px 16px;display:flex}.promise-item:last-child{border-right:none}.promise-icon{flex-shrink:0;font-size:20px}.promise-text strong{color:var(--white);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700;display:block}.promise-text span{color:var(--gray);font-size:11px}.section{padding:64px 0}.section-dark{background:var(--bg2)}.section-head{margin-bottom:36px}.section-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;font-size:11px;font-weight:700}.section-title{font-family:var(--font-head);text-transform:uppercase;color:var(--white);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;line-height:1.1}.section-sub{color:var(--gray);margin-top:6px;font-size:14px}.cars-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2px;display:grid}.car-card{background:var(--bg2);border:1px solid var(--border);transition:var(--t);cursor:pointer;flex-direction:column;display:flex;overflow:hidden}.car-card:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.car-card:hover .car-card-img img{transform:scale(1.04)}.car-card-img{aspect-ratio:4/3;background:var(--bg3);position:relative;overflow:hidden}.car-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.car-no-img{width:100%;height:100%;color:var(--gray2);justify-content:center;align-items:center;font-size:48px;display:flex}.car-badge-wrap{gap:6px;display:flex;position:absolute;top:10px;left:10px}.car-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:3px;padding:4px 10px;font-size:10px;font-weight:700}.badge-budget{background:var(--accent);color:var(--bg)}.badge-reserved{color:#000;background:#f59e0b}.badge-sold{background:var(--gray2);color:var(--white)}.car-card-body{flex-direction:column;flex:1;gap:6px;padding:14px 16px 16px;display:flex}.car-make{letter-spacing:.08em;text-transform:uppercase;color:var(--gray);font-size:11px;font-weight:600}.car-title{font-family:var(--font-head);text-transform:uppercase;color:var(--white);font-size:16px;font-weight:700;line-height:1.2}.car-specs{color:var(--gray);gap:8px;font-size:12px;display:flex}.car-price{font-family:var(--font-head);color:var(--white);margin-top:4px;font-size:26px;font-weight:700}.car-price-ttc{color:var(--gray);margin-left:4px;font-size:11px;font-weight:400}.car-features{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.car-feat{color:var(--accent);text-transform:uppercase;letter-spacing:.03em;background:#9aff3a1a;border:1px solid #9aff3a40;border-radius:3px;padding:3px 8px;font-size:10px;font-weight:600}.car-card-footer{border-top:1px solid var(--border);background:var(--bg3);padding:10px 16px}.filters-wrap{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;padding:14px 18px;display:flex}.filter-input,.filter-select{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);font-size:13px;font-family:var(--font-body);color:var(--white);transition:var(--t);padding:9px 12px}.filter-input{flex:1;min-width:180px}.filter-select{appearance:none;cursor:pointer;min-width:140px}.filter-input::placeholder{color:var(--gray2)}.filter-input:focus,.filter-select:focus{border-color:var(--accent);outline:none}.filter-select option{background:var(--bg3)}.filters-count{color:var(--gray);white-space:nowrap;margin-left:auto;font-size:13px;font-weight:500}.btn-reset{background:var(--bg3);border:1px solid var(--border);color:var(--gray);border-radius:var(--radius);cursor:pointer;transition:var(--t);font-size:12px;font-weight:600;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.04em;padding:9px 14px}.btn-reset:hover{border-color:var(--red);color:var(--red)}.empty{text-align:center;color:var(--gray);padding:80px 20px}.empty-icon{margin-bottom:16px;font-size:52px}.empty h3{font-family:var(--font-head);text-transform:uppercase;color:var(--white);margin-bottom:8px;font-size:22px;font-weight:700}.detail-wrap{grid-template-columns:1.1fr 1fr;align-items:start;gap:48px;display:grid}.detail-img-main{border-radius:var(--radius);aspect-ratio:4/3;background:var(--bg3);overflow:hidden}.detail-img-main img{object-fit:cover;width:100%;height:100%}.detail-thumbs{gap:8px;margin-top:8px;display:flex}.detail-thumb{aspect-ratio:16/9;border-radius:var(--radius);background:var(--bg3);border:1px solid var(--border);flex:1;overflow:hidden}.detail-thumb img{object-fit:cover;width:100%;height:100%}.detail-brand{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;font-size:11px;font-weight:700}.detail-title{font-family:var(--font-head);text-transform:uppercase;color:var(--white);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;line-height:1.1}.detail-status{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:600;display:inline-flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.detail-price{font-family:var(--font-head);color:var(--accent);margin:16px 0;font-size:52px;font-weight:700;line-height:1}.detail-specs-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px;display:grid}.spec-box{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px}.spec-box-label{text-transform:uppercase;letter-spacing:.08em;color:var(--gray);font-size:10px;font-weight:600}.spec-box-value{color:var(--white);margin-top:3px;font-size:17px;font-weight:700}.detail-desc{background:var(--bg2);border-left:3px solid var(--accent);border-radius:0 var(--radius)var(--radius)0;color:#ffffffa6;margin-bottom:20px;padding:14px 18px;font-size:14px;line-height:1.7}.detail-feats{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.back-link{text-transform:uppercase;letter-spacing:.06em;color:var(--gray);transition:var(--t);align-items:center;gap:6px;margin-bottom:28px;font-size:12px;font-weight:700;display:inline-flex}.back-link:hover{color:var(--accent)}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.contact-phone-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;border-top:3px solid var(--accent);padding:32px}.contact-phone-num{font-family:var(--font-head);color:var(--accent);letter-spacing:.04em;margin:12px 0;font-size:36px;font-weight:700}.contact-row{border-top:1px solid var(--border);flex-direction:column;gap:3px;padding:14px 0;display:flex}.contact-row-label{text-transform:uppercase;letter-spacing:.1em;color:var(--gray2);font-size:10px;font-weight:700}.contact-row-value{color:var(--white);font-size:15px;font-weight:500}.form-group{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.form-label{text-transform:uppercase;letter-spacing:.07em;color:var(--gray);font-size:11px;font-weight:700}.form-input,.form-select,.form-textarea{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-family:var(--font-body);color:var(--white);transition:var(--t);width:100%;padding:11px 14px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #9aff3a1a}.form-textarea{resize:vertical;min-height:110px}.footer{background:var(--bg);border-top:3px solid var(--accent);padding:36px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-brand{align-items:center;gap:10px;display:flex}.footer-name{font-family:var(--font-head);text-transform:uppercase;color:var(--white);font-size:18px;font-weight:700}.footer-siren{color:var(--gray2);margin-top:2px;font-size:11px}.footer-links{flex-wrap:wrap;gap:14px;display:flex}.footer-link{color:var(--gray);transition:var(--t);font-size:13px}.footer-link:hover{color:var(--accent)}.footer-addr{color:var(--gray2);font-size:12px}@media (max-width:900px){.detail-wrap,.contact-grid{grid-template-columns:1fr;gap:28px}.detail-price{font-size:40px}.hero-img-wrap{height:380px}}@media (max-width:640px){.section{padding:48px 0}.cars-grid{grid-template-columns:1fr 1fr;gap:2px}.hero-img-wrap{height:300px}.hero-title{font-size:2rem}.filters-wrap{flex-direction:column}.filter-input,.filter-select{width:100%;min-width:unset}.filters-count{margin-left:0}.promise-item{min-width:50%}.hero-stats{flex-wrap:wrap}.hero-stat{min-width:50%}}@media (max-width:380px){.cars-grid{grid-template-columns:1fr}}