
:root{--bg:#080808;--panel:#141414;--panel2:#0e0e0e;--gold:#d7a936;--gold2:#f1c85c;--text:#f7f7f7;--muted:#a9a9a9;--line:#292929;--green:#79e3a2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
img{max-width:100%;display:block}button,a,input,select{font:inherit}.wrap{width:min(1180px,92%);margin:auto}
header{position:sticky;top:0;z-index:30;background:#080808ee;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between}.brand{color:#fff;text-decoration:none;font-weight:900;letter-spacing:.5px}.brand span,.eyebrow,.price,strong{color:var(--gold)}
nav{display:flex;gap:23px}nav a{color:#ddd;text-decoration:none;font-size:14px}nav a:hover{color:var(--gold)}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}
.hero{min-height:680px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(8,8,8,.96),rgba(8,8,8,.64)),url("../images/velar-00-front-cover.jpg") center/cover;border-bottom:1px solid var(--line)}
.hero-content{padding:90px 0}.eyebrow{font-size:12px;letter-spacing:2.4px;font-weight:900;margin:0 0 12px}h1{font-size:clamp(46px,7vw,82px);line-height:1.03;max-width:930px;margin:0;letter-spacing:-2px}h1 span{color:var(--gold)}
h2{font-size:clamp(31px,4vw,47px);line-height:1.15;margin:8px 0 28px}.hero-copy{max-width:700px;color:#ddd;font-size:18px;margin:25px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-points{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;color:#ddd;font-size:14px}
.btn{border:1px solid var(--gold);border-radius:8px;padding:13px 20px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:50px;text-shadow:none!important}.gold{background:var(--gold);color:#111}.gold:hover{background:var(--gold2)}.dark{background:#111b;color:#fff}.dark:hover{background:#191919}
section{padding:78px 0}.section-alt{background:#0d0d0d;border-top:1px solid #171717;border-bottom:1px solid #171717}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-note{color:var(--muted);font-size:14px;margin-bottom:35px}
.feature-grid,.vehicle-grid,.process-grid,.coming-grid,.sold-grid,.advisor-grid{display:grid;gap:18px}.feature-grid{grid-template-columns:repeat(4,1fr)}.feature-card,.coming-card,.advisor-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px}.feature-card p,.coming-card p,.advisor-card p{color:var(--muted)}
.icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#d7a93618;color:var(--gold);font-weight:900}
.vehicle-filter{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.vehicle-filter input,.vehicle-filter select{width:100%;background:#141414;color:#fff;border:1px solid var(--line);border-radius:9px;padding:14px 16px}
.vehicle-grid{grid-template-columns:repeat(3,1fr)}.vehicle-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:#fff;transition:.2s}.vehicle-card:hover{transform:translateY(-4px);border-color:#665324}
.vehicle-photo{aspect-ratio:16/10;position:relative;overflow:hidden;background:#1c1c1c}.vehicle-photo img{width:100%;height:100%;object-fit:cover;transition:.35s}.vehicle-card:hover .vehicle-photo img{transform:scale(1.035)}
.badge{position:absolute;top:13px;left:13px;background:#163c26;color:var(--green);border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;letter-spacing:1px}.card-body{padding:19px}.card-body h3{margin:0 0 4px}.card-meta{color:var(--muted);font-size:13px}.card-body strong{display:block;font-size:21px;margin-top:8px}.card-body .view{display:block;color:#aaa;margin-top:13px;font-size:14px}.no-results{display:none;text-align:center;color:var(--muted);padding:30px}
.process-grid{grid-template-columns:repeat(3,1fr)}.process-grid article{border-top:1px solid #493d20;padding:19px 8px}.process-grid span{color:var(--gold);font-size:13px;font-weight:900}.process-grid p{color:var(--muted)}
.sold-grid{grid-template-columns:repeat(3,1fr)}.sold-card{position:relative;border-radius:14px;overflow:hidden;background:var(--panel);border:1px solid var(--line)}.sold-card img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.65)}.sold-overlay{position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.88));display:flex;align-items:flex-end;padding:20px}.sold-label{position:absolute;top:13px;left:13px;background:#a71919;color:white;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:900}
.service-open{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.status{display:inline-block;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:1px}.available{background:#3dbb6b1f;color:#6fe39a}.soon{background:#d7a9361f;color:var(--gold)}
.coming-grid{grid-template-columns:repeat(3,1fr)}.disabled-btn{width:100%;background:#191919;border-color:#343434;color:#888}
.advisor-grid{grid-template-columns:repeat(3,1fr)}.advisor-card h3{margin-bottom:3px}.advisor-role{color:var(--gold);font-size:13px;font-weight:800}.text-link{background:none;border:0;padding:0;color:var(--gold);cursor:pointer;font-weight:800}
.faq-wrap{max-width:900px}details{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 20px;margin-bottom:12px}summary{cursor:pointer;font-weight:800}details p{color:var(--muted)}
footer{padding:52px 0;background:#070707;border-top:1px solid var(--line)}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-grid p{color:var(--muted)}
.floating-wa{position:fixed;right:22px;bottom:22px;z-index:40;border:0;border-radius:999px;background:#25d366;color:#081b0f;padding:14px 18px;font-weight:900;box-shadow:0 12px 30px #0008;cursor:pointer}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(30px);background:#171717;border:1px solid #494949;border-radius:9px;padding:13px 18px;color:#fff;opacity:0;pointer-events:none;transition:.25s;z-index:50;width:min(520px,90%);text-align:center}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
/* details */
.detail{padding:48px 0 75px}.breadcrumb{color:var(--muted);font-size:13px;margin-bottom:16px}.breadcrumb a{color:#ddd}.detail-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:start}.gallery-main{border-radius:14px;overflow:hidden;background:#111}.gallery-main img{width:100%;aspect-ratio:16/10;object-fit:cover}.thumb-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px}.thumb{padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#111;cursor:pointer}.thumb img{width:100%;aspect-ratio:16/10;object-fit:cover}.thumb.active{border-color:var(--gold)}
.box{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:27px;position:sticky;top:94px}.price{font-size:35px;font-weight:900}.price-note{color:var(--muted);font-size:13px}.specs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.spec{background:#0e0e0e;padding:11px;border-radius:7px}.spec small{color:var(--muted)}.button-stack{display:grid;gap:9px}.button-stack .btn{width:100%}.features{margin-top:35px}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.feature-line{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:13px}.pricing-box{margin-top:30px;background:#0f0f0f;border:1px solid #4b4022;border-radius:14px;padding:22px}.pricing-box p{color:var(--muted)}
@media(max-width:960px){.feature-grid{grid-template-columns:repeat(2,1fr)}.vehicle-grid,.sold-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.coming-grid,.advisor-grid{grid-template-columns:1fr}.vehicle-filter{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.box{position:static}nav{display:none}.menu-toggle{display:block}.thumb-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:620px){.hero{min-height:560px;background-position:62% center}.hero-content{padding:65px 0}h1{letter-spacing:-1px}.feature-grid,.vehicle-grid,.sold-grid,.process-grid,.features-grid{grid-template-columns:1fr}.section-heading,.service-open,.footer-grid{align-items:flex-start;flex-direction:column}.section-note{margin:0}.hero-actions .btn,.service-open .btn,.footer-grid .btn{width:100%}section{padding:60px 0}.thumb-grid{grid-template-columns:repeat(3,1fr)}.floating-wa{right:14px;bottom:14px}}
