:root{--red:#e50914;--red2:#b7000a;--black:#070707;--dark:#111;--card:#171717;--line:#292929;--white:#fff;--muted:#aaa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080808;color:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 18px}
header{position:sticky;top:0;z-index:50;background:rgba(5,5,5,.92);backdrop-filter:blur(14px);border-bottom:1px solid #242424}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.5px}
.badge{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#ff202b,#8b0007);display:grid;place-items:center;font-weight:1000;box-shadow:0 8px 25px #e5091433}.brand small{display:block;color:#aaa;font-size:10px;letter-spacing:1.8px;margin-top:2px}
nav{display:flex;gap:20px;color:#ddd;font-size:14px;font-weight:700}nav a:hover{color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:12px;border:1px solid #333;font-weight:900;cursor:pointer}.btn.red{background:var(--red);border-color:var(--red)}.btn.dark{background:#151515}
.hero{padding:70px 0 45px;background:radial-gradient(circle at 78% 25%,#8c000d55,transparent 35%),linear-gradient(180deg,#0d0d0d,#080808)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.eyebrow{color:#ff5660;font-size:12px;font-weight:1000;letter-spacing:2px;text-transform:uppercase}
h1{font-size:clamp(38px,6vw,72px);line-height:.95;margin:12px 0 20px;letter-spacing:-2.8px}h1 span{color:#ff1b25}.hero p{font-size:17px;color:#c7c7c7;line-height:1.65;max-width:620px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.hero-card{border:1px solid #2c2c2c;background:linear-gradient(145deg,#191919,#0d0d0d);border-radius:24px;padding:14px;box-shadow:0 30px 80px #000}
.hero-card img,.hero-card video{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:16px;display:block}
section{padding:55px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:25px}.section-head h2{margin:0;font-size:32px}.section-head p{margin:5px 0 0;color:#999}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.filter{padding:10px 14px;border:1px solid #333;background:#121212;color:#ddd;border-radius:999px;font-weight:800;cursor:pointer}.filter.active{background:#fff;color:#000}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.car{background:#121212;border:1px solid #292929;border-radius:18px;overflow:hidden;transition:.2s}.car:hover{transform:translateY(-4px);border-color:#555}.car-media{position:relative;background:#eee}.car-media img{width:100%;height:230px;object-fit:cover;display:block}.tag{position:absolute;left:12px;top:12px;background:#e50914;color:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:1000}.car-body{padding:18px}.car-body h3{margin:0 0 4px;font-size:22px}.sub{color:#999;font-size:13px}.price{font-size:22px;font-weight:1000;margin:15px 0}.price small{font-size:11px;color:#888;font-weight:700}.row{display:flex;gap:8px}.row .btn{flex:1;padding:11px 10px;font-size:13px}
.panel{background:#111;border:1px solid #2b2b2b;border-radius:20px;padding:24px}.calc-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field label{display:block;font-size:12px;color:#aaa;margin-bottom:6px;font-weight:800}.field input,.field select{width:100%;padding:13px 14px;border-radius:11px;border:1px solid #333;background:#080808;color:#fff;outline:none}.field input:focus,.field select:focus{border-color:#e50914}
.result{height:100%;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#180608,#101010);border:1px solid #3a1618;border-radius:16px;padding:24px}.result .big{font-size:42px;font-weight:1000;margin:7px 0 12px}.muted{color:#999;font-size:13px;line-height:1.6}
.lead{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lead h3{font-size:27px;margin:0 0 8px}.lead p{color:#aaa;line-height:1.65}
footer{padding:40px 0 80px;border-top:1px solid #222;color:#999;font-size:12px}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.source{margin-top:10px;color:#777}
.float{position:fixed;right:18px;bottom:18px;z-index:40}.float a{box-shadow:0 15px 35px #000;border-radius:999px;padding:14px 18px;background:#25D366;color:#071b0c;font-weight:1000}
@media(max-width:900px){nav{display:none}.hero-grid,.calc-grid,.lead{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.hero{padding-top:40px}.nav{height:64px}.brand{font-size:14px}.hero-card img,.hero-card video{aspect-ratio:4/3}section{padding:42px 0}}

.detail-modal{position:fixed;inset:0;background:#000b;backdrop-filter:blur(8px);z-index:100;display:none;align-items:center;justify-content:center;padding:15px}
.detail-modal.open{display:flex}.detail-box{width:min(1000px,100%);max-height:92vh;overflow:auto;background:#111;border:1px solid #383838;border-radius:22px;box-shadow:0 30px 100px #000;padding:0}
.detail-top{display:grid;grid-template-columns:1fr 1fr;background:#0c0c0c}.detail-top img{width:100%;height:310px;object-fit:cover}.detail-title{padding:30px;display:flex;flex-direction:column;justify-content:center}.detail-title h2{font-size:38px;margin:8px 0}.detail-title p{color:#aaa;line-height:1.6}.close{position:absolute;right:25px;top:20px;border:1px solid #555;background:#111;color:#fff;width:42px;height:42px;border-radius:50%;font-size:20px;cursor:pointer;z-index:2}
.detail-content{padding:25px}.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0 25px}.spec{background:#181818;border:1px solid #292929;border-radius:13px;padding:14px}.spec b{display:block;font-size:18px;margin-top:5px}.spec span{font-size:11px;color:#999}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-panel{background:#151515;border:1px solid #292929;border-radius:15px;padding:18px}.detail-panel h3{margin:0 0 12px}.detail-panel ul{margin:0;padding-left:20px;color:#ccc;line-height:1.8}.source-note{font-size:11px;color:#777;margin-top:18px}
@media(max-width:700px){.detail-top{grid-template-columns:1fr}.detail-top img{height:230px}.spec-grid{grid-template-columns:repeat(2,1fr)}.detail-columns{grid-template-columns:1fr}.detail-title{padding:20px}.detail-title h2{font-size:30px}}

.ultra{border:1px solid #2b2b2b;background:linear-gradient(145deg,#151515,#0c0c0c);border-radius:20px;padding:22px}
.compare-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.compare-controls .field{min-width:210px;flex:1}
.compare-table{overflow:auto;margin-top:18px}.compare-table table{width:100%;border-collapse:collapse;min-width:680px}.compare-table th,.compare-table td{padding:13px;border-bottom:1px solid #2a2a2a;text-align:left}.compare-table th{background:#181818}.compare-table td:not(:first-child){text-align:center}.yes{color:#59e391;font-weight:900}.no{color:#777}
.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.calc-output{margin-top:14px;background:#0b0b0b;border:1px solid #2b2b2b;border-radius:14px;padding:18px}.calc-output strong{font-size:28px}
.quote-card{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote-preview{background:#fff;color:#111;border-radius:14px;padding:22px}.quote-preview h3{margin-top:0}.quote-line{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;padding:8px 0}.mini{font-size:11px;color:#777}
.admin{margin-top:15px}.admin summary{cursor:pointer;font-weight:900}.admin-box{padding-top:15px}.admin-box textarea{width:100%;min-height:120px;background:#080808;color:#fff;border:1px solid #333;border-radius:10px;padding:12px}
@media(max-width:700px){.tool-grid,.quote-card{grid-template-columns:1fr}}

.dashboard{display:grid;grid-template-columns:1fr 1fr;gap:18px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric{background:#171717;border:1px solid #292929;border-radius:14px;padding:16px}.metric b{display:block;font-size:25px;margin-top:5px}.status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900}.available{background:#0c3;color:#001}.limited{background:#e9a900;color:#111}.booking{background:#e50914;color:#fff}.stock-table{width:100%;border-collapse:collapse;margin-top:15px}.stock-table th,.stock-table td{padding:10px;border-bottom:1px solid #292929;text-align:left;font-size:13px}.stock-table input,.stock-table select{width:100%;padding:8px;background:#080808;color:#fff;border:1px solid #333;border-radius:8px}
.leads{width:100%;border-collapse:collapse}.leads th,.leads td{padding:10px;border-bottom:1px solid #292929;text-align:left;font-size:12px}.lead-actions{display:flex;gap:5px;flex-wrap:wrap}.lead-actions button{font-size:10px;padding:7px 9px}.privacy{font-size:11px;color:#777;line-height:1.5}.qrbox{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center}.qrbox img{width:180px;height:180px;background:#fff;padding:8px;border-radius:12px}
@media(max-width:850px){.dashboard{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.qrbox{grid-template-columns:1fr}.qrbox img{width:150px;height:150px}}

/* SA LOGIN GATE */
.sa-login-gate{max-width:520px;margin:0 auto 24px;background:linear-gradient(145deg,#171717,#0d0d0d);border:1px solid #3a3a3a;border-radius:22px;padding:30px;box-shadow:0 25px 70px #0008}
.sa-login-gate .login-logo{width:58px;height:58px;border-radius:16px;background:linear-gradient(145deg,#ff202b,#8b0007);display:grid;place-items:center;font-weight:1000;font-size:20px;box-shadow:0 12px 30px #e5091433;margin-bottom:16px}
.sa-login-gate h3{font-size:28px;margin:0 0 7px}.sa-login-gate p{color:#999;line-height:1.6;margin:0 0 20px}
.sa-login-gate .field{margin-bottom:12px}.sa-login-gate .login-btn{width:100%;margin-top:5px}
.login-error{display:none;margin-top:12px;padding:10px 12px;border-radius:10px;background:#3a0c0f;border:1px solid #7b1c22;color:#ff8c92;font-size:12px;font-weight:800}
.login-hint{margin-top:12px;color:#666;font-size:11px;line-height:1.5}
.sa-userbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px;padding:12px 14px;border:1px solid #292929;background:#111;border-radius:13px}
.sa-userbar .user{font-size:12px;color:#bbb}.sa-userbar .user b{color:#fff}
#dashboardContent{display:none}

.crm-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.crm-toolbar input,.crm-toolbar select{padding:9px 10px;border-radius:9px;min-width:150px}.crm-stage{min-width:130px}.follow-date{width:135px}.crm-note{width:180px}.due{color:#ffcf5a;font-weight:900}.overdue{color:#ff6b74;font-weight:900}.quote-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.notice-live{padding:12px 14px;border:1px solid #3a3b42;border-radius:12px;background:#101114;color:#bfc2c7;font-size:12px;line-height:1.6}.enquiry-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:700px){.enquiry-grid{grid-template-columns:1fr}.crm-note{width:140px}}

/* FLAGSHIP V7 — DELIVERY / LOAN TRACKER */
.tracker-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.tracker-form,.tracker-list{background:#fff;border:1px solid #e7e9ee;border-radius:20px;padding:20px}.tracker-form .field{margin-bottom:12px}.tracker-cards{display:grid;gap:10px}.tracker-card{border:1px solid #e7e9ee;border-radius:16px;padding:15px;background:#fafbfc}.tracker-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.tracker-card h4{margin:0 0 4px}.tracker-meta{font-size:12px;color:#6b7280;line-height:1.6}.tracker-stage{padding:7px 9px;border:1px solid #dfe3e8;border-radius:9px;background:#fff}.tracker-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.tracker-actions button,.tracker-actions a{font-size:11px;padding:8px 10px}.pill-status{font-size:10px;font-weight:900;border-radius:999px;padding:6px 9px;background:#eef3ff;color:#315ea8}.privacy-note{font-size:11px;color:#687386;line-height:1.55;background:#f6f8fb;border-radius:12px;padding:10px;margin-top:10px}@media(max-width:800px){.tracker-grid{grid-template-columns:1fr}}

.colour-picker{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 4px}.colour-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #34363d;background:#111216;color:#e8e9ec;border-radius:999px;font-size:11px;font-weight:850;cursor:pointer}.colour-chip:hover,.colour-chip.active{border-color:#e30613;box-shadow:0 0 0 2px rgba(227,6,19,.16)}.colour-dot{width:15px;height:15px;border-radius:50%;border:1px solid #777}.car-selected-colour{font-size:11px;color:#aeb2ba;margin-top:8px}.car-selected-colour b{color:#fff}.colour-note{font-size:10px;color:#7f838b;margin-top:6px}.detail-colours{margin:14px 0 18px}.detail-colours h3{margin:0 0 8px;font-size:15px}.official360{margin-top:10px}

/* V8.3 SHOWROOM SALES FLOW */
.showroom-stage{position:relative;overflow:hidden;border-radius:16px;background:radial-gradient(circle at 50% 80%,#2b2b2b 0,#121212 45%,#080808 100%);min-height:310px;display:grid;place-items:center}.showroom-stage:after{content:"";position:absolute;left:12%;right:12%;bottom:25px;height:22px;background:#0008;filter:blur(14px);border-radius:50%}.showroom-stage img{position:relative;z-index:1;width:100%;height:310px;object-fit:contain!important;transition:opacity .18s ease,transform .25s ease}.showroom-stage.switching img{opacity:.3;transform:scale(.985)}.colour-chip{border:1px solid #3b3b3b;background:#151515;color:#ddd;border-radius:999px;padding:8px 10px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;margin:4px 4px 0 0}.colour-chip.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff22}.colour-dot{width:17px;height:17px;border-radius:50%;border:1px solid #ffffff55;display:inline-block}.car-selected-colour{font-size:12px;color:#aaa;margin:7px 0 11px}.detail-colours{background:#101010;border:1px solid #292929;border-radius:15px;padding:16px;margin-bottom:16px}.colour-note{font-size:11px;color:#888;margin-top:9px;line-height:1.5}.official360{margin-top:12px}.showroom-badge{position:absolute;z-index:2;left:14px;bottom:14px;background:#000b;border:1px solid #ffffff22;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900}.showroom-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.showroom-toolbar .btn{padding:10px 12px;font-size:12px}.colour-disclaimer{margin-top:8px;color:#777;font-size:10px;line-height:1.45}

.variant-picker{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.variant-chip{padding:9px 12px;border-radius:999px;border:1px solid #34363d;background:#111216;color:#e8e9ec;font-size:11px;font-weight:900;cursor:pointer}.variant-chip.active,.variant-chip:hover{background:#fff;color:#111;border-color:#e30613}.selection-summary{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.selection-pill{padding:8px 10px;border:1px solid #30323a;background:#15161a;border-radius:10px;font-size:11px;color:#cfd1d6}.selection-pill b{color:#fff}.showroom-cta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.showroom-cta-grid .btn{padding:11px 9px;font-size:11px}.asset-status{margin-top:9px;padding:9px 11px;border-radius:10px;background:#111216;border:1px solid #292b31;color:#9da1a9;font-size:10px;line-height:1.5}@media(max-width:720px){.showroom-cta-grid{grid-template-columns:1fr 1fr}}
.asset-status.official-asset{border-color:#1d6b45;color:#7ee2ad;background:#0d1c15}.showroom-stage img{will-change:filter,opacity,transform}.showroom-badge{max-width:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* V8.7 X50 split media showroom */
.x50-video-stage{background:#080808;min-height:310px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.x50-video-stage video{width:100%;height:310px;object-fit:cover;display:block;background:#000}
.x50-colour-card{position:relative;min-height:310px;background:linear-gradient(145deg,#17181d,#101114);overflow:hidden}
.x50-colour-card .x50-mini-copy{position:absolute;z-index:3;top:18px;left:22px;right:22px;pointer-events:none}
.x50-colour-card .x50-mini-copy h2{font-size:18px!important;line-height:1.05;margin:0 0 3px!important;letter-spacing:.2px}
.x50-colour-card .x50-mini-copy p{font-size:12px!important;line-height:1.25;margin:0!important;color:#d0d2d6!important}
.x50-colour-card .showroom-stage{height:310px;min-height:310px;border-radius:0;background:radial-gradient(circle at 50% 78%,#303237 0,#16171b 43%,#0d0e11 100%)}
.x50-colour-card .showroom-stage img{height:310px;padding:48px 10px 2px;object-fit:contain!important}
.x50-colour-card .showroom-badge{bottom:12px}
@media(max-width:700px){.x50-video-stage,.x50-video-stage video,.x50-colour-card,.x50-colour-card .showroom-stage{min-height:240px;height:240px}.x50-colour-card .showroom-stage img{height:240px;padding-top:44px}.x50-colour-card .x50-mini-copy{top:14px;left:16px}.x50-colour-card .x50-mini-copy h2{font-size:16px!important}}

/* V8.9 Saga AI 360 preview */
.saga360-card{margin:0 0 16px;background:#0d0e11;border:1px solid #2b2d33;border-radius:16px;overflow:hidden}
.saga360-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #24262b}
.saga360-head h3{margin:0;font-size:15px}.saga360-head span{font-size:10px;color:#9ca1aa;font-weight:800;letter-spacing:.08em}
.saga360-card img{display:block;width:100%;height:auto;background:#08090b}
.saga360-note{padding:10px 16px 14px;color:#858a93;font-size:10px;line-height:1.5}

/* V9.0 HOME SALES CONVERSION */
.home-promo{padding:18px 0 6px}.home-promo-card{display:grid;grid-template-columns:1.35fr auto;gap:18px;align-items:center;padding:22px 24px;border:1px solid #34363d;border-radius:18px;background:linear-gradient(135deg,#17181c,#0d0e11);box-shadow:0 14px 38px rgba(0,0,0,.22)}.home-promo-card h3{margin:4px 0 7px;font-size:22px}.home-promo-card p{margin:0;color:#a9adb5;line-height:1.55}.home-promo-card .actions{margin:0;justify-content:flex-end}.promo-kicker{font-size:11px;font-weight:900;letter-spacing:.12em;color:#ff5660}.home-promo-note{font-size:11px;color:#7f838c;margin-top:7px!important}@media(max-width:700px){.home-promo-card{grid-template-columns:1fr;padding:18px}.home-promo-card .actions{justify-content:flex-start}.home-promo-card h3{font-size:19px}}


/* V10 Premium Home */
.v10-models{padding:56px 0;background:#0d0d0f}.v10-model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.v10-model{position:relative;overflow:hidden;border:1px solid #303137;background:linear-gradient(145deg,#191a1e,#101114);border-radius:22px;padding:18px;min-height:330px;display:flex;flex-direction:column}.v10-model .pill{align-self:flex-start;font-size:11px;font-weight:900;letter-spacing:1px;padding:7px 9px;border-radius:999px;background:#e30613;color:#fff}.v10-model img{width:100%;height:155px;object-fit:contain;margin:12px 0}.v10-model h3{margin:0 0 5px;font-size:24px}.v10-model p{margin:0 0 14px;color:#9da0a8;font-size:13px}.v10-model .actions{margin-top:auto}.why-hakim{padding:60px 0}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.why-card{border:1px solid #2d2e34;background:#15161a;border-radius:18px;padding:20px}.why-icon{font-size:28px;margin-bottom:12px}.why-card h3{font-size:17px;margin:0 0 7px}.why-card p{font-size:13px;color:#9da0a8;line-height:1.55;margin:0}.sales-cta{padding:18px 0 64px}.sales-cta-card{display:grid;grid-template-columns:1.5fr .8fr;gap:22px;align-items:center;padding:30px;border-radius:24px;border:1px solid #4a2428;background:radial-gradient(circle at 90% 10%,rgba(227,6,19,.22),transparent 40%),#171719}.sales-cta h2{margin:0 0 8px;font-size:clamp(26px,4vw,42px)}.sales-cta p{color:#b8bac0;margin:0}.sales-cta .actions{justify-content:flex-end;margin:0}@media(max-width:800px){.v10-model-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr 1fr}.sales-cta-card{grid-template-columns:1fr}.sales-cta .actions{justify-content:flex-start}}@media(max-width:520px){.why-grid{grid-template-columns:1fr}.v10-model{min-height:300px}}


/* V11 Premium Digital Showroom */
.v11-flow{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px}.v11-step{font-size:10px;font-weight:900;letter-spacing:.7px;padding:7px 9px;border-radius:999px;border:1px solid #30323a;background:#121318;color:#aeb1b8}.v11-step.on{background:#e30613;color:#fff;border-color:#e30613}.v11-pricebar{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin:0 0 16px}.v11-pricebox{padding:16px;border-radius:15px;border:1px solid #30323a;background:linear-gradient(145deg,#18191e,#111216)}.v11-pricebox span{display:block;color:#999;font-size:10px;font-weight:850;letter-spacing:.8px}.v11-pricebox strong{display:block;font-size:25px;margin-top:5px}.v11-pricebox small{display:block;color:#888;margin-top:4px}.v11-official{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid #2f3138;border-radius:13px;background:#121318;margin:0 0 16px}.v11-official p{margin:0;color:#aeb1b8;font-size:11px;line-height:1.45}.v11-official .btn{white-space:nowrap}.detail-content{padding-bottom:92px!important}.v11-sticky{position:sticky;bottom:0;z-index:6;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px -25px -25px;padding:12px 25px;background:rgba(12,12,14,.96);backdrop-filter:blur(12px);border-top:1px solid #30323a}.v11-sticky .btn{text-align:center}.v11-version{font-size:10px;color:#777;margin-top:7px}@media(max-width:600px){.v11-pricebar{grid-template-columns:1fr}.v11-official{align-items:flex-start;flex-direction:column}.v11-sticky{margin-left:-18px;margin-right:-18px;padding:10px 18px}.v11-pricebox strong{font-size:22px}}

/* V12 Digital Showroom 2.0 */
.v12-version{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:7px 10px;border-radius:999px;background:#e30613;color:#fff;font-size:10px;font-weight:900;letter-spacing:.8px}
.v12-quickbar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.v12-quickbar a,.v12-quickbar button{border:1px solid #30323a;background:#121317;color:#fff;border-radius:12px;padding:11px 8px;text-align:center;font:inherit;font-size:11px;font-weight:900;cursor:pointer;text-decoration:none}.v12-quickbar a:hover,.v12-quickbar button:hover{border-color:#e30613;background:#1b1517}.v12-selected-card{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #3b2427;background:linear-gradient(135deg,#18191d,#201416);border-radius:16px;padding:14px;margin:12px 0}.v12-selected-card small{display:block;color:#8f9299;margin-bottom:4px}.v12-selected-card b{font-size:14px}.v12-selected-card .mini-actions{display:flex;gap:7px;flex-wrap:wrap}.v12-selected-card .mini-actions button{border:1px solid #35363c;background:#111216;color:#fff;border-radius:9px;padding:8px 10px;cursor:pointer;font-size:10px;font-weight:800}.v12-model-badges{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 12px}.v12-model-badges span{font-size:9px;font-weight:900;letter-spacing:.4px;border:1px solid #34363d;background:#121317;color:#cfd1d6;border-radius:999px;padding:6px 8px}.v12-progress{height:4px;background:#292a30;border-radius:999px;overflow:hidden;margin:8px 0 15px}.v12-progress i{display:block;height:100%;width:50%;background:#e30613;border-radius:inherit}.v12-toast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%) translateY(20px);background:#fff;color:#111;padding:10px 14px;border-radius:999px;font-size:11px;font-weight:900;z-index:9999;opacity:0;pointer-events:none;transition:.2s}.v12-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:650px){.v12-quickbar{grid-template-columns:1fr 1fr}.v12-selected-card{align-items:flex-start;flex-direction:column}}


@media(max-width:900px){.nav{height:auto;min-height:72px}nav{display:flex!important;gap:8px;flex-wrap:wrap;overflow:visible}}

.customer-tool-nav{display:flex;gap:8px;flex-wrap:wrap;padding:16px 18px}.customer-tool-nav a{border:1px solid #333;border-radius:9px;padding:10px 12px;font-size:13px}#customerToolNav[hidden]{display:none}


  :root{
    --hp-red:#e30613;
    --hp-red-dark:#b80510;
    --hp-black:#090909;
    --hp-panel:#151515;
    --hp-border:#303030;
    --hp-text:#f7f7f7;
    --hp-muted:#bfc2c7;
  }
  body{color:var(--hp-text)!important;background:var(--hp-black);}
  .sa-login-top{
    position:absolute;right:18px;top:14px;z-index:99999;
    display:inline-flex;align-items:center;gap:6px;
    padding:10px 15px;border-radius:9px;
    background:var(--hp-red)!important;color:#fff!important;
    border:1px solid #ff4a54!important;
    font-size:13px!important;font-weight:900!important;
    line-height:1;text-decoration:none!important;
    box-shadow:0 4px 16px rgba(0,0,0,.35);
  }
  .sa-login-top:hover{background:#ff1725!important;color:#fff!important;transform:translateY(-1px);}
  header, .header, nav{position:relative;}
  h1,h2,h3,h4,h5,h6{color:#fff!important;line-height:1.2;}
  p,li,label,small,.muted,.subtext{color:var(--hp-muted);}
  button,.btn,a.btn{font-weight:800;}
  /* Make car detail CTA unmistakable on dark/red designs. */
  button[onclick*="detail"], button[onclick*="Detail"],
  .detail-btn,.btn-detail,.detail-car,.car-detail,
  a[href*="detail"]{
    background:#fff!important;color:#111!important;
    border:2px solid var(--hp-red)!important;
    text-shadow:none!important;
    box-shadow:0 3px 10px rgba(0,0,0,.25);
    font-weight:900!important;
  }
  button[onclick*="detail"]:hover, button[onclick*="Detail"]:hover,
  .detail-btn:hover,.btn-detail:hover,.detail-car:hover,.car-detail:hover,
  a[href*="detail"]:hover{
    background:var(--hp-red)!important;color:#fff!important;
  }
  .card,.car-card,.model-card,.panel,.modal-content{
    color:var(--hp-text);
  }
  input,select,textarea{
    color:#fff!important;background:#101010!important;
    border:1px solid #555!important;
  }
  input::placeholder,textarea::placeholder{color:#999!important;}
  @media(max-width:700px){
    .sa-login-top{right:10px;top:10px;padding:9px 11px;font-size:11px!important;}
    nav,header{padding-right:120px!important;}
  }


:root{--red:#e30613;--red2:#ff2634;--black:#070707;--panel:#111216;--line:#2c2d33;--text:#f8f8f8;--muted:#aeb2ba}
html{scroll-behavior:smooth}
body{background:radial-gradient(circle at 80% 0%,rgba(227,6,19,.10),transparent 32%),linear-gradient(180deg,#080808,#0b0b0d 50%,#080808)!important;color:var(--text)!important}
.wrap{width:min(1180px,calc(100% - 32px));margin:auto}
header{position:sticky!important;top:0;z-index:9000;background:rgba(7,7,7,.90)!important;backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)!important}
.nav{min-height:72px!important;gap:18px!important}
.brand{font-weight:950!important}.brand small{color:#9fa3ab!important}
.badge{background:linear-gradient(135deg,var(--red),#85000a)!important;box-shadow:0 7px 20px rgba(227,6,19,.28)}
nav{gap:7px!important}
nav a:not(.sa-login-top){color:#d7d8dc!important;border-radius:8px;padding:9px 10px!important;font-weight:800!important}
nav a:not(.sa-login-top):hover{background:#1a1a1d;color:#fff!important}
.sa-login-top{position:static!important;display:inline-flex!important;align-items:center;justify-content:center;padding:10px 13px!important;border-radius:9px!important;background:var(--red)!important;color:#fff!important;border:1px solid #ff5360!important;font-weight:950!important;box-shadow:0 5px 18px rgba(227,6,19,.25);order:99}
.sa-login-top:hover{background:var(--red2)!important;transform:translateY(-1px)}
.hero{padding:78px 0 42px!important;background:radial-gradient(circle at 78% 40%,rgba(227,6,19,.15),transparent 35%)}
.hero h1{font-size:clamp(42px,6vw,78px)!important;line-height:.98!important;letter-spacing:-2px!important}
.hero h1 span{color:var(--red)!important}.hero p{font-size:18px!important;line-height:1.7!important;color:#c5c7cd!important;max-width:650px}
.hero-card{border:1px solid #383941!important;border-radius:24px!important;box-shadow:0 18px 50px rgba(0,0,0,.35)!important;overflow:hidden}
.hero-card img,.hero-card video{transition:transform .5s ease}.hero-card:hover img,.hero-card:hover video{transform:scale(1.015)}
.hero-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;max-width:700px}
.hero-trust div{padding:13px 14px;border:1px solid #2c2d33;background:rgba(18,18,21,.75);border-radius:12px}
.hero-trust b{display:block;color:#fff;font-size:14px}.hero-trust span{display:block;color:#969aa2;font-size:12px;margin-top:3px}
.quick-strip{padding:8px 0 25px}.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.quick-grid a{padding:16px 13px;border:1px solid #292a30;background:linear-gradient(145deg,#15161a,#0e0f12);border-radius:14px;color:#fff;text-decoration:none;transition:.2s}
.quick-grid a:hover{border-color:#e30613;transform:translateY(-2px)}.quick-grid span{font-size:22px;display:block;margin-bottom:7px}
.quick-grid b{display:block;font-size:14px}.quick-grid small{color:#8f939b;font-size:11px}
section{scroll-margin-top:88px}.section-head h2{font-size:34px!important;letter-spacing:-.7px}.section-head p{color:#aeb2ba!important}
.filters .filter{border-radius:999px!important;border:1px solid #3a3b42!important;background:#121318!important;color:#dfe0e4!important;font-weight:850!important}
.filters .filter.active,.filters .filter:hover{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}
.car-card,.card,.panel,.ultra{background:linear-gradient(145deg,#17181d,#0f1013)!important;border:1px solid #2e3037!important;box-shadow:0 10px 28px rgba(0,0,0,.2)}
.car-card{border-radius:18px!important;overflow:hidden!important}.car-card img{background:#101114!important}
.car-card h3{font-size:21px!important}.car-card .sub{color:#aeb2ba!important}.price{font-weight:950!important;color:#fff!important}
.price small{color:#8e929a!important;font-weight:600}
.car-card .btn.dark{background:#fff!important;color:#111!important;border:2px solid var(--red)!important;font-weight:950!important}
.car-card .btn.dark:hover{background:var(--red)!important;color:#fff!important}
.detail-modal{background:rgba(0,0,0,.84)!important;backdrop-filter:blur(8px)}
.detail-box{background:#111216!important;border:1px solid #3a3b42!important;box-shadow:0 30px 80px rgba(0,0,0,.65)!important}
.detail-title{background:linear-gradient(145deg,#17181d,#101114)!important}.detail-title h2{font-size:34px!important}.detail-title p{color:#b7bac1!important}
.spec{background:#17181d!important;border:1px solid #2d2f36!important;border-radius:12px!important}.spec span{color:#999da5!important}.spec b{color:#fff!important}
.detail-panel{background:#17181d!important;border:1px solid #2d2f36!important;border-radius:14px!important}.detail-panel li{color:#d5d6da!important}
.close{background:#fff!important;color:#111!important;border:2px solid var(--red)!important;font-weight:950!important}
input,select,textarea{border-radius:10px!important;background:#0d0e11!important;color:#fff!important}label{color:#e7e8eb!important;font-weight:800!important}
footer{border-top:1px solid #27282d!important;color:#b7bac1!important}
@media(max-width:900px){.nav{flex-wrap:wrap;padding:10px 0!important}.nav .brand{flex:1}.nav>.btn.red{order:3}nav{order:4;width:100%;overflow:auto;justify-content:flex-start!important}.sa-login-top{margin-left:auto!important}.quick-grid{grid-template-columns:repeat(2,minmax(110px,1fr));overflow:auto}.quick-grid a{min-width:110px}}
@media(max-width:600px){.wrap{width:min(100% - 22px,1180px)}.hero{padding:52px 0 28px!important}.hero h1{font-size:44px!important;letter-spacing:-1.5px!important}.hero p{font-size:15px!important}.hero-trust{grid-template-columns:1fr}.hero-trust div{padding:11px 12px}.nav{min-height:62px!important}.brand{font-size:13px!important}.badge{width:34px!important;height:34px!important}nav a:not(.sa-login-top){padding:8px 9px!important;font-size:12px!important}.sa-login-top{font-size:11px!important;padding:9px 10px!important}.section-head h2{font-size:28px!important}.detail-top{grid-template-columns:1fr!important}.detail-top img{height:230px!important}.detail-title h2{font-size:28px!important}}

/* HAKIM PROTON — Premium Loan Summary V12.3.1 */
#loan .quote-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:22px}
#loan .ultra{padding:24px}#loan .btn.red{color:#fff}#loan .actions{gap:9px}#loan .actions .btn{font-size:13px;padding:13px 15px}
.loan-premium{position:relative;overflow:hidden;background:linear-gradient(145deg,#191b21,#101116 62%,#171017);color:#f5f6f8;border:1px solid #38343d;border-radius:22px;padding:24px;box-shadow:0 20px 48px #0005;isolation:isolate}
.loan-premium:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#f11331,#ff6273 45%,#5c1525);z-index:-1}
.loan-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.loan-eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:900;color:#dbbcc4}.loan-live{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#c5c8d0;white-space:nowrap;padding:6px 9px;border:1px solid #3b3c46;border-radius:999px;background:#ffffff05}.loan-live i{width:5px;height:5px;border-radius:50%;background:#8ed4b0}
.loan-model-stage{display:grid;grid-template-columns:minmax(0,1fr) 142px;align-items:center;gap:14px;margin-bottom:23px}.loan-model-kicker{color:#a8a7b3;font-size:10px;font-weight:800;letter-spacing:1.5px}.loan-model-stage h3{font-size:24px;line-height:1.15;letter-spacing:-.7px;margin:8px 0;color:#fff}.loan-model-stage p{font-size:11px;line-height:1.6;color:#a0a1ae;margin:0;max-width:210px}.loan-car-frame{height:99px;position:relative;display:grid;place-items:center;border-radius:13px;overflow:hidden;background:linear-gradient(145deg,#e8ebef,#c6cbd3);border:1px solid #ffffff22}.loan-car-frame>span{color:#838a95;font-size:17px;font-weight:900;letter-spacing:2px}.loan-car-frame img{position:absolute;width:100%;height:100%;object-fit:contain}
.loan-payment{padding:21px 0 20px;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.loan-payment>span{display:block;color:#d4bfc6;font-size:10px;font-weight:900;letter-spacing:1.5px}.loan-monthly{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin:9px 0 12px}.loan-monthly strong{font-size:clamp(34px,4vw,52px);line-height:1.06;font-weight:950;letter-spacing:-2px;color:#fff;font-variant-numeric:tabular-nums}.loan-monthly>span{font-size:13px;color:#a3a4b0}.loan-term{display:flex;align-items:center;gap:7px;font-size:11px;color:#b9bbc5}.loan-term svg{color:#ff5369;flex-shrink:0}
.loan-funding{margin:18px 0 8px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid #e72c4c40;border-radius:12px;background:linear-gradient(110deg,#5d182640,#29151f50)}.loan-funding>span{font-size:10px;font-weight:900;color:#d6b0bb;letter-spacing:.8px}.loan-funding strong{font-size:23px;color:#ffb2bd;letter-spacing:-.6px;white-space:nowrap;font-variant-numeric:tabular-nums}
.loan-breakdown{margin:3px 0 12px}.loan-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 1px;border-bottom:1px solid #ffffff0a;font-size:12px}.loan-line>span{color:#aeb0bd}.loan-line b{color:#e2e3ea;font-size:12px;font-weight:750;font-variant-numeric:tabular-nums}
.loan-deposit{padding:3px 0 18px}.loan-deposit>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#9fa1ad;margin-bottom:8px}.loan-deposit b{color:#ff8da0;font-weight:800}.loan-deposit-track{height:5px;background:#ffffff0c;border-radius:99px;overflow:hidden}.loan-deposit-track i{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#eb1739,#ff8ba0);transition:width .3s ease}
.loan-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px;border-top:1px solid #ffffff12;color:#9497a3;font-size:10px}.loan-advisor{font-weight:950;color:#ff5268;letter-spacing:.6px}.loan-advisor b{color:#d1d3dd;font-size:9px}.loan-disclaimer{font-size:10px;line-height:1.65;color:#9699a6;margin:11px 0 0}.loan-premium.is-generated{animation:loanGenerated .55s ease}.loan-premium.is-generated .loan-live{border-color:#e8406155;color:#ffc4d0}.loan-premium.is-generated .loan-live i{background:#ff7188}
@keyframes loanGenerated{0%{box-shadow:0 0 0 2px #ff4f7777,0 20px 48px #0005}100%{box-shadow:0 0 0 0 #ff4f7700,0 20px 48px #0005}}
@media(max-width:760px){#loan .quote-card{grid-template-columns:1fr}#loan .ultra{padding:20px}.loan-premium{padding:22px}.loan-monthly strong{font-size:46px}}
@media(max-width:420px){.loan-premium{padding:18px}.loan-model-stage{grid-template-columns:minmax(0,1fr) 115px;gap:10px}.loan-car-frame{height:86px}.loan-model-stage h3{font-size:22px}.loan-eyebrow{font-size:9px;letter-spacing:1px}.loan-live{font-size:9px;padding:5px 7px}.loan-funding strong{font-size:20px}.loan-monthly strong{font-size:43px;letter-spacing:-1.5px}.loan-card-foot{flex-wrap:wrap;gap:6px}}
@media(prefers-reduced-motion:reduce){.loan-premium.is-generated{animation:none}.loan-deposit-track i{transition:none}}

#loan{scroll-margin-top:96px}
@media(max-width:760px){header,header nav{padding-right:0!important}.nav{height:auto!important}.nav nav{display:flex!important;flex-direction:row;gap:5px!important;flex-wrap:wrap;padding-right:0!important;overflow:visible}.nav nav a{white-space:nowrap}#loan{scroll-margin-top:160px}}

@media(max-width:760px){.loan-premium{scroll-margin-top:140px}}

[data-customer-feature][hidden]{display:none!important}a[hidden],button[hidden]{display:none!important}
#quote .quote-preview{background:linear-gradient(145deg,#191d25,#0c0e13);color:#f5f7fb;border:1px solid #343a47;border-radius:24px;padding:28px;box-shadow:0 20px 60px #0005;overflow:hidden}#quote .quote-preview h3{font-size:23px;color:white;margin:8px 0}#quote .quote-kicker{color:#ff6573;font-size:11px;font-weight:800;letter-spacing:2px}#quote .quote-sa{display:flex;justify-content:space-between;gap:14px;margin:18px 0;padding:14px;background:#ffffff09;border-radius:12px}#quote .quote-sa span{display:block;font-size:11px;color:#aeb6c5;margin-bottom:6px}#quote .quote-sa b{overflow-wrap:anywhere}#quote .quote-monthly{padding:22px;background:linear-gradient(120deg,#cc0920,#ef3045);border-radius:16px;margin:20px 0;color:white}#quote .quote-monthly strong{display:block;font-size:42px;letter-spacing:-1.5px;line-height:1.2;margin:7px 0}#quote .quote-monthly small{font-size:13px}#quote .quote-line{border-color:#ffffff18;padding:11px 0;gap:16px;font-size:13px}#quote .quote-line span{color:#adb6c6}#quote .quote-line b{text-align:right;color:white}#quote .quote-preview .mini{color:#9da8ba;line-height:1.6;font-size:11px}#quote .quote-card{align-items:start;gap:24px}#quote .ultra{border-radius:24px} @media(max-width:600px){#quote .quote-preview{padding:20px}#quote .quote-monthly strong{font-size:36px}#quote .quote-sa{flex-direction:column}}
/* HAKIM PROTON — Black & Gold Batik */
:root{--red:#d8b35f;--red2:#b98d39;--gold:#e4c779;--line:#4c4129;--muted:#bdb7a8;--white:#f6f2e6;color-scheme:dark}
body{background:#080a09!important;color:#f6f2e6;padding-left:30px;padding-right:30px;background-image:radial-gradient(ellipse at 50% 0,#b9993520,transparent 55%)!important}
body:before,body:after{content:"";position:fixed;top:0;bottom:0;width:24px;background:#080907 url('assets/theme/batik-gold.svg') center top/24px 103px repeat-y;pointer-events:none;z-index:150;border-right:1px solid #c6a14b55}
body:before{left:0}body:after{right:0;transform:scaleX(-1)}
header,.top{background:#090b09f5!important;border-bottom-color:#b5994c88!important}.brand{color:#f0d78e}.brand small{color:#b5ac92}.badge{background:linear-gradient(135deg,#f2d890,#b38a32)!important;color:#161408;box-shadow:0 5px 24px #cba64c22}
h1,h2,.section-head h2{color:#efd995}h1 span,.eyebrow,.promo-kicker,.red,.source a{color:#dfbd6b!important}
.hero{background:radial-gradient(ellipse at 82% 24%,#a8863027,transparent 50%),linear-gradient(145deg,#12140f,#080a09)!important}.hero-card{border-color:#b2984e88!important;background:linear-gradient(145deg,#242319,#0c0e0b)!important;box-shadow:0 22px 60px #0008}
.btn.red,.redbtn,.filter.active,button[type=submit],.sa-login-top{background:linear-gradient(120deg,#f1d68a,#c79c43)!important;color:#17150c!important;border:1px solid #e6c673!important;box-shadow:0 5px 18px #d1ac4922!important}.btn.red:hover,.redbtn:hover,.sa-login-top:hover{filter:brightness(1.08)}
.btn.dark,.btn.ghost,.ghost,.filter,.compare-btn,.detail-actions a{background:#14160f!important;border:1px solid #a58b4d88!important;color:#f4e7c2!important}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #f2d68a;outline-offset:4px}
.panel,.ultra,.car,.box,.metric,.card,.hero-trust div,.why-card,.v10-model,.home-promo-card,.sales-cta-card,.detail-box,.showroom-card,.display-settings,.display-option{background:linear-gradient(145deg,#181a14,#0d0f0c)!important;border-color:#a98c425c!important;box-shadow:0 12px 32px #0003}
.home-promo,.why-hakim,.v10-models,.quick-strip{background:transparent!important}.quick-grid a{background:#16180f!important;border-color:#766036!important}.sales-cta-card{background:radial-gradient(circle at 90% 0,#a0803026,transparent 60%),#12140f!important}
.tag,.pill,.v10-model .pill{background:#d7b15b!important;color:#151306!important}.car:hover{border-color:#e4c779!important}.price,.metric b{color:#e6c97b}.car-media{background:#dde0da}.field input,.field select,input,select,textarea{border-color:#5b5034!important;background:#0a0c09!important;color:#f8f2e3!important}.field input:focus,.field select:focus,input:focus,select:focus,textarea:focus{border-color:#e3c16d!important;outline-color:#e3c16d}
input[type=checkbox]{accent-color:#d7b15b}.muted,.sub,.section-head p{color:#b8b6a8!important}footer{border-color:#7c683755!important;background:#090b08!important}.float a{background:linear-gradient(120deg,#f0d487,#caa04a)!important;color:#181608!important;box-shadow:0 7px 28px #0008}
.loan-premium{background:linear-gradient(145deg,#222319,#10130d)!important;border-color:#a58c4c88!important}.loan-premium:before{background:linear-gradient(90deg,#997a35,#f1db96,#9e7e35)!important}.loan-eyebrow,.loan-payment>span,.loan-funding>span,.loan-advisor,.loan-deposit b{color:#dfc576!important}.loan-monthly strong,.loan-funding strong{color:#f2d98e!important}.loan-funding{background:#d2af4911!important;border-color:#a98d4a66!important}.loan-term svg{color:#dec376!important}.loan-deposit-track i{background:linear-gradient(90deg,#a58436,#f0da94)!important}.loan-premium.is-generated .loan-live{border-color:#dec37666;color:#efd990}.loan-premium.is-generated .loan-live i{background:#efd990}
#loan .btn.red{color:#17150c!important}#quote .quote-preview{background:linear-gradient(145deg,#202219,#0d100b)!important;border-color:#b5994c88!important}#quote .quote-kicker{color:#e0c170!important}#quote .quote-monthly{background:linear-gradient(120deg,#ecd38b,#c39a42)!important;color:#17150b!important}#quote .quote-monthly strong{color:#17150b!important}#quote .quote-sa{background:#d2af4910;border:1px solid #a58c4c77}#quote .quote-line b{color:#f2e7c6!important}.quote-preview h3{color:#f0d68e!important}
.tabs button.active,.tabs .active{background:#d7b15b!important;color:#141407!important}.display-count{color:#edcf80!important}.display-option:has(input:checked){border-color:#d7b15b!important;background:#d7b15b14!important}
@media(max-width:760px){body{padding-left:12px;padding-right:12px;padding-bottom:78px}body:before,body:after{width:7px;background-size:12px 52px}.wrap{width:100%!important;padding-left:10px!important;padding-right:10px!important}.nav{gap:10px}.brand{min-width:0}.brand small{letter-spacing:1px}.float{right:15px;bottom:12px}.float a{padding:11px 15px;font-size:12px}.hero h1{font-size:clamp(32px,9vw,44px)!important;line-height:1.06}.section-head{flex-wrap:wrap}.top{flex-wrap:wrap;gap:10px;padding:12px 10px}.hero-card{border-radius:16px}.box{padding:23px}.brand{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.loan-premium.is-generated{animation:none}}

/* V12.5 responsive layout approved by Hakim */
body{font-family:Arial,Helvetica,system-ui,sans-serif!important;padding:38px 46px 0;background-color:#090a09!important}
body:before,body:after{width:36px;background-size:36px 154px;border-color:#d4b46699}
html:before,html:after{content:"";position:fixed;left:0;right:0;height:30px;background:#080907 url('assets/theme/batik-gold-horizontal.svg') center/154px 36px repeat-x;z-index:151;pointer-events:none;border-bottom:1px solid #d4b466}html:before{top:0}html:after{bottom:0;transform:rotate(180deg)}
h1,h2,h3,.brand,.btn,nav,input,select,textarea{font-family:Arial,Helvetica,system-ui,sans-serif!important}
h1,h2,h3{letter-spacing:-.5px}.section-head h2{color:#fff8e5!important;font-weight:800}
header{top:30px}.nav{height:auto;min-height:78px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:14px}.brand{font-size:16px;flex-shrink:0}.brand small{font-size:10px}.nav nav{flex:1;justify-content:flex-end;gap:16px;flex-wrap:wrap}.nav nav a{font-size:13px}.sa-login-top{background:#0b0d0b!important;color:#f1d68a!important;white-space:nowrap}.mobile-menu-toggle{display:none}
.v10-models .wrap{padding-top:12px}.v10-model-grid{gap:20px}.v10-model{padding:14px;border:1px solid #ddbc68!important;border-radius:18px;background:radial-gradient(ellipse at top right,#b8953215,transparent 65%),#10120e!important}.v10-model img{height:220px;margin:12px 0 18px;object-fit:contain;border-radius:12px;background:linear-gradient(140deg,#2b2c27,#131611)}.v10-model h3{font-size:27px;color:#fff9e9}.v10-model p{font-size:14px;line-height:1.6;color:#c8c6ba}.v10-model .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v10-model .actions .btn{padding:13px 10px;font-size:14px}.section-head p{font-size:16px;line-height:1.6}.btn{min-height:44px}.float{bottom:42px;right:48px}
@media(min-width:1100px){.v10-model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand{max-width:340px}.nav{gap:20px}}
@media(max-width:800px){body{padding:20px 17px 92px!important}body:before,body:after{width:12px;background-size:15px 64px}html:before,html:after{height:14px;background-size:64px 15px}header{top:14px}.wrap{padding:0 10px!important}.nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px;height:auto!important;min-height:0;padding:12px 8px!important}.brand{font-size:12px;gap:8px;max-width:none}.brand small{font-size:8px;letter-spacing:1px}.badge{width:36px;height:36px;flex-shrink:0;border-radius:10px}.nav>.sa-login-top{grid-column:2;grid-row:1;padding:10px;font-size:11px!important;position:static!important}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;gap:7px;grid-column:2;min-height:42px;border:1px solid #d8b35f;background:#0d100c;color:#f0d486;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:700}.nav>nav{display:none!important;grid-column:1/-1;border-top:1px solid #776337;padding:12px 0}.nav.menu-open>nav{display:flex!important;justify-content:flex-start;gap:10px}.nav nav a{border:1px solid #79673c;border-radius:8px;padding:9px;font-size:12px}.nav>.btn.red{grid-column:1;grid-row:2;justify-self:start;font-size:12px;padding:10px 14px}.customer-tool-nav{display:none!important}.site-menu-open .customer-tool-nav{display:flex!important;flex-wrap:wrap}section{padding:30px 0}.section-head{margin-bottom:20px;gap:14px}.section-head h2{font-size:28px;line-height:1.12}.section-head p{font-size:14px;line-height:1.55}.section-head>.btn{font-size:13px}.v10-model-grid{grid-template-columns:1fr!important;gap:16px}.v10-model{padding:12px;min-height:0}.v10-model img{height:200px;margin:10px 0 15px}.v10-model h3{font-size:26px}.v10-model p{font-size:13px}.v10-model .actions .btn{font-size:13px;min-height:46px}.hero-grid,.quote-card,.tool-grid{grid-template-columns:1fr!important}.float{position:static!important;display:flex;justify-content:flex-end;padding:0 12px 24px;margin-top:10px}.float a{min-height:46px}.box{padding:20px 15px}.sa-login-top{margin:0!important}.detail-box{max-width:100%}}

/* Use the approved batik frame artwork rather than a substitute pattern. */
html:before,html:after,body:after{display:none!important}body:before{inset:0;width:auto;height:auto;background:none;border:34px solid #090a09;border-image-source:url('assets/theme/quotation-batik-original.png');border-image-slice:80 75 90 75;border-image-width:34px;border-image-repeat:stretch;transform:none;z-index:151}
@media(max-width:800px){body:before{width:auto;border-width:14px;border-image-width:14px}.brand{font-weight:700;letter-spacing:0}.v10-models{padding-top:24px}.v10-model-grid{gap:16px}}

/* V12.5.1 desktop showroom composition */
.desktop-x50-scene{display:none}
@media(min-width:1000px){
.wrap{max-width:1360px}.nav{flex-wrap:nowrap}.nav nav{flex-wrap:nowrap}.brand{font-size:19px;max-width:none}.brand small{font-size:9px;letter-spacing:3px}.badge{border-radius:50%;width:48px;height:48px}.nav>.sa-login-top{order:3}.nav>.btn.red{order:4}.nav>nav{order:2}.brand{order:1}
#top{display:flex;flex-direction:column}#top>section{order:4}#top>.hero{order:0}#top>#customerToolNav{order:1}#top>#customerTools{order:2}#top>#loan{order:3}
.hero{padding:12px 0 0!important;background:transparent!important}.hero-grid{position:relative;min-height:355px;grid-template-columns:1fr 1.15fr!important;gap:0;padding:32px 35px!important;border:2px solid #dcc274;background:repeating-linear-gradient(126deg,transparent 0 125px,#d8b35f88 126px,#f6e4a866 128px,transparent 130px 250px),radial-gradient(ellipse at 78% 90%,#8d826744,transparent 40%),#0b0d0c;box-shadow:inset 0 0 0 4px #0b0d0c,inset 0 0 0 5px #b79946}
.hero h1{font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(42px,4.2vw,65px)!important;line-height:1.03;letter-spacing:-1.5px;color:#f3d78b;margin:15px 0}.hero h1 span{color:#f3d78b!important}.hero p{font-size:17px;line-height:1.5;max-width:430px;margin:0}.hero .actions{margin-top:22px}.hero-trust{display:none!important}.hero-card{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.hero-card>video{display:none}.desktop-x50-scene{display:block;position:relative}.desktop-x50-scene img{width:100%;height:275px;object-fit:contain;aspect-ratio:auto;filter:drop-shadow(0 20px 10px #0008)}.desktop-model-label{position:absolute;right:10px;top:-12px;font-family:Georgia,serif;color:#f7e0a0;font-style:italic;font-size:19px}.desktop-model-label strong{display:block;font-family:Arial,sans-serif;font-style:italic;font-size:56px;color:#fff;line-height:.9}
.v10-models{padding:18px 0!important}.v10-models .section-head{align-items:center;margin:0 0 15px}.v10-models .section-head h2{font-family:Georgia,serif!important;text-transform:uppercase;font-size:26px!important;color:#f0d688!important}.v10-models .section-head p{font-size:12px;margin:4px 0}.v10-model-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.v10-model{position:relative;min-height:245px;padding:12px;overflow:hidden;background:repeating-linear-gradient(126deg,transparent 0 100px,#d8b35f66 101px,transparent 103px 200px),linear-gradient(0deg,#928a7233,#111311 40%)!important}.v10-model img{height:165px;background:transparent;margin:6px 0 8px;padding:0;filter:drop-shadow(0 9px 5px #0005)}.v10-model h3{font-style:italic;font-size:25px;margin:0 0 5px}.v10-model p{font-size:11px;line-height:1.4;margin:0 0 7px}.v10-model .actions{margin-top:auto}.v10-model .actions .btn{min-height:36px;padding:8px;font-size:12px}.v10-model .pill{font-size:9px;padding:5px 8px}
#loan{padding:10px 0 22px}#loan>.wrap{display:grid;grid-template-columns:27% 1fr;gap:20px;padding:25px!important;border:2px solid #c8aa5a;background:radial-gradient(ellipse at 5% 50%,#a0842515,transparent 50%),#0b0e0b}#loan .section-head{margin:0;align-self:start}#loan .section-head h2{font-family:Georgia,serif!important;font-size:29px;color:#f3d98a!important}#loan .section-head p{font-size:13px;line-height:1.6}#loan .quote-card{grid-template-columns:1.35fr .9fr;gap:20px}#loan .ultra{padding:0!important;background:none!important;border:0!important;box-shadow:none!important}#loan .form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#loan label{font-size:10px}#loan input,#loan select{padding:9px;font-size:12px;min-width:0}#loan .actions{margin-top:14px;gap:7px}#loan .actions .btn{padding:9px 12px;font-size:11px;min-height:36px}#loan .loan-premium{padding:0 0 0 20px;border:0!important;border-left:1px solid #c6a552!important;border-radius:0;background:transparent!important;box-shadow:none!important}#loan .loan-premium:before{display:none}#loan .loan-card-head,#loan .loan-model-stage,#loan .loan-funding,#loan .loan-breakdown,#loan .loan-deposit,#loan .loan-card-foot{display:none}#loan .loan-monthly strong{font-size:42px}#loan .loan-payment{padding:8px 0}#loan .loan-disclaimer{font-size:9px;margin-top:8px}#loan .loan-term{font-size:11px}.desktop-loan-details{display:inline-block!important;color:#efd78c;background:none;border:1px solid #756136;border-radius:7px;padding:7px;margin-top:10px;font-size:10px;cursor:pointer}#loan .loan-premium.details-open .loan-funding,#loan .loan-premium.details-open .loan-breakdown,#loan .loan-premium.details-open .loan-deposit{display:block}
}
.desktop-loan-details{display:none}

.desktop-selection-title{display:none}@media(min-width:1000px){.desktop-selection-title{display:inline}.mobile-selection-title{display:none}.v10-model:nth-child(2){order:-1}}

@media(min-width:1000px){.hero h1{color:#f3d78b!important}.desktop-model-label{top:3px}.brand>span:not(.badge){font-family:Georgia,serif;font-weight:700;letter-spacing:.8px}.brand small{font-family:Arial,sans-serif;font-weight:400}.v10-models .promo-kicker{display:none}.v10-models .wrap{padding-top:0}.customer-tool-nav{padding-top:10px;padding-bottom:8px}}

/* V12.5.2 S70 video replaces the desktop still. */
@media(min-width:1000px){.hero-card>video{display:block!important;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border:1px solid #bd9e50;border-radius:12px;background:#000}.hero-card{padding-left:18px!important;overflow:visible}.hero-grid{grid-template-columns:1fr 1.2fr!important}}
.hero-card video:focus-visible{outline:2px solid #ebcb75;outline-offset:4px}

.spin360{padding:22px;border:1px solid #bda05b;border-radius:20px;background:linear-gradient(140deg,#1c201a,#090d09);margin:20px 0}.spin-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.spin-heading h3{margin:0;color:#f4d98f;font-size:21px}.spin-heading>span{font-size:10px;white-space:nowrap;color:#dec57b}.spin-note{font-size:12px;color:#c2c6b9;line-height:1.5}.spin-stage{cursor:grab;touch-action:pan-y;min-height:170px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#b0ae9733,transparent 70%);border-radius:14px;overflow:hidden}.spin-stage:active{cursor:grabbing}.spin-stage img{width:100%;height:290px;object-fit:contain;user-select:none;pointer-events:none}.spin-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.spin-controls button{min-height:44px;background:#171c12;color:#f4df9c;border:1px solid #a88d47;border-radius:9px;padding:10px 14px;cursor:pointer}.spin-controls input{flex:1;min-width:90px;accent-color:#d8b35f}.spin-stage:focus-visible{outline:2px solid #e9ce80;outline-offset:3px}@media(max-width:700px){.spin360{padding:15px}.spin-heading h3{font-size:17px}.spin-stage img{height:190px}.spin-controls{gap:7px}.spin-controls button{padding:10px}.spin-controls #spinPlay{width:100%}}
.detail-modal{z-index:200!important}.detail-close{z-index:205!important}.detail-modal .spin-stage img{background:transparent}
.detail-modal{z-index:100000!important}.detail-modal .close{z-index:100001!important;background:#151b0e!important;color:#f2d686!important;border-color:#ba994e!important}.v11-step.on{background:#d8b35f!important;color:#15180f!important}.v12-progress i{background:#d8b35f!important}
/* V12.6.1: luxury stage and aligned gold frames */
.detail-modal .detail-box{border:1px solid #d5b258!important;background:linear-gradient(135deg,#10120f,#080a08)!important}
.detail-modal .detail-content{padding-top:24px}.detail-modal .close{position:sticky;float:right;top:8px;right:10px;margin:8px 10px -48px 0;width:34px;height:34px}
.spin360{padding:20px;border-radius:16px;background:linear-gradient(140deg,#151712,#080a08);margin:18px 0 22px;overflow:hidden;border-color:#d3ad50}
.spin-heading{padding-right:32px}.spin-heading h3{font-size:24px;color:#fff}.spin-heading>span{font-weight:700;color:#f0d173}
.spin-stage{position:relative;aspect-ratio:16/9;min-height:0;background:#100e09 url('assets/theme/luxury-360-stage.webp') center/cover no-repeat;border-radius:12px}
.detail-modal .spin-stage img{position:absolute;left:0;bottom:23%;width:100%;height:auto;max-height:63%;object-fit:contain;filter:drop-shadow(0 6px 5px #0007)}
.spin-controls button{border-color:#d5b258;background:linear-gradient(140deg,#191b16,#080a08)}
.spin-controls input{height:5px;cursor:pointer}.spin-note{color:#ced0c7}.spin-static .spin-controls{display:none}.spin-static .spin-stage{cursor:default}
.detail-modal .v12-quickbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 16px}
.detail-modal .v12-quickbar>a,.detail-modal .v12-quickbar>button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:48px;border:1px solid #d5b258!important;border-radius:12px!important;background:linear-gradient(140deg,#181a1e,#0c0e11)!important;color:#fff;font-size:14px;font-weight:700;text-decoration:none;padding:12px}
.detail-modal .v11-pricebar{grid-template-columns:1fr 1fr;gap:12px}
.detail-modal .v11-pricebox{border:1px solid #d5b258;border-radius:12px;padding:20px;background:linear-gradient(140deg,#191b20,#0b0d10)}
.detail-modal .v11-pricebox span{color:#c8c9cc;font-size:11px}.detail-modal .v11-pricebox strong{font-size:30px;color:#fff}.detail-modal .v11-pricebox small{display:block;color:#b6b8be;line-height:1.5}
.detail-modal .v11-sticky{border-color:#d5b258}.premium-model-film{border:1px solid #ab8c46;border-radius:14px;padding:16px;margin:20px 0}.premium-model-film h3{color:#efd185;margin:0 0 12px}.premium-model-film video{width:100%;max-height:420px;border-radius:10px;background:#000}
@media(max-width:700px){.detail-modal .detail-content{padding:16px!important;padding-bottom:70px!important}.spin360{padding:12px;margin:14px 0 18px}.spin-heading{align-items:flex-start;gap:6px;padding-right:30px}.spin-heading h3{font-size:18px;line-height:1.3}.spin-heading>span{font-size:9px;padding-top:5px}.spin-note{font-size:11px}.spin-stage{aspect-ratio:4/3;background-size:100% 100%}.detail-modal .spin-stage img{bottom:23%;width:100%;max-height:58%}.detail-modal .v12-quickbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.detail-modal .v12-quickbar>a,.detail-modal .v12-quickbar>button{font-size:12px;padding:10px;min-width:0}.detail-modal .v11-pricebar{gap:8px}.detail-modal .v11-pricebox{padding:12px;min-width:0}.detail-modal .v11-pricebox span{font-size:9px}.detail-modal .v11-pricebox strong{font-size:22px}.detail-modal .v11-pricebox small{font-size:10px}.detail-modal .v11-sticky{margin-left:-16px;margin-right:-16px;padding:10px 16px}.detail-modal .close{top:6px;right:6px}}
.detail-modal .v11-sticky{grid-template-columns:1fr}.detail-modal .v11-sticky .btn{width:100%}
.detail-modal .spin-stage img{left:-10%;width:120%}@media(max-width:700px){.detail-modal .spin-stage img{left:-10%;width:120%}}
/* The live stage uses a composited graphic; original photo assets are retained. */
.spin-stage canvas,.spin-contact-shadow{display:none;pointer-events:none}
.spin-stage.graphic-ready #spinImage{opacity:0}
.spin-stage.graphic-ready canvas,.spin-stage.graphic-ready .spin-contact-shadow{display:block}
.spin-stage.graphic-ready #spinCarGraphic{position:absolute;left:-10%;bottom:23%;width:120%;height:auto;max-height:63%;object-fit:contain;z-index:3;filter:brightness(1.035) contrast(1.055) saturate(1.06) drop-shadow(0 2px 2px #0008)}
.spin-stage.graphic-ready .spin-contact-shadow{position:absolute;left:27%;bottom:26%;width:46%;height:7%;border-radius:50%;background:radial-gradient(ellipse,#0009,#0003 52%,transparent 74%);filter:blur(4px);z-index:1}
.spin-stage.graphic-ready #spinReflection{position:absolute;left:-10%;top:70%;width:120%;height:auto;max-height:63%;object-fit:contain;z-index:2;opacity:.15;filter:blur(1.5px) saturate(.85);mask-image:linear-gradient(to bottom,#000,transparent 52%);-webkit-mask-image:linear-gradient(to bottom,#000,transparent 52%)}
@media(max-width:700px){.spin-stage.graphic-ready #spinCarGraphic,.spin-stage.graphic-ready #spinReflection{max-height:58%}.spin-stage.graphic-ready #spinReflection{opacity:.12}.spin-stage.graphic-ready .spin-contact-shadow{filter:blur(2px)}}
.spin-stage.graphic-ready .spin-contact-shadow{inset:0;width:100%;height:100%;border-radius:0;background:none;filter:none;z-index:1}
.tire-contact{position:absolute;border-radius:50%;background:radial-gradient(ellipse,#000c 5%,#0007 45%,transparent 75%);filter:blur(1.5px)}
@media(max-width:700px){.spin-stage.graphic-ready .spin-contact-shadow{filter:none}.tire-contact{filter:blur(.8px)}}

/* V12.7: approved flat HPM showroom; neutral paint colour, no saturation boost. */
.spin-stage{background-image:url('assets/theme/hpm-batik-showroom-v127.webp');background-size:100% 100%;border:1px solid #b99c55;box-sizing:border-box}
.detail-modal .spin-stage img,.spin-stage.graphic-ready #spinCarGraphic{bottom:22%;max-height:60%;filter:brightness(1.035) contrast(1.025) drop-shadow(0 2px 2px #0007)}
.spin-stage.graphic-ready #spinReflection{top:71%;opacity:.055;filter:blur(2px);mask-image:linear-gradient(to bottom,#000,transparent 35%);-webkit-mask-image:linear-gradient(to bottom,#000,transparent 35%)}
@media(max-width:700px){.spin-stage{aspect-ratio:4/3}.detail-modal .spin-stage img,.spin-stage.graphic-ready #spinCarGraphic{bottom:22%;max-height:56%}.spin-stage.graphic-ready #spinReflection{opacity:.04;max-height:56%}}

/* Approved V12.8 layout, shared by public website and private showroom. */
/* V12.8.1: match the approved compact black and gold references. */
#model .car-body h3{font-family:Georgia,serif!important}#model .section-head h2{color:#edcc7c!important}.display-panel h2{color:#edcc7c!important}.hpm-other-options{display:grid;gap:10px}.hpm-model-master .display-option{font-size:18px}.wrap:has(#display.active)>.hero{display:none}.wrap:has(#display.active) .display-heading{margin-top:0}.display-panel .display-group{margin:18px 0}.display-panel .hpm-extra{margin:12px 0}.display-models .display-options{gap:9px}.display-panel .display-savebar{padding-bottom:0}.display-panel .display-models{margin-top:20px}
.spin-heading+.spin-note{display:none}.detail-modal .spec{border-radius:0!important;background:transparent!important;border:0!important;border-right:1px solid #806a37!important}.detail-modal .spec:nth-child(6){border:0!important}
.detail-colours .variant-chip.active{background:linear-gradient(120deg,#f3d487,#c99b3c)!important;color:#14130d!important;border-color:#e4c36c!important}.detail-modal .v11-pricebox{border-color:#b99a50!important;background:linear-gradient(145deg,#161911,#090c08)!important}.hpm-colour-group .car-selected-colour{display:none}.spin-heading>div>p{display:none!important}
.detail-modal,.detail-modal *{box-sizing:border-box}
.detail-modal{padding:14px;max-width:100vw}
.detail-modal .detail-box{width:min(1180px,100%);max-width:100%;overflow-x:hidden;max-height:92dvh;min-width:0}
.detail-content,.detail-media,.detail-media>*{min-width:0;max-width:100%}
.detail-modal #detailBody{width:100%;min-width:0}.detail-modal .v12-selected-card{flex-wrap:wrap;min-width:0}.detail-modal .v12-selected-card>div{min-width:0;max-width:100%}.detail-modal .v12-selected-card b{overflow-wrap:anywhere}.detail-modal .selection-summary{flex-wrap:wrap}
.detail-media.has-video{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
.detail-media .premium-model-film,.detail-media .spin360{margin:0 0 16px;padding:14px;border-radius:14px}
.premium-model-film h3,.spin-heading h3{font-size:19px!important;line-height:1.3;overflow-wrap:anywhere}
.spin-heading{padding-right:28px;min-width:0}.spin-heading>span{flex-shrink:0}
.spin-stage{aspect-ratio:16/9;min-width:0;width:100%;max-width:100%;background-size:100% 100%}
.detail-modal .spin-stage img,.spin-stage.graphic-ready #spinCarGraphic{left:10%;bottom:14%;width:80%;height:auto;max-height:56%;object-fit:contain;object-position:center bottom;filter:brightness(1.035) contrast(1.025) drop-shadow(0 2px 2px #0008)}
.spin-stage:after{content:"";position:absolute;left:23%;width:54%;bottom:12.5%;height:7%;border-radius:50%;background:radial-gradient(ellipse,#0009,#0003 52%,transparent 76%);filter:blur(3px);pointer-events:none;z-index:1}
.spin-stage.graphic-ready #spinReflection{left:10%;top:84%;width:80%;height:auto;max-height:56%;opacity:.035;filter:blur(2px);mask-image:linear-gradient(to bottom,#000,transparent 25%);-webkit-mask-image:linear-gradient(to bottom,#000,transparent 25%)}
.spin-controls{gap:7px}.spin-controls button{font-size:11px;min-height:38px;padding:8px 10px}.spin-controls input{width:0;min-width:40px}
.spin-note{font-size:10px;line-height:1.45;overflow-wrap:anywhere}
.detail-modal .v11-pricebar{gap:10px;margin:0 0 12px}.detail-modal .v11-pricebox{padding:12px}.detail-modal .v11-pricebox strong{font-size:24px}.detail-modal .v11-pricebox small{font-size:10px}
.detail-colours{padding:12px;margin-bottom:12px}.detail-colours h3{font-size:15px;margin:0 0 7px}.colour-chip,.variant-chip{padding:6px 9px;font-size:11px}.selection-summary{margin:8px 0}
.detail-modal .spec-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.detail-modal .spec{padding:10px;border-radius:9px;min-width:0}.detail-modal .spec b{font-size:14px;margin-top:4px;overflow-wrap:anywhere}.detail-modal .spec span{font-size:9px}
.detail-modal .detail-panel{padding:12px}.detail-modal .detail-panel h3{font-size:15px;margin-bottom:7px}.detail-modal .detail-panel ul{font-size:12px;line-height:1.6}.source-note{overflow-wrap:anywhere}
.hpm-video-player{width:100%;max-width:100%;min-width:0;background:#000;border:1px solid #a58a48;border-radius:10px;overflow:hidden}
.hpm-video-player video{display:block!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:16/9!important;object-fit:contain!important;border:0!important;border-radius:0!important;transform:none!important;background:#000}
.hpm-video-controls{display:flex;gap:7px;align-items:center;padding:8px;background:#10110d;color:#eed593;min-width:0}
.hpm-video-controls button{display:grid;place-items:center;border:1px solid #6d5b32;background:#171913;color:#f5dea1;border-radius:6px;font-size:15px;width:32px;min-width:32px;height:32px;padding:0;cursor:pointer}
.hpm-video-controls input{width:0;min-width:20px;flex:1;accent-color:#dcbb64}.hpm-time{font:10px Arial,sans-serif;white-space:nowrap}
.hpm-video-player:fullscreen{display:flex;flex-direction:column;justify-content:center;border:0;border-radius:0}.hpm-video-player:fullscreen video{max-height:calc(100vh - 48px)!important}.hpm-video-player:fullscreen .hpm-video-controls{flex-shrink:0}
.hero-card>.hpm-video-player{display:block!important}.hero-card .hpm-video-player video{display:block!important}
.showroom-stage[data-showroom-model]{aspect-ratio:16/9;min-height:0!important;height:auto!important;background:#12100b url('assets/theme/hpm-batik-showroom-v127.webp') center/100% 100% no-repeat!important;border-radius:12px 12px 0 0}
.showroom-stage[data-showroom-model] img.hpm-clean-photo{position:absolute!important;left:10%;bottom:14%;width:80%!important;height:auto!important;max-height:56%!important;object-fit:contain!important;padding:0!important;filter:brightness(1.035) contrast(1.025);opacity:1}
.showroom-stage[data-showroom-model]:after{left:24%;right:24%;bottom:12.5%;height:7%;filter:blur(3px);z-index:0}.showroom-stage .showroom-badge{display:none}.showroom-stage .tag{top:8px;left:8px;font-size:9px;padding:5px 7px}
.car-body{padding:13px}.car-body h3{font-size:20px}.car-body .price{margin:10px 0;font-size:20px}.car-body .sub{font-size:11px}.car-body .colour-chip{padding:5px 6px}.car-body .row .btn{font-size:11px}
[hidden]{display:none!important}
#model .section-head{justify-content:center;text-align:center;margin-bottom:12px}#model .section-head h2{font:700 48px Georgia,serif!important;color:#efd080}#model .filters{justify-content:center;margin-bottom:22px}
#model .car{border:1px solid #b99a50!important;border-radius:10px}#model .car-body{text-align:center;padding:10px 16px 14px}#model .car-body h3{font:700 25px Georgia,serif;margin:0 0 10px;color:#f7f2df}#model .car-body>.sub,#model .car-body>.price,#model .car-body>.colour-picker,#model .car-selected-colour,#model .v12-model-badges,#model .car-body>.row:last-child,#model .tag{display:none!important}#model .car-body>.row .btn{font-size:13px;min-height:42px;border-radius:7px}#model .car-body>.row button{background:linear-gradient(120deg,#f3d487,#c99b3c)!important;color:#14130d!important}#model .car-body>.row a{background:#080b08!important;color:#ead28a!important}
.sales-cta-card{display:block!important;text-align:center;border-radius:10px!important;border-color:#b99a50!important;padding:20px!important}.sales-cta-card h2{font-family:Georgia,serif}.sales-cta-card .promo-kicker{display:none}.sales-cta-card .actions{justify-content:center!important;margin-top:18px!important}.sales-cta-card .actions .btn{min-width:230px}.sales-cta{padding-bottom:24px}
.hpm-detail-title{font:800 37px Arial,sans-serif;margin:0 0 14px;color:#fff}.hpm-detail-title em{color:#edcc75;font-style:italic}.detail-modal .detail-content{padding:20px!important}.detail-modal .detail-box{width:min(1440px,100%)}.detail-media.has-video{gap:12px;align-items:stretch}.detail-media .premium-model-film,.detail-media .spin360{border-radius:8px;padding:10px;margin-bottom:12px}.spin-heading p{display:none}.spin-heading{padding-right:0}.spin360>.spin-note:last-child{display:none}.spin360>.spin-note{margin:4px 0 0}.spin-controls{margin-top:5px}.detail-media .spin-stage{aspect-ratio:16/9}.premium-model-film h3{margin:0 0 10px}.hpm-summary-row{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;margin-bottom:12px}.detail-modal .v11-pricebar{margin:0;gap:12px;height:100%}.detail-modal .v11-pricebox{border-radius:8px;padding:14px;display:flex;flex-direction:column;justify-content:center}.detail-modal .v11-pricebox strong{font-size:28px}.detail-modal .v11-pricebox small{display:none}.detail-colours{margin:0;padding:12px;display:flex;gap:16px;border-radius:8px;align-items:center}.detail-colours .hpm-variant-group{flex:1;min-width:0}.detail-colours .hpm-colour-group{border-left:1px solid #b99a50;padding-left:16px}.detail-colours h3{font-size:12px;margin-bottom:6px}.detail-colours .variant-picker,.detail-colours .colour-picker{margin:0;gap:5px}.detail-colours .variant-chip{border-radius:6px;padding:10px}.detail-colours .colour-chip{font-size:0;gap:0;padding:3px;border-radius:50%;margin:0;border-color:transparent;background:transparent}.detail-colours .colour-dot{width:29px;height:29px}.detail-colours .colour-chip.active{border-color:#e6c36c;box-shadow:none}.detail-colours>.selection-summary,.detail-colours>.v12-selected-card,.detail-colours>.colour-note,.detail-colours>.showroom-cta-grid,.detail-colours>.asset-status,.detail-colours>.colour-disclaimer{display:none!important}.detail-modal .spec-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border:1px solid #b99a50;border-radius:8px;padding:12px 0;margin:0 0 10px}.detail-modal .spec{background:none!important;border:0;border-right:1px solid #806a37;border-radius:0;padding:4px 12px}.detail-modal .spec:nth-child(6){border-right:0}.detail-modal .spec:nth-child(n+7){display:none}.detail-modal .spec span{color:#dfbd6b;font-size:9px}.detail-modal .spec b{font-size:13px}.hpm-extra{font-size:11px;color:#bdb6a0;margin:8px 0}.hpm-extra summary{cursor:pointer}.detail-modal .v11-sticky{position:static;margin:12px 0 0;padding:0;background:none;border:0}.detail-modal .v11-sticky .btn{min-height:48px;font-size:18px;border-radius:8px}
.top .brand{font-family:Georgia,serif;font-size:22px;color:#edcd7c}.tabs{gap:0;border:1px solid #b99a50;border-radius:12px;overflow:hidden}.tabs .tab{flex:1;border:0!important;border-right:1px solid #665c3c!important;border-radius:0;padding:18px 8px}.tabs .tab.active{background:linear-gradient(120deg,#f3d487,#c99b3c)!important;color:#14130d!important}.display-panel{border-color:#b99a50!important;padding:26px!important}.display-panel h2{font:700 38px Georgia,serif;color:#edcd7c}.display-kicker{display:none}.display-count{color:#efd795;background:#171810;border-color:#8a753e}.display-group{border-top:1px solid #8a753e;padding-top:20px}.display-group legend{color:#efd795}.display-option{border-color:#9e8446!important;border-radius:8px;background:linear-gradient(140deg,#191c16,#080b08)!important;min-height:52px}.display-option:has(input:checked){border-color:#c3a458!important;background:#171a12!important}.display-option input{accent-color:#e4bd62;width:25px;height:25px}.display-model-count{color:#efd795;text-align:right;margin-top:-28px;margin-bottom:16px}.display-savebar{gap:14px;position:static;background:transparent}.display-savebar>*{flex:1;text-align:center;padding:16px!important;font-size:14px}.display-panel .display-presets{margin-bottom:12px}
@media(max-width:850px){.hpm-summary-row{grid-template-columns:1fr}.detail-colours{flex-wrap:wrap}.detail-modal .spec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-modal .spec:nth-child(3){border:0}.detail-modal .spec:nth-child(n+4){margin-top:10px}.display-model-count{margin-top:0;text-align:left}.tabs .tab{flex:auto;padding:12px}.display-panel h2{font-size:28px}.display-savebar{flex-direction:column}}
@media(max-width:600px){#model .section-head h2{font-size:34px!important}.hpm-detail-title{font-size:28px}.detail-modal .detail-content{padding:12px!important}.detail-colours .hpm-colour-group{padding-left:0;border:0;width:100%}.detail-modal .v11-pricebox strong{font-size:22px}.detail-modal .spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-modal .spec:nth-child(even){border:0}.detail-modal .spec:nth-child(3){border-right:1px solid #806a37}.sales-cta-card .actions .btn{min-width:0}.display-panel{padding:16px!important}}
@media(max-width:760px){.detail-media.has-video{grid-template-columns:minmax(0,1fr)}.detail-media .premium-model-film{order:1}.detail-media #proton360Viewer{order:2}.detail-modal{padding:8px}.detail-modal .detail-box{width:100%;max-height:94dvh;border-radius:16px}.detail-modal .detail-content{padding:12px!important;padding-bottom:70px!important}.detail-media .spin360,.detail-media .premium-model-film{padding:10px}.spin-stage{aspect-ratio:4/3}.spin-heading h3{font-size:16px!important}.spin-heading>span{font-size:8px}.spin-note{font-size:10px}.detail-modal .spin-stage img,.spin-stage.graphic-ready #spinCarGraphic{width:82%;left:9%;max-height:53%;bottom:14%}.spin-stage.graphic-ready #spinReflection{left:9%;width:82%;max-height:53%}.spin-controls #spinPlay{width:100%}.detail-modal .spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-modal .spec{padding:9px}.detail-modal .spec b{font-size:13px}.detail-modal .v11-pricebox{padding:10px}.detail-modal .v11-pricebox strong{font-size:20px}.detail-modal .v11-sticky{margin-left:-12px;margin-right:-12px;padding:10px 12px}.detail-modal .detail-columns{grid-template-columns:minmax(0,1fr)}.hpm-time{font-size:9px}.showroom-stage[data-showroom-model] img.hpm-clean-photo{width:80%!important}.display-model-count{font-size:12px;color:#dfc483}}

/* HPM catalogue: approved three-column showroom reference. */
#model{padding:24px 0 14px!important;scroll-margin-top:86px}
#model>.wrap{width:min(1320px,calc(100% - 32px))!important}
#model .section-head{margin:0 0 8px;justify-content:center}
#model .section-head h2{font-family:Georgia,'Times New Roman',serif!important;font-size:48px!important;line-height:1.15;color:#f0cd77!important;font-weight:700!important;letter-spacing:0!important}
#model .filters{justify-content:center;margin:12px 0 18px;gap:10px}
#model .filters .filter{min-width:82px;padding:8px 19px!important;background:#080b08!important;border:1px solid #d8b15b!important;color:#f6f1df!important;font-size:12px;border-radius:999px!important}
#model .filters .filter.active{background:linear-gradient(120deg,#f5d688,#d2a54c)!important;color:#0c0d09!important}
#model #cars{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#model .car{background:#090c09!important;border-color:#c5a151!important;border-radius:8px!important;box-shadow:0 12px 24px #0005!important}
#model .showroom-stage[data-showroom-model]{aspect-ratio:1.55;background-size:100% 100%!important;border-radius:7px 7px 0 0!important}
#model .showroom-stage img.hpm-clean-photo{left:7%!important;width:86%!important;bottom:20%!important;max-height:59%!important;filter:brightness(1.035) contrast(1.025) drop-shadow(0 3px 3px #0009)!important}
#model .showroom-stage:after{bottom:18%!important;left:20%!important;right:20%!important;height:6%!important;z-index:0}
#model .car-body{padding:0 18px 13px!important;margin-top:-3px;position:relative;z-index:2;background:linear-gradient(#0c0e0c,#090b08)!important}
#model .car-body h3{font-family:Georgia,'Times New Roman',serif!important;font-size:25px!important;line-height:1.2;color:#f7f2e8!important;margin:0 0 10px!important;font-weight:700!important;text-align:center}
#model .car-body>.row .btn{padding:10px 8px!important;min-height:40px;border-radius:6px!important;font:700 12px Arial,sans-serif!important}
#model .car-body>.row button:after{content:' ›';margin-left:12px;font-size:18px}
#model .car-body>.row a{border:1px solid #d1aa54!important}
.sales-cta{padding:4px 0 30px!important}
.sales-cta>.wrap{width:min(1320px,calc(100% - 32px))!important}
.sales-cta-card{position:relative;overflow:hidden;padding:20px 36px!important;border:1px solid #c5a151!important;background:radial-gradient(ellipse at 50% 0,#b6953015,transparent 70%),#090c09!important}
.sales-cta-card:before,.sales-cta-card:after{content:'';position:absolute;top:0;bottom:0;width:100px;background:url('assets/theme/batik-gold.svg') center/100px auto repeat-y;opacity:.45;pointer-events:none}
.sales-cta-card:before{left:0}.sales-cta-card:after{right:0;transform:scaleX(-1)}
.sales-cta-card h2{position:relative;font:700 34px Georgia,'Times New Roman',serif!important;color:#efd080!important;margin-bottom:7px!important}
.sales-cta-card p{position:relative;font:16px Georgia,'Times New Roman',serif!important;color:#eee7d7!important}
.sales-cta-card .actions{position:relative;gap:24px;margin-top:18px!important}
.sales-cta-card .btn{font-size:16px!important;padding:12px 25px!important;border-radius:7px!important}
@media(min-width:900px){header .brand>span:last-child{font:700 23px Georgia,'Times New Roman',serif!important;letter-spacing:1px}header .brand small{display:none!important}header .nav{min-height:68px!important}header nav{margin-left:auto}header .sa-login-top{order:4}header nav a[href='#model'],header nav a[href='#compare'],header nav a[href='#loan']{font:600 12px Arial,sans-serif!important}header .btn{font:700 12px Arial,sans-serif!important;padding:10px 18px!important}}
@media(min-width:600px) and (max-width:899px){#model #cars{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){#model{padding-top:22px!important}#model>.wrap,.sales-cta>.wrap{width:calc(100% - 20px)!important}#model #cars{grid-template-columns:minmax(0,1fr);gap:16px}#model .section-head h2{font-size:35px!important}#model .filters{gap:6px}#model .filters .filter{min-width:0;padding:8px 13px!important}#model .car-body h3{font-size:25px!important}.sales-cta-card{padding:22px 16px!important}.sales-cta-card h2{font-size:27px!important}.sales-cta-card p{font-size:15px!important;line-height:1.5!important}.sales-cta-card .actions{gap:10px;flex-wrap:wrap}.sales-cta-card .btn{min-width:0!important;font-size:13px!important;padding:12px!important}.sales-cta-card:before,.sales-cta-card:after{width:55px;background-size:55px auto;opacity:.22}}

/* Use the actual floral edges of Hakim's reference as CSS backgrounds.
   Only the outer 55px strips are visible; no mockup cars or controls are shown. */
html:before,html:after{display:none!important;content:none!important}
body{padding:0 58px 24px!important;background:#080b09!important;background-image:radial-gradient(ellipse at 50% 0,#8e712316,transparent 55%)!important}
body:before,body:after{content:''!important;display:block!important;position:fixed!important;top:0!important;bottom:0!important;inset-inline:auto!important;width:55px!important;height:100vh!important;border:0!important;border-image:none!important;background-color:#080b09!important;background-image:url('assets/theme/hpm-reference-batik.png')!important;background-size:1448px 1086px!important;background-repeat:repeat-y!important;transform:none!important;pointer-events:none!important;z-index:0!important}
body:before{left:0!important;right:auto!important;background-position:left top!important}
body:after{right:0!important;left:auto!important;background-position:right top!important}
body>header,body>main,body>footer,body>.top{position:relative;z-index:1}
header{top:0!important;position:sticky!important;border:1px solid #b8994e!important;border-radius:14px!important;margin:0 auto 0!important;background:#080b09f5!important;width:min(1320px,100%)!important;z-index:30!important;box-shadow:none!important}
header .wrap{width:calc(100% - 40px)!important;padding:0!important}
header .nav{min-height:66px!important;border:0!important}
header .btn.red{background:#080b09!important;border:1px solid #cfaa52!important;color:#ecd18a!important;box-shadow:none!important}
header .sa-login-top{border:0!important;background:none!important;box-shadow:none!important;color:#f2e5be!important;padding:10px!important}
#model>.wrap,.sales-cta>.wrap{width:100%!important}
#model{scroll-margin-top:76px}
.sales-cta-card{background:#080b09!important}
.sales-cta-card:before,.sales-cta-card:after{background-image:url('assets/theme/hpm-reference-batik.png')!important;background-size:1448px 1086px!important;background-repeat:no-repeat!important;width:65px!important;opacity:.75!important;transform:none!important}
.sales-cta-card:before{background-position:left bottom!important}.sales-cta-card:after{background-position:right bottom!important}
.float{z-index:35}
@media(max-width:800px){body{padding:0 14px 24px!important}body:before,body:after{width:12px!important;background-size:579px 434px!important}header{border-radius:10px!important}header .wrap{width:100%!important;padding:8px!important}header .nav{padding:8px!important;gap:8px;min-height:0!important}#model>.wrap,.sales-cta>.wrap{width:100%!important}.sales-cta-card:before,.sales-cta-card:after{width:30px!important;background-size:724px 543px!important;opacity:.4!important}}

/* Original reference artwork is shown without repainting or recolouring.
   Live HTML controls remain over the corresponding buttons. */
@media(min-width:900px){header .nav a:hover{opacity:0!important}}
body:has(.car[data-customer-model="Iriz"][hidden]) #model .filter[data-filter="hatch"]{display:none!important}
@media(min-width:900px){header .brand{position:absolute!important;left:8%!important;top:10%!important;width:44%!important;height:80%!important;opacity:0!important;max-width:44%!important;overflow:hidden}header .nav nav a{z-index:4!important}header .sa-login-top,header .nav>.btn{z-index:4!important}}
@media(min-width:900px){header .sa-login-top{opacity:0!important}header .nav>nav{display:contents!important;opacity:1!important}header .nav nav a{position:absolute!important;opacity:0!important;top:20%;height:60%;padding:0!important}header .nav a[href='#model']{left:56%;width:5%}header .nav a[href='#compare']{left:62%;width:6%}header .nav a[href='#loan']{left:69%;width:5%}header .sa-login-top{position:absolute!important;left:76%!important;top:20%!important;width:9%!important;height:60%!important}header .nav>.btn{position:absolute!important;left:85%!important;top:20%!important;width:10%!important;height:60%!important;padding:0!important;min-height:0!important}}
#model .car[data-customer-model]:not([data-customer-model="Iriz"]){position:relative;aspect-ratio:434/341;border:0!important;border-radius:0!important;background-image:url('assets/theme/hpm-exact-reference.png')!important;background-size:333.640553% 318.475073%!important;background-repeat:no-repeat!important;box-shadow:none!important;transform:none!important}
#model .car[data-customer-model="All-New SAGA"]{background-position:5.91716% 25.50336%!important}
#model .car[data-customer-model="All-New X50"]{background-position:50.29586% 25.50336%!important}
#model .car[data-customer-model="X70"]{background-position:94.18146% 25.50336%!important}
#model .car[data-customer-model="X90"]{background-position:5.91716% 73.15436%!important}
#model .car[data-customer-model="S70"]{background-position:50.29586% 73.15436%!important}
#model .car[data-customer-model="Persona"]{background-position:94.18146% 73.15436%!important}
#model .car:not([data-customer-model="Iriz"]) .car-media{display:none!important}
#model .car:not([data-customer-model="Iriz"]) .car-body{position:absolute!important;inset:0!important;background:none!important;padding:0!important;margin:0!important}
#model .car:not([data-customer-model="Iriz"]) .car-body>h3{position:absolute!important;width:1px;height:1px;padding:0!important;margin:0!important;overflow:hidden;clip-path:inset(50%)}
#model .car:not([data-customer-model="Iriz"]) .car-body>.row:not(:last-child){position:absolute;left:5%;right:5%;bottom:4.3%;height:12%;display:flex!important;gap:4%}
#model .car:not([data-customer-model="Iriz"]) .car-body>.row:not(:last-child) .btn{opacity:0!important;min-height:0!important;height:100%;padding:0!important}
#model .car:not([data-customer-model="Iriz"]):focus-within{outline:2px solid #f8db88;outline-offset:3px}
#model .car:not([data-customer-model="Iriz"]) .car-body>.row:not(:last-child) .btn:hover{opacity:.12!important}
#model .grid{gap:14px!important}
.sales-cta-card{aspect-ratio:1328/166;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background-image:url('assets/theme/hpm-exact-reference.png')!important;background-size:109.036145% 654.216867%!important;background-position:50% 98.369565%!important;background-repeat:no-repeat!important}
.sales-cta-card:before,.sales-cta-card:after{display:none!important}
.sales-cta-card>div:first-child{position:absolute;opacity:0;pointer-events:none}
.sales-cta-card .actions{position:absolute!important;top:61%!important;bottom:9%!important;left:28.7%!important;right:27%!important;margin:0!important;gap:6%!important;display:flex!important;flex-wrap:nowrap!important}
.sales-cta-card .actions .btn{flex:1!important;opacity:0!important;min-width:0!important;min-height:0!important;padding:0!important;height:100%!important}
.sales-cta-card .actions .btn:hover{opacity:.12!important}.sales-cta-card:focus-within{outline:2px solid #f8db88}
@media(min-width:900px){header{aspect-ratio:1290/68;min-height:0!important;background-image:url('assets/theme/hpm-exact-reference.png')!important;background-size:112.248062% 1597.058824%!important;background-position:50.632911% top!important;background-repeat:no-repeat!important;border:0!important;border-radius:0!important}header .nav{min-height:0!important;height:100%;position:absolute;inset:0;gap:10px!important}header .brand,header nav,header .btn{opacity:0!important}header .brand{flex:1}header .brand:hover,header nav a:hover,header .btn:hover{opacity:.1!important}header:focus-within{outline:2px solid #f8db88}#model .section-head h2{font-size:48px!important}#model{padding-top:16px!important}}
@media(max-width:599px){.sales-cta-card{aspect-ratio:auto!important;min-height:172px!important;background-image:none!important;border:1px solid #c5a151!important;padding:20px 12px!important;border-radius:8px!important}.sales-cta-card>div:first-child{position:relative;opacity:1;pointer-events:auto}.sales-cta-card .actions{position:relative!important;inset:auto!important;margin-top:14px!important;gap:8px!important}.sales-cta-card .actions .btn{opacity:1!important;height:auto!important;padding:10px!important}}

#loan .quote-preview{background:linear-gradient(145deg,#191d25,#0c0e13);color:#f5f7fb;border:1px solid #343a47;border-radius:24px;padding:28px;box-shadow:0 20px 60px #0005;overflow:hidden}#loan .quote-preview h3{font-size:23px;color:white;margin:8px 0}#loan .quote-kicker{color:#ff6573;font-size:11px;font-weight:800;letter-spacing:2px}#loan .quote-sa{display:flex;justify-content:space-between;gap:14px;margin:18px 0;padding:14px;background:#ffffff09;border-radius:12px}#loan .quote-sa span{display:block;font-size:11px;color:#aeb6c5;margin-bottom:6px}#loan .quote-sa b{overflow-wrap:anywhere}#loan .quote-monthly{padding:22px;background:linear-gradient(120deg,#cc0920,#ef3045);border-radius:16px;margin:20px 0;color:white}#loan .quote-monthly strong{display:block;font-size:42px;letter-spacing:-1.5px;line-height:1.2;margin:7px 0}#loan .quote-monthly small{font-size:13px}#loan .quote-line{border-color:#ffffff18;padding:11px 0;gap:16px;font-size:13px}#loan .quote-line span{color:#adb6c6}#loan .quote-line b{text-align:right;color:white}#loan .quote-preview .mini{color:#9da8ba;line-height:1.6;font-size:11px}#loan .quote-card{align-items:start;gap:24px}#loan .ultra{border-radius:24px} @media(max-width:600px){#loan .quote-preview{padding:20px}#loan .quote-monthly strong{font-size:36px}#loan .quote-sa{flex-direction:column}}
#loan .quote-monthly small{color:#252516!important}
#loan>.wrap{display:block!important;border:0!important;padding:0!important;background:none!important}#loan .section-head{margin:0 0 22px!important}#loan .section-head h2{font-size:32px!important}#loan .quote-card{display:grid!important;grid-template-columns:1fr 1fr!important;gap:22px!important}#loan .ultra{padding:22px!important;border:1px solid #8a713a!important;background:#10140f!important;border-radius:18px!important}#loan .form-grid{grid-template-columns:1fr 1fr!important}#loan .quote-preview{border-color:#9d8042!important;background:#0d110d!important}#loan .quote-monthly{background:linear-gradient(120deg,#f1d68a,#c79c43)!important;color:#14150e!important}#loan .quote-kicker{color:#e0c279!important}#loan .actions{flex-wrap:wrap}#loan .actions .btn{padding:12px!important;font-size:12px!important}#loan input:read-only{color:#ecd080!important}@media(max-width:760px){#loan .quote-card{grid-template-columns:minmax(0,1fr)!important}#loan .ultra{padding:16px!important}#loan .section-head h2{font-size:27px!important}}

/* Approved restrained batik frame; decorations confined to outer frames. */
.hero>.wrap,#loan>.wrap{width:min(1200px,100%)!important;max-width:1200px!important;position:relative!important}
.hero .hero-grid,#loan>.wrap{background:linear-gradient(#080b09f8,#080b09f8),url('assets/theme/batik-gold.svg') center/140px 600px!important;border:1px solid #d4b362!important;outline:1px solid #9a7c39;outline-offset:-7px;position:relative!important;box-shadow:0 10px 30px #0004!important}
.hero .hero-grid{padding:38px 46px!important;min-height:0!important;gap:30px!important}.hero .hero-grid:before,.hero .hero-grid:after,#loan>.wrap:before,#loan>.wrap:after{content:""!important;position:absolute!important;pointer-events:none!important;z-index:0!important;inset:8px!important;background-image:url('assets/theme/batik-frame-corner.svg'),url('assets/theme/batik-frame-corner.svg');background-size:56px 56px;background-repeat:no-repeat;background-position:left top,right bottom;opacity:.9}.hero .hero-grid:after,#loan>.wrap:after{transform:scaleX(-1)}.hero .hero-grid>*,#loan>.wrap>*{position:relative;z-index:1}.hero h1{font-family:Georgia,serif!important;color:#efd18a!important}.hero h1 span{color:#efd18a!important}.hero .hero-card{padding:0!important;border:1px solid #d4b362!important;border-radius:10px!important;box-shadow:none!important;overflow:hidden!important}.hero .hpm-video-player{border:0!important;border-radius:8px!important}
#loan{padding-top:14px!important}#loan>.wrap{display:block!important;padding:28px 30px!important}#loan .section-head{margin:0 0 22px!important;padding:0 18px!important}#loan .section-head h2{font-family:Georgia,serif!important;color:#efd18a!important;font-size:32px!important}#loan .quote-card{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:14px!important}#loan .quote-card>.ultra,#loan .quote-preview{height:auto!important;min-width:0!important;margin:0!important;padding:28px!important;border:1px solid #d4b362!important;border-radius:10px!important;background:linear-gradient(#080b09fc,#080b09fc),url('assets/theme/batik-gold.svg') center/140px 600px!important;box-shadow:none!important;outline:none!important}#loan .quote-card>.ultra{display:flex;flex-direction:column}#loan .quote-card>.ultra>.actions{margin-top:auto!important;padding-top:22px!important}#loan .quote-card>.ultra:before,#loan .quote-card>.ultra:after,#loan .quote-preview:before,#loan .quote-preview:after{display:none!important}#loan .form-grid{gap:15px 14px!important}#loan .quote-monthly{background:linear-gradient(110deg,#ffe09a,#d6aa50)!important}.hero{padding:24px 0 0!important}
@media(max-width:900px){.hero .hero-grid{padding:30px!important}.hero h1{font-size:42px!important}#loan>.wrap{padding:26px 22px!important}#loan .quote-card>.ultra,#loan .quote-preview{padding:22px!important}}
@media(max-width:760px){.hero .hero-grid{grid-template-columns:minmax(0,1fr)!important;padding:28px 22px!important;gap:22px!important}.hero .hero-grid:before,.hero .hero-grid:after,#loan>.wrap:before,#loan>.wrap:after{background-size:42px 42px}.hero h1{font-size:38px!important}#loan>.wrap{padding:26px 16px!important}#loan .section-head{padding:0 10px!important}#loan .section-head h2{font-size:26px!important}#loan .quote-card{grid-template-columns:minmax(0,1fr)!important}#loan .quote-card>.ultra,#loan .quote-preview{padding:20px!important}#loan .quote-card>.ultra>.actions{margin-top:18px!important;padding-top:0!important}}

.hero .hero-grid{padding:38px 56px!important}#loan .section-head{padding-left:30px!important}@media(max-width:760px){.hero .hero-grid{padding:30px 24px!important}#loan .section-head{padding:0 16px!important}}

/* Colour-only preview: actual artwork cropped by CSS, live form and video. */
.hero .hero-grid,#loan>.wrap{border-color:#ecc54e!important;outline-color:#d2a337!important;background:linear-gradient(#050806fb,#050806fb),url('assets/theme/batik-gold.svg') center/140px 600px!important}
.hero .hero-grid:before,.hero .hero-grid:after,#loan>.wrap:before,#loan>.wrap:after{display:none!important}
.batik-photo-corner{position:absolute!important;width:78px;height:70px;z-index:0!important;pointer-events:none;background:url('assets/theme/batik-approved-reference.png') -82px -95px/1143px 1376px no-repeat;mix-blend-mode:screen;opacity:1!important}
.batik-photo-corner.tl{top:8px;left:8px}.batik-photo-corner.tr{top:8px;right:8px;transform:scaleX(-1)}.batik-photo-corner.bl{bottom:8px;left:8px;transform:scaleY(-1)}.batik-photo-corner.br{bottom:8px;right:8px;transform:scale(-1)}
.hero h1,.hero h1 span,#loan .section-head h2{color:#f6d779!important}.hero .eyebrow,#loan .quote-kicker{color:#f9d576!important}#loan .quote-card>.ultra,#loan .quote-preview{border-color:#e5bd43!important;background:linear-gradient(#050806fd,#050806fd),url('assets/theme/batik-gold.svg') center/140px 600px!important}#loan .quote-monthly,.hero .btn.red,#loan .btn.red{background:linear-gradient(110deg,#ffe597 0%,#f5cf75 48%,#e6aa36 100%)!important;color:#111!important;border-color:#f3ce69!important;box-shadow:none!important}.hero .btn.dark,#loan .btn.dark{background:#080b09!important;color:#fff1c5!important;border-color:#d9b64d!important}#loan input,#loan select{border-color:#c99d33!important;color:#f7f7f2!important;background:#050806!important}#loan input:read-only{color:#f7d16c!important}#loan .quote-preview h3{color:#f9da82!important}.hero .hero-card{border-color:#edc34b!important}.hero .hpm-video-controls button{border-color:#e6be4d!important;color:#fce197!important}.hero .hero-grid{padding-left:64px!important}#loan .section-head{padding-left:36px!important}
@media(max-width:760px){.batik-photo-corner{width:45px;height:42px;background-size:686px 826px;background-position:-49px -57px}.hero .hero-grid{padding-left:26px!important}#loan .section-head{padding-left:16px!important}}

.batik-photo-corner{clip-path:polygon(0 0,100% 0,100% 20%,20% 100%,0 100%)}#loan .section-head{padding-left:44px!important}.hero .hero-grid{padding-left:70px!important}@media(max-width:760px){#loan .section-head{padding-left:24px!important}.hero .hero-grid{padding-left:30px!important}}

#loan .section-head h2{font-size:28px!important}#loan>.wrap{padding:24px 26px!important}#loan .quote-card>.ultra,#loan .quote-preview{padding:22px!important}#loan .form-grid{gap:11px 12px!important}#loan .quote-monthly{padding:18px!important;margin:16px 0!important}#loan .quote-monthly strong{font-size:36px!important}#loan .quote-line{padding:8px 0!important}#loan .quote-card>.ultra>.actions{padding-top:16px!important}#loan .quote-preview .mini{font-size:10px!important}#loan select#qColor{cursor:pointer}@media(max-width:760px){#loan .section-head h2{font-size:24px!important}#loan>.wrap{padding:24px 16px!important}#loan .quote-card>.ultra,#loan .quote-preview{padding:18px!important}}

#loan .quote-card>.ultra{align-self:start!important;display:block!important;padding:18px 22px!important}#loan .quote-card>.ultra>.actions{margin-top:14px!important;padding-top:0!important}#loan .form-grid{gap:9px 12px!important}#loan .quote-card>.ultra .actions .btn{padding:10px!important}

#loan .quote-card{align-items:stretch!important}#loan .quote-card>.ultra{align-self:stretch!important}#loan .quote-preview{padding:18px 22px!important}#loan .quote-preview h3{font-size:21px!important;margin:6px 0!important}#loan .quote-sa{padding:11px!important;margin:12px 0!important}#loan .quote-monthly{padding:14px 18px!important;margin:12px 0!important}#loan .quote-monthly strong{font-size:34px!important;margin:4px 0!important}#loan .quote-line{padding:6px 0!important;font-size:12px!important}#loan .quote-preview .mini{line-height:1.4!important;margin:9px 0!important}

#compare .section-head{text-align:center;justify-content:center}#compare h2{font-family:Georgia,serif;color:#f6d779;font-size:clamp(30px,4vw,48px);margin-bottom:8px}#compare .ultra{background:rgba(4,7,5,.92);border:1px solid #bd953c;padding:22px;border-radius:14px}#compare .compare-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}#compare .compare-controls .field{min-width:0;border:1px solid #bc9237;border-radius:10px;overflow:hidden;padding:14px 12px 0;background:#060907}#compare select{width:100%;border-color:#ba963d}#compare label{color:#eee1b6}.compare-model-card{text-align:center;padding-bottom:15px}.compare-photo{height:220px;margin:12px -12px 0;background:url('assets/theme/hpm-batik-showroom-v127.webp') center/cover!important;position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.compare-photo img{position:relative!important;width:92%!important;height:72%!important;object-fit:contain!important;transform:none!important;filter:drop-shadow(0 8px 4px #0008)!important;bottom:9%!important}.compare-model-card h3{font:700 25px Georgia,serif;margin:12px 0 8px;color:#fff}.compare-model-card small{display:block;color:#d4d1c7}.compare-model-card strong{display:block;color:#f4d278;font:700 32px Georgia,serif;margin-top:5px}#compare .compare-table{border-radius:9px}#compare table{border:1px solid #b58f35;table-layout:fixed;min-width:640px}#compare th,#compare td{padding:12px 10px;text-align:center;font-size:14px;border-bottom:1px solid #47402d}#compare th:first-child{width:22%;text-align:left}#compare tbody th{background:transparent;font-weight:500}#compare thead th{background:#161813;color:#f7e5ac}#compare tbody tr:nth-child(even){background:#ffffff07}#compare .compare-warranty{background:#b88d2023;color:#ffe4a1;font-weight:700}#compare .compare-warranty th{font-weight:700}.compare-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.compare-actions>div{min-width:0;padding:0 8px}.compare-actions ul{padding-left:18px;font-size:13px;line-height:1.5;min-height:64px;color:#ddd}.compare-buttons{display:flex;gap:8px}.compare-buttons .btn{flex:1;text-align:center;padding:11px 7px;font-size:13px}.compare-note{text-align:center;font-size:11px;color:#b6b1a3;line-height:1.6;margin:20px 0 0}#compare .btn.red{color:#080a05;background:linear-gradient(115deg,#ffe597,#e6aa36);border:1px solid #dfb750}#compare .btn.dark{border-color:#c5a044;background:#080b06;color:#f5dd94}@media(max-width:700px){#compare .ultra{padding:12px}#compare .compare-controls{gap:8px}#compare .compare-controls .field{padding:10px 6px 0}#compare select{font-size:11px;padding:8px 3px}.compare-photo{height:125px;margin-left:-6px;margin-right:-6px}.compare-model-card h3{font-size:16px}.compare-model-card strong{font-size:19px}.compare-model-card small{font-size:10px}.compare-actions{gap:7px}.compare-actions>div{padding:0}.compare-actions ul{font-size:11px;min-height:100px}.compare-buttons{flex-direction:column}.compare-buttons .btn{font-size:11px}.compare-table{overflow-x:auto}}@media(max-width:390px){.compare-photo{height:100px}.compare-model-card h3{font-size:14px}.compare-model-card strong{font-size:17px}}
#compare h2{font-family:Georgia,serif!important;color:#f6d779!important}#compare .compare-model-card h3{font-family:Georgia,serif!important}
/* Approved reference proportions; all controls remain live HTML. */
#compare .compare-photo{cursor:grab;touch-action:pan-y;user-select:none}#compare .compare-photo:active{cursor:grabbing}
#compare .compare-spin-canvas{position:absolute;left:3%;bottom:5%;width:94%;height:90%;object-fit:contain;object-position:center bottom;z-index:1;opacity:0;pointer-events:none}
#compare .compare-spin-ready .compare-spin-canvas{opacity:1}#compare .compare-spin-ready img{opacity:0!important}
.compare-spin-badge{position:absolute;right:12px;top:12px;color:#f8d877;font:700 22px Georgia,serif;z-index:2;text-shadow:0 2px 4px #000}
.compare-spin-hint{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);white-space:nowrap;border:1px solid #ac873b;background:#050906cf;color:#f5eed5;border-radius:99px;padding:4px 12px;font-size:12px;z-index:2;pointer-events:none}
.compare-spin-controls{display:flex;align-items:center;gap:9px;padding:8px 12px 0}
#compare .compare-spin-controls button{min-height:0!important;padding:4px 9px!important;border:1px solid #dcb556!important;background:#050905!important;color:#f5d984!important;border-radius:7px!important;font:14px Arial,sans-serif!important;box-shadow:none!important;cursor:pointer;white-space:nowrap}
#compare .compare-spin-controls .compare-spin-prev,#compare .compare-spin-controls .compare-spin-next{border-radius:50%!important;width:30px;height:30px;font-size:24px!important;line-height:1;padding:0!important;flex-shrink:0}
#compare .compare-spin-controls input{flex:1;min-width:20px;width:100%;height:18px;accent-color:#eaca69;padding:0!important;border:0!important;background:transparent!important;cursor:pointer}
.compare-spin-status,.compare-spin-static{text-align:center;font:11px Arial,sans-serif;color:#e5dfc7;min-height:15px;padding:1px 8px 3px}
@media(max-width:700px){.compare-spin-controls{padding:7px 4px 0;gap:4px;flex-wrap:wrap}#compare .compare-spin-controls .compare-spin-prev,#compare .compare-spin-controls .compare-spin-next{width:23px;height:23px;font-size:19px!important}#compare .compare-spin-controls input{width:20px}.compare-spin-play{width:100%}#compare .compare-spin-controls button{font-size:10px!important}.compare-spin-hint{font-size:7px;padding:2px 5px}.compare-spin-badge{font-size:13px;top:5px;right:5px}.compare-spin-status,.compare-spin-static{font-size:8px;min-height:19px}}
.compare-colours{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:8px 12px 3px}
#compare .compare-colour-chip{appearance:none;width:23px;height:23px;min-width:23px;min-height:23px;padding:0!important;border:1px solid #aaa!important;border-radius:50%!important;background:var(--swatch)!important;box-shadow:inset 0 1px 3px #fff3;cursor:pointer;flex-shrink:0}
#compare .compare-colour-chip[aria-pressed=true]{outline:2px solid #f0ce70;outline-offset:3px;border-color:#fff!important}
#compare .compare-colour-chip:focus-visible{outline:3px solid #fff;outline-offset:3px}
.compare-colour-name{font:12px Arial,sans-serif;color:#f1dc9a;text-align:center;min-height:15px;margin:6px 0 7px}
@media(max-width:700px){.compare-colours{gap:7px;margin:7px 4px 3px}#compare .compare-colour-chip{width:17px;height:17px;min-width:17px;min-height:17px}.compare-colour-name{font-size:9px;min-height:22px;margin:5px 3px}}
#compare{padding:28px 0!important;scroll-margin-top:75px}
#compare .compare-reference-frame{position:relative;border:2px solid #d6ac50;margin:0 auto;max-width:1536px;padding:10px 3.4% 24px;background:radial-gradient(ellipse at 50% 25%,#26231735,transparent 65%),#060a08;box-shadow:inset 0 0 0 4px #070b08,inset 0 0 0 5px #b8923b;isolation:isolate}
#compare .compare-reference-frame>.wrap{position:relative;z-index:1;width:100%!important;max-width:none;padding:0!important}
#compare .section-head{margin:0 0 16px!important;display:block!important}
#compare h2{font-size:clamp(34px,4.1vw,64px)!important;font-weight:700;line-height:1.1;margin:0!important;background:linear-gradient(#fff0b3,#efd178 52%,#b58122 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 18px #bf8f1b35}
#compare .section-head p{font:clamp(14px,1.5vw,23px) Georgia,serif!important;color:#f8e9bc!important;margin:6px 0 0!important}
#compare .ultra{border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}
#compare .compare-controls{gap:20px!important;margin:0 2.3%;}
#compare .compare-controls .field{display:block!important;background:#060a08!important;border:1px solid #d2a84b!important;border-radius:10px!important;padding:10px 0 0!important;position:relative}
#compare .compare-controls label{font:15px Arial,sans-serif!important;color:white!important;display:block;margin:0 12% 3px!important}
#compare .compare-controls select{font:15px Arial,sans-serif!important;background:#070b09!important;border:1px solid #c8a04c!important;border-radius:5px!important;width:76%!important;margin:0 12%;height:36px!important;padding:6px 18px!important;position:relative;z-index:2}
#compare .compare-model-card{position:relative;padding-bottom:7px;background:linear-gradient(transparent 58%,#060a08 82%)}
#compare .compare-photo{height:clamp(180px,15vw,240px)!important;aspect-ratio:auto!important;border-radius:0!important;margin:0!important;background:#10100a url('assets/theme/compare-empty-showroom.png') center/100% 100% no-repeat!important}
#compare .compare-photo:after{background:#0009!important;filter:blur(5px);left:14%;right:14%;bottom:8%;height:5%;z-index:0}
#compare .compare-photo img.hpm-clean-photo,#compare .compare-photo img{position:absolute!important;left:3%!important;bottom:5%!important;width:94%!important;height:auto!important;max-height:90%!important;object-fit:contain!important;transform:none!important;z-index:1;padding:0!important}
#compare .compare-model-card h3{font:700 clamp(20px,1.7vw,27px) Georgia,serif!important;color:#fff!important;margin:2px 0 5px!important;line-height:1.1!important}
#compare .compare-model-card h3:after{content:'';display:block;width:68%;height:1px;margin:5px auto 0;background:linear-gradient(90deg,transparent,#bc8f36,transparent)}
#compare .compare-model-card small{font:15px Arial,sans-serif!important;color:#fff!important}
#compare .compare-model-card strong{font:700 clamp(26px,2.7vw,40px) Georgia,serif!important;color:#f4d17a!important;line-height:1.1;margin:3px 0 0}
#compare .compare-table{margin-top:12px!important;overflow-x:auto}
#compare table{border-collapse:separate!important;border-spacing:0;overflow:hidden;border-radius:9px!important;border:1px solid #d0a440!important;background:#080b09}
#compare th,#compare td{font:14px Arial,sans-serif!important;color:#fff;padding:5px 10px!important;border:0!important;border-right:1px solid #ffffff05!important;line-height:1.25}
#compare thead th{font:700 17px Georgia,serif!important;background:linear-gradient(#1b1c1b,#111413)!important;color:#fff!important;border-bottom:1px solid #c7a14a!important;padding:7px 10px!important}
#compare th:first-child{width:21%!important}
#compare tbody th{display:flex;align-items:center;gap:20px;min-height:28px;padding-left:clamp(15px,3vw,44px)!important;white-space:nowrap}
#compare tbody tr:nth-child(even){background:linear-gradient(90deg,#1b1d1b,#252626,#1b1d1b)!important}
#compare .compare-warranty{background:linear-gradient(90deg,#25200c,#1e1c12,#29220e)!important}
#compare .compare-warranty th,#compare .compare-warranty td{font:700 17px Georgia,serif!important;color:#fff0b2!important;padding-top:7px!important;padding-bottom:7px!important;border-bottom:1px solid #c8a047!important}
.compare-icon{width:24px;height:24px;flex-shrink:0;color:#eac35e}.compare-warranty .compare-icon{width:32px;height:36px}
#compare .compare-actions{margin:13px 3.6% 0;gap:26px!important}
#compare .compare-actions>div{padding:0!important;border-right:1px solid #a383393d;padding-right:18px!important}#compare .compare-actions>div:last-child{border-right:0;padding-right:0!important}
#compare .compare-actions ul{margin:0 0 10px;padding:0!important;list-style:none;min-height:50px!important;font-size:14px!important;color:#fff}
#compare .compare-actions li{display:flex;align-items:center;gap:16px;line-height:1.35;margin-bottom:6px}
#compare .compare-buttons{gap:8px!important}
#compare .compare-buttons .btn{font-size:17px!important;line-height:1.2!important;padding:12px 5px!important;border-radius:9px!important;box-shadow:none!important}
#compare .compare-buttons .btn.dark{font-family:Georgia,serif!important;color:#f6df94!important;background:#050906!important;border:1px solid #e1bc5e!important}
#compare .compare-buttons .btn.red{background:linear-gradient(120deg,#f5de8b,#d2a343)!important;border:1px solid #e6c573!important;color:#080a06!important}
#compare .compare-note{font-size:12px!important;color:#c8c7c1!important;margin:18px 5% 0!important}
.compare-flower{position:absolute;z-index:0;pointer-events:none;width:300px;height:210px;background:url('assets/theme/compare-approved-reference.png') no-repeat;background-size:1536px 1024px;mix-blend-mode:screen}
.compare-flower.tl{left:0;top:0;background-position:left top;clip-path:polygon(0 0,100% 0,100% 48%,20% 48%,20% 100%,0 100%)}
.compare-flower.tr{right:0;top:0;background-position:right top;clip-path:polygon(0 0,100% 0,100% 100%,80% 100%,80% 48%,0 48%)}
.compare-flower.bl{left:0;bottom:0;width:200px;height:200px;background-position:left bottom;clip-path:polygon(0 0,25% 0,25% 68%,100% 68%,100% 100%,0 100%)}
.compare-flower.br{right:0;bottom:0;width:200px;height:200px;background-position:right bottom;clip-path:polygon(75% 0,100% 0,100% 100%,0 100%,0 68%,75% 68%)}
@media(max-width:700px){#compare .compare-reference-frame{padding:18px 12px 22px}#compare .compare-controls{margin:0;gap:8px!important}#compare .compare-controls label{font-size:10px!important;margin:0 6px 4px!important}#compare .compare-controls select{width:calc(100% - 10px)!important;margin:0 5px;font-size:10px!important;height:30px!important;padding:3px!important}#compare .compare-photo{height:105px!important}#compare .compare-model-card h3{font-size:14px!important}#compare .compare-model-card small{font-size:9px!important}#compare .compare-model-card strong{font-size:18px!important}#compare .compare-actions{margin:12px 0 0;gap:8px!important}#compare .compare-actions>div{padding-right:4px!important}#compare .compare-actions li{gap:4px;font-size:10px}#compare .compare-actions ul{min-height:96px!important}.compare-actions .compare-icon{width:15px;height:18px}#compare .compare-buttons .btn{font-size:11px!important;padding:9px 4px!important}#compare .compare-note{margin:15px 0 0!important;font-size:10px!important}.compare-flower{background-size:768px 512px;width:150px;height:105px;opacity:.6}.compare-flower.bl,.compare-flower.br{width:100px;height:100px}#compare th:first-child{width:25%!important}#compare tbody th{gap:10px;padding-left:12px!important}}
#compare tbody th{display:table-cell!important;vertical-align:middle}#compare tbody th .compare-icon{vertical-align:middle;margin-right:18px}#compare tbody th span{vertical-align:middle}
#compare .section-head p{font-weight:400!important}#compare .compare-controls label,#compare .compare-controls select{font-weight:400!important}#compare .compare-model-card{background:linear-gradient(transparent 55%,#030705e0 92%),url('assets/theme/compare-empty-showroom.png') center/100% 100% no-repeat}#compare .compare-photo{background:transparent!important}#compare .compare-flower{mask-image:linear-gradient(to bottom,#000 80%,transparent),linear-gradient(to right,#000 80%,transparent);mask-composite:intersect}#compare .compare-flower.tr{mask-image:linear-gradient(to bottom,#000 80%,transparent),linear-gradient(to left,#000 80%,transparent)}#compare .compare-flower.bl{mask-image:linear-gradient(to top,#000 80%,transparent),linear-gradient(to right,#000 80%,transparent)}#compare .compare-flower.br{mask-image:linear-gradient(to top,#000 80%,transparent),linear-gradient(to left,#000 80%,transparent)}
#compare .compare-buttons .btn{display:flex!important;align-items:center;justify-content:center;white-space:nowrap;font-weight:700!important;min-height:0!important;gap:0!important;font-size:clamp(12px,1.12vw,17px)!important;padding:10px 5px!important}#compare tbody th{min-height:0!important}#compare tbody th .compare-icon{height:20px;width:22px}#compare .compare-warranty th .compare-icon{height:34px;width:30px}#compare .compare-note{font-size:clamp(10px,.8vw,12px)!important}#compare>.compare-reference-frame>.wrap{margin:0!important}#compare .compare-model-card h3{font-weight:700!important}#compare .compare-controls .field{gap:0!important}#compare .compare-actions ul{height:50px!important}#compare .compare-model-card small{font-weight:400!important}#compare .compare-actions .btn.red{font-family:Arial,sans-serif!important}#compare .compare-table table tbody td{vertical-align:middle}
@media(max-width:700px){#compare .compare-actions ul{height:96px!important}#compare .compare-buttons .btn{font-size:10px!important}}
@media(min-width:801px){
#compare .compare-reference-frame{padding:0!important}
#compare .compare-reference-frame>.wrap{width:1428px!important;max-width:none!important;position:absolute;left:calc(52px * var(--compare-scale,1));top:calc(10px * var(--compare-scale,1));transform:scale(var(--compare-scale,1));transform-origin:top left}
#compare h2{font-size:64px!important}#compare .section-head p{font-size:23px!important}
#compare .compare-photo{height:210px!important}#compare .compare-model-card h3{font-size:27px!important}#compare .compare-model-card strong{font-size:40px!important}
#compare .compare-buttons .btn{font-size:17px!important}#compare .compare-note{font-size:12px!important}
#compare .compare-flower{transform:scale(var(--compare-scale,1))}.compare-flower.tl{transform-origin:top left}.compare-flower.tr{transform-origin:top right}.compare-flower.bl{transform-origin:bottom left}.compare-flower.br{transform-origin:bottom right}
}
#compare .compare-photo{background:#0b0c08 url("assets/theme/compare-empty-showroom.png") center/100% 100% no-repeat!important}

/* Shared showroom matching the approved black/gold model-tab mockup. */
#model{scroll-margin-top:90px}#model>.wrap{max-width:1320px}#model .section-head h2{font-size:52px!important;margin-bottom:12px}
#cars.model-tabs{display:flex!important;gap:8px;padding:7px;border:1px solid #b99a50;border-radius:12px;background:#080b08;margin:0 0 20px;overflow-x:auto}
.model-tabs button{flex:1;white-space:nowrap;min-width:120px;min-height:46px;padding:10px 14px;border:1px solid transparent;border-radius:9px;background:transparent;color:#f6f0df;font-size:15px;cursor:pointer}.model-tabs button.active{background:linear-gradient(120deg,#ffe39a,#cc9a35);color:#111; font-weight:700}.model-tabs button:focus-visible{outline:2px solid #ffe39a;outline-offset:-3px}
.inline-showroom{min-width:0}.inline-showroom .detail-content{padding:0}.inline-showroom .hpm-detail-title{display:none}.inline-showroom .detail-media.has-video{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:stretch}.inline-showroom .detail-media>*{min-width:0}.inline-showroom .premium-model-film,.inline-showroom .spin360{margin:0 0 14px;padding:12px;border:1px solid #b99a50;border-radius:10px;background:linear-gradient(140deg,#10130e,#080a08)}
.inline-showroom .premium-model-film h3,.inline-showroom .spin-heading h3{font:700 21px Arial,sans-serif;color:#fff;margin:0 0 10px}.inline-showroom .spin-heading{padding:0}.inline-showroom .spin-heading h3{margin:0}.inline-showroom .spin-heading>span{font-size:9px}.inline-showroom .spin360>.spin-note{display:none}.inline-showroom .spin360>#spinStatus{display:block;font-size:11px;margin:5px 0 0}.inline-showroom .spin-stage{margin-top:10px;aspect-ratio:16/9;background-size:100% 100%}.inline-showroom .spin-stage img{position:absolute;left:9%;bottom:14%;width:82%;height:auto;max-height:53%;object-fit:contain}.inline-showroom .spin-controls{margin-top:8px;gap:7px}.inline-showroom .spin-controls button{font-size:11px;padding:8px 10px;min-height:36px}.inline-showroom .spin-controls input{min-width:40px}
.inline-showroom .hpm-summary-row{grid-template-columns:1fr 1.3fr;margin:0 0 12px;gap:12px}.inline-showroom .v11-pricebar{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.inline-showroom .v11-pricebox{border:1px solid #b99a50;border-radius:9px;padding:14px;background:#0c100b;display:flex;flex-direction:column;justify-content:center;min-width:0}.inline-showroom .v11-pricebox span{font-size:10px;color:#e4c474}.inline-showroom .v11-pricebox strong{font-size:25px;margin-top:5px;color:#fff}.inline-showroom .v11-pricebox small{font-size:9px;color:#bbb;margin-top:5px}
.inline-showroom .detail-colours{flex-wrap:wrap;gap:10px;padding:12px;min-width:0}.inline-showroom .detail-colours .hpm-colour-group{min-width:0}.inline-showroom .detail-colours .colour-picker{flex-wrap:wrap}.inline-showroom .detail-colours .car-selected-colour{font-size:10px;color:#c8b982;margin-top:5px}.inline-showroom .spec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #b99a50;border-radius:9px;padding:8px;margin:0}.inline-showroom .spec{padding:9px;background:transparent;border:0;border-right:1px solid #544726;border-radius:0;min-width:0}.inline-showroom .spec:nth-child(4n){border-right:0}.inline-showroom .spec:last-child{display:none}.inline-showroom .spec span{font-size:9px;color:#dfbd6b}.inline-showroom .spec b{font-size:13px;overflow-wrap:anywhere;display:block;margin-top:5px}.inline-showroom .hpm-extra{margin:12px 0}.inline-showroom .detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inline-showroom .v11-sticky{position:static;padding:0;margin:12px 0 0;border:0;background:none;display:block}.inline-showroom .v11-sticky .btn{width:100%;min-height:48px;font-size:18px;border-radius:9px}
.inline-showroom .spec{background:transparent!important;border:0!important;border-right:1px solid #544726!important;border-radius:0!important}.inline-showroom .spec:nth-child(4n){border-right:0!important}.inline-showroom .spec span{color:#dfbd6b!important}.inline-showroom .detail-colours{border-color:#b99a50!important;background:#0c100b!important}
@media(max-width:850px){.inline-showroom .hpm-summary-row{grid-template-columns:1fr}.inline-showroom .detail-colours{justify-content:space-between}.inline-showroom .premium-model-film h3,.inline-showroom .spin-heading h3{font-size:17px}}
@media(max-width:760px){#model .section-head h2{font-size:34px!important}#cars.model-tabs{gap:4px;margin-bottom:12px}.model-tabs button{flex:none;min-width:102px;font-size:12px;min-height:40px;padding:8px 10px}.inline-showroom .detail-media.has-video{grid-template-columns:minmax(0,1fr)}.inline-showroom .premium-model-film{order:1}.inline-showroom #proton360Viewer{order:2}.inline-showroom .spin-stage{aspect-ratio:4/3}.inline-showroom .spin-controls #spinPlay{width:100%}.inline-showroom .spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-showroom .spec:nth-child(even){border-right:0}.inline-showroom .v11-pricebox strong{font-size:22px}.inline-showroom .detail-colours .hpm-colour-group{width:100%;padding:0;border:0}.inline-showroom .detail-columns{grid-template-columns:1fr}.inline-showroom .premium-model-film,.inline-showroom .spin360{padding:10px}.inline-showroom .v11-sticky .btn{font-size:16px}.inline-showroom .spec b{font-size:12px}}
@media(max-width:760px){.inline-showroom .spec:nth-child(even){border-right:0!important}}

.variant-price-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.variant-price-field{display:flex;flex-direction:column;gap:8px;color:#efd080;font-size:13px;font-weight:700}.variant-price-field input,#priceModel{border-color:#b99a50;background:#080b08;color:#fff}.variant-price-panel h2{font-family:Georgia,serif;color:#efd080}.variant-price-panel p{font-size:12px;line-height:1.6}.variant-price-panel .row{margin-top:16px}#variantPriceStatus{line-height:1.6}#qVariant{border-color:#b99a50;background:#080b08;color:#fff}#variantPriceForm{max-width:100%}@media(max-width:760px){.variant-price-fields{grid-template-columns:1fr}.variant-price-panel .row>*{flex:1}}

.quote-record-bar,.quote-history-toolbar,.quote-history-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.quote-record-bar{margin-bottom:12px;justify-content:space-between}.quote-record-bar strong{color:#f4d58b;font-size:13px;overflow-wrap:anywhere}.quote-record-bar small{display:block;color:#bbb;margin-top:4px}.quote-record-bar .btn{font-size:12px}.quote-history{margin:24px 0;padding:20px;border:1px solid #9e803d;border-radius:14px;background:#0e120d}.quote-history h2{color:#f0d58e;font:700 26px Georgia,serif;margin:0 0 8px}.quote-history>p{font-size:13px;color:#bbb}.quote-history-toolbar input{flex:1 1 250px;min-width:0;padding:12px;color:#fff;background:#080b08;border:1px solid #8c753e;border-radius:8px}.quote-history-toolbar .btn{white-space:nowrap}.quote-history-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid #70603566}.quote-history-card strong{color:#efd18a;font-size:13px;overflow-wrap:anywhere}.quote-history-card p{margin:6px 0;font-size:13px}.quote-history-card small{color:#aaa;font-size:11px}.quote-history-money{color:#f4d58b;font-weight:bold}.quote-history-money small{display:block;margin-top:6px}.quote-history-actions .btn{font-size:12px;border:1px solid #a68a44;background:#0b0e09;color:#ecd69c}.quote-history-actions .red{background:linear-gradient(110deg,#f9dc8b,#c89a3d);color:#111}.quote-history-status{font-size:12px;margin:12px 0;overflow-wrap:anywhere}.quote-history-pages{display:flex;justify-content:flex-end;gap:8px}.quote-history button:disabled{opacity:.5;cursor:default}.quote-customer-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.quote-customer-fields label{font-size:11px;font-weight:bold}.quote-customer-fields input{width:100%;box-sizing:border-box;margin-top:4px;padding:8px;color:white;background:#080b08;border:1px solid #8c753e;border-radius:8px}.quote-price-note{font-size:11px;color:#d4c394;margin:8px 0}.quote-draft-status{font-size:12px;margin:10px 0;color:#c9bb9b}.quote-draft-status.err{color:#ff8d8d}@media(max-width:700px){.quote-history-card{grid-template-columns:minmax(0,1fr)}.quote-history-actions .btn{flex:1}.quote-history{padding:15px}.quote-customer-fields{grid-template-columns:minmax(0,1fr)}.quote-record-bar{align-items:flex-start}.quote-history h2{font-size:23px}}
.quote-history .quote-history-pages{flex-wrap:wrap}#dashboardContent .dashboard>.ultra{min-width:0}@media(max-width:850px){#dashboardContent .dashboard{grid-template-columns:minmax(0,1fr)}}

.hpm-video-player{position:relative}
.hpm-video-load{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);border:1px solid #d8ae4c;border-radius:999px;background:linear-gradient(135deg,#ffe49a,#c69b40);color:#111;padding:14px 24px;font-weight:800;cursor:pointer;white-space:nowrap}
.hpm-video-load[hidden]{display:none}
.v11-sticky:has(.hpm-showroom-loan){display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hpm-showroom-loan{border:1px solid #d8ae4c!important}

.variant-spec-panel{margin:12px 0;border:1px solid #80672d;border-radius:10px;padding:12px;background:#10120f}
.variant-spec-source{display:flex;gap:14px;justify-content:space-between;align-items:center}.variant-spec-source small{display:block;color:#c6a650;font-size:10px;letter-spacing:1px;margin-bottom:5px}.variant-spec-source strong{font-size:15px}.catalog-pdf{font-size:12px;white-space:nowrap}.variant-spec-more{margin-top:10px;font-size:13px}.variant-spec-more summary{cursor:pointer;color:#f0d488;padding:8px 0}.variant-spec-more dl{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin:8px 0}.variant-spec-more dl>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #353327;min-width:0}.variant-spec-more dt{color:#bdb9ab;flex:0 0 40%}.variant-spec-more dd{margin:0;text-align:right;overflow-wrap:anywhere;color:#f7f3e5}.variant-spec-more p{font-size:11px;color:#aaa595;line-height:1.6}.compare-variant-label{display:block;font:14px Arial,sans-serif;color:#e8cc79;text-align:left;margin:8px 20px}.compare-variant-select{width:100%;padding:8px;margin-top:4px;background:#080b08;color:#fff;border:1px solid #b8994b;border-radius:5px}.compare-buttons+.catalog-pdf{display:block;margin:8px 20px;text-align:center}.spec-provenance{color:#d4b66a!important}
@media(max-width:850px){.variant-spec-source{align-items:flex-start;flex-direction:column;gap:10px}.variant-spec-more dl{grid-template-columns:1fr}.variant-spec-more dl>div{gap:10px}.variant-spec-more dd{max-width:60%}.variant-spec-source strong{font-size:14px}.variant-spec-panel{padding:12px}.catalog-pdf{min-height:42px}}

/* Typography hierarchy: smaller headings, readable body, unchanged touch areas. */
body{font-size:14px}body header .brand strong,body .brand-title{font-size:18px!important}body header nav a,body header .btn{font-size:12px!important}body .brand span{font-size:9px!important}
body main h1,body .hero h1{font-size:clamp(30px,4.2vw,52px)!important;line-height:1.08!important}
body main h2,body #model .section-head h2,body #compare .section-head h2,body #compare h2{font-size:clamp(26px,2.9vw,38px)!important;line-height:1.15!important}
body #loan .section-head h2,body #quoteHistory h2,body #pilihan h2{font-size:clamp(22px,2vw,28px)!important}
body main h3,body .inline-showroom .spin-heading h3,body .inline-showroom .premium-model-film h3{font-size:18px!important;line-height:1.3!important}
body p,body .section-head p,body #compare .section-head p{font-size:13px!important;line-height:1.55!important}body .hero p{font-size:16px!important}
body label,body .field label{font-size:11px!important}body input,body select,body textarea{font-size:13px!important}body .btn,body .model-tabs button,body .variant-chips button{font-size:12px!important}
body #compare th,body #compare td,body .variant-spec-more dt,body .variant-spec-more dd,body .spec-grid .spec-value{font-size:12px!important;line-height:1.45!important}
body .compare-model-card h3,body #loan .quote-preview h3{font-size:19px!important}body .compare-model-card strong,body .inline-showroom .v11-pricebox strong{font-size:24px!important}body #loan .quote-monthly strong{font-size:29px!important}
body .quote-line,body .quote-history-card p,body .compare-actions ul{font-size:12px!important}body .quote-history-card strong,body .quote-history-money{font-size:12px!important}
body .section-fold-title .section-fold-toggle{font-size:24px!important}body .spin-controls button{font-size:11px!important}body .variant-spec-source strong{font-size:13px!important}
@media(max-width:700px){body main h2,body #model .section-head h2,body #compare h2{font-size:27px!important}body #loan .section-head h2,body #quoteHistory h2,body #pilihan h2{font-size:22px!important}body main h3,body .inline-showroom .spin-heading h3,body .inline-showroom .premium-model-film h3{font-size:16px!important}body .hero p{font-size:14px!important}body header .brand strong,body .brand-title{font-size:14px!important}body input,body select,body textarea{font-size:16px!important}body #compare select{font-size:13px!important}body .compare-model-card strong,body .inline-showroom .v11-pricebox strong{font-size:21px!important}body .compare-model-card h3{font-size:16px!important}}

/* Template 1 is the unmodified original. Other templates recolour live HTML. */
html[data-hpm-theme="ivory"]:is(#hpm-theme-specificity,html){--page:#fbf8ef;--panel:#fffdf7;--ink:#24221d;--muted:#665e4e;--accent:#b7862c;--button:#efd080;--border:#cfa654}
html[data-hpm-theme="transformers"]:is(#hpm-theme-specificity,html){--page:#10161b;--panel:#192128;--ink:#f5f6f7;--muted:#bac8d2;--accent:#ffcf2d;--button:#f4c329;--border:#778894}
html[data-hpm-theme="kitty"]:is(#hpm-theme-specificity,html){--page:#fff0f5;--panel:#fffafd;--ink:#35212c;--muted:#785765;--accent:#d53774;--button:#ff8bb3;--border:#f29abc}
html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) body{background:var(--page)!important;background-image:none!important;color:var(--ink)!important}
html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) body:before,html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) body:after{background-color:var(--page)!important;background-size:55px 95px!important;border:none!important}
html[data-hpm-theme="ivory"]:is(#hpm-theme-specificity,html) body:before,html[data-hpm-theme="ivory"]:is(#hpm-theme-specificity,html) body:after{background-image:url('assets/theme/hpm-reference-batik.png')!important;opacity:.27;background-size:1448px 1086px!important}
html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) header,html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) header .nav{background:var(--panel)!important;background-image:none!important;border:1px solid var(--border)!important;border-radius:12px!important}
html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) header .brand{position:static!important;opacity:1!important;max-width:none!important;width:auto!important;height:auto!important;overflow:visible!important}
html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) header .nav{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px!important;min-height:56px}
html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) header .nav>nav{display:flex!important;gap:14px!important}html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) header .nav a,html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) header .nav>.btn,html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) header .sa-login-top{position:static!important;opacity:1!important;width:auto!important;height:auto!important;min-height:0!important}
html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) :is(.hero .hero-grid,#loan>.wrap,#compare>.wrap,.quote-history,.panel,.ultra,.quote-preview,.compare-model-card,.variant-spec-panel,.spec-grid,.v11-pricebox,.sales-cta-card,.home-promo-card,.why-card){background:var(--panel)!important;background-image:none!important;border-color:var(--border)!important;color:var(--ink)!important;box-shadow:none!important}
html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) :is(h1,h2,h3,h4,label,th,td,.quote-sa b,.quote-line,.spec-grid div,.variant-spec-more dd,.variant-spec-more dt){color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;text-shadow:none!important;background-image:none!important}
html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) :is(p,small,.muted,.quote-line span,.mini,.compare-note,.variant-spec-more p){color:var(--muted)!important}
html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) :is(input,select,textarea){background:var(--page)!important;color:var(--ink)!important;border-color:var(--border)!important}
html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) :is(.btn,.model-tabs button.active,.variant-chips button.active){background:var(--button)!important;color:#211820!important;border-color:var(--accent)!important;-webkit-text-fill-color:#211820!important}
html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) .btn.dark,html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) .btn.ghost{background:var(--panel)!important;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important}
html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) :is(.quote-sa,.quote-monthly){background:var(--button)!important;color:#211820!important}html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) .quote-monthly :is(strong,span,small){color:#211820!important;-webkit-text-fill-color:#211820!important}
html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) .batik-photo-corner{display:none!important}html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) #compare :is(th,td){border-color:var(--border)!important;background:var(--panel)!important}
html[data-hpm-theme="transformers"]:is(#hpm-theme-specificity,html) :is(.hero .hero-grid,#loan>.wrap,#compare>.wrap){border:2px solid #738591!important;border-left:7px solid #ecc12c!important;border-right:7px solid #ecc12c!important;border-radius:4px!important;box-shadow:inset 0 0 0 3px #12191f,0 0 14px #28adff22!important;background-image:repeating-linear-gradient(135deg,#ffffff03 0 2px,transparent 2px 12px)!important}
html[data-hpm-theme="kitty"]:is(#hpm-theme-specificity,html) :is(.hero .hero-grid,#loan>.wrap,#compare>.wrap){border:2px solid #f29abc!important;border-radius:22px!important;background-image:radial-gradient(#ffaac522 1px,transparent 1px)!important;background-size:20px 20px!important}
html[data-hpm-theme="ivory"]:is(#hpm-theme-specificity,html) :is(.hero .hero-grid,#loan>.wrap,#compare>.wrap){border:1px solid #cfa654!important;border-radius:8px!important}
.theme-picker{margin:18px 0;padding:18px;border:1px solid #b99248;border-radius:12px}.theme-picker select{width:100%;padding:12px;margin:8px 0 14px}.theme-picker .row{gap:10px;display:flex;flex-wrap:wrap}.theme-picker p{font-size:13px}
@media(max-width:850px){html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) header .nav{flex-wrap:wrap;padding:10px!important}html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) header .nav>nav{display:none!important}html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) header .nav.menu-open>nav{display:flex!important}}
html[data-hpm-theme="kitty"]:is(#hpm-theme-specificity,html) body:before,html[data-hpm-theme="kitty"]:is(#hpm-theme-specificity,html) body:after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2280%22%20height%3D%22120%22%20viewBox%3D%220%200%2080%20120%22%3E%3Cpath%20d%3D%22M14%2046V18l17%209q12-4%2022%200l15-9v28q12%2035-27%2036Q2%2083%2014%2046%22%20fill%3D%22white%22%20stroke%3D%22%23572d3d%22%20stroke-width%3D%222%22/%3E%3Cellipse%20cx%3D%2229%22%20cy%3D%2253%22%20rx%3D%223%22%20ry%3D%225%22/%3E%3Cellipse%20cx%3D%2253%22%20cy%3D%2253%22%20rx%3D%223%22%20ry%3D%225%22/%3E%3Cellipse%20cx%3D%2241%22%20cy%3D%2262%22%20rx%3D%224%22%20ry%3D%223%22%20fill%3D%22%23eab734%22/%3E%3Cpath%20d%3D%22M7%2051l14%203M5%2063l15-1M60%2054l15-4M62%2064l15%202%22%20stroke%3D%22%23572d3d%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M52%2028Q37%209%2042%2037Q49%2042%2055%2031Q65%2046%2073%2035Q80%2012%2056%2024%22%20fill%3D%22%23ef6898%22%20stroke%3D%22%23572d3d%22%20stroke-width%3D%222%22/%3E%3Ccircle%20cx%3D%2255%22%20cy%3D%2228%22%20r%3D%225%22%20fill%3D%22%23ff91b7%22/%3E%3Cpath%20d%3D%22M34%20101q-7-13-14-4q-4%209%2014%2017q18-8%2014-17q-7-9-14%204%22%20fill%3D%22%23f49ab8%22/%3E%3C/svg%3E")!important}
html[data-hpm-theme="transformers"]:is(#hpm-theme-specificity,html) body:before,html[data-hpm-theme="transformers"]:is(#hpm-theme-specificity,html) body:after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2280%22%20height%3D%22120%22%20viewBox%3D%220%200%2080%20120%22%3E%3Cpath%20d%3D%22M9%2025L26%209l14%208L54%209l17%2016-7%2041-24%2020-24-20z%22%20fill%3D%22%23e9b624%22%20stroke%3D%22%2366717a%22%20stroke-width%3D%223%22/%3E%3Cpath%20d%3D%22M16%2027l16%209-5%2014-13-9zM64%2027l-16%209%205%2014%2013-9z%22%20fill%3D%22%231bb9ff%22/%3E%3Cpath%20d%3D%22M33%2024h14l3%2034-10%209-10-9zM22%2057l9%209v10L19%2065zM58%2057l-9%209v10l12-11z%22%20fill%3D%22%23171e23%22/%3E%3Cpath%20d%3D%22M8%20104h64%22%20stroke%3D%22%2329c9ff%22%20stroke-width%3D%222%22/%3E%3C/svg%3E")!important}

html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) :is(.display-option,.display-master,.display-group-title,.display-count,.top,.tabs,.tab,.metric){background:var(--panel)!important;color:var(--ink)!important;border-color:var(--border)!important;text-shadow:none!important}
html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) :is(.display-option span,.display-group-title span,.display-count,.nav a:hover){color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;opacity:1!important;background:none!important}
html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) .tab.active{background:var(--button)!important;color:#211820!important}
html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) :is(.nav a,.nav .brand,.quote-kicker,.quote-ref,.quote-sa span,.display-group-title,.section-fold-toggle){color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important}
html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) :is(.btn,.quote-monthly,.section-fold-toggle,.mobile-menu-toggle){background-image:none!important;background-color:var(--button)!important;color:#211820!important;-webkit-text-fill-color:#211820!important}
html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) :is(.eyebrow,.quote-kicker,.quote-ref){color:var(--accent)!important;-webkit-text-fill-color:var(--accent)!important}
html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) .hero{background:var(--page)!important}
html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) .hero-trust>div{background:var(--panel)!important;border-color:var(--border)!important;color:var(--ink)!important;box-shadow:none!important}
html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) .hero-trust :is(b,span){color:var(--ink)!important}
html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) legend{color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important}
@media(max-width:850px){html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) header .nav>.brand{flex:0 0 100%!important;width:100%!important;font-size:12px!important;line-height:1.3!important;order:-1!important}html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) header .brand>span:last-child{width:auto!important;max-width:none!important}html:not([data-hpm-theme="batik"]):is(#hpm-theme-specificity,html) header .brand small{font-size:8px!important}}

/* Transformers V12.17.1: real character art and nine-slice metal frame. */
html[data-hpm-theme="transformers"]:is(#hpm-transformers,html){--page:#080c10;--panel:#101519;--border:#65717c;--button:#ffcf00;--accent:#ffcf00}
html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) body:before,html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) body:after{background-image:linear-gradient(90deg,#06090c,#333e48 30%,#101820 42%,#00a8ff 46%,#65dcff 50%,#15232e 55%,#141a20 78%,#020509)!important;background-size:100% 100%!important;opacity:1!important;width:20px!important;box-shadow:0 0 15px #008dff44!important}
html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) :is(.hero .hero-grid,#loan>.wrap,#compare>.wrap){border:38px solid transparent!important;border-image:url('assets/theme/transformers-frame-v2.png') 170 stretch!important;border-image-width:38px!important;border-image-outset:0!important;border-radius:0!important;box-shadow:0 0 22px #007bff22!important;background:#0b1014!important;padding:20px 24px!important;position:relative!important}
html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) :is(.hero .hero-grid,#loan>.wrap,#compare>.wrap)::before,html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) :is(.hero .hero-grid,#loan>.wrap,#compare>.wrap)::after{display:none!important}
html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) header .nav{border:22px solid transparent!important;border-image:url('assets/theme/transformers-frame-v2.png') 170 stretch!important;border-image-width:22px!important;border-radius:0!important;background:repeating-linear-gradient(135deg,#11171c 0 3px,#141b21 3px 6px)!important;padding:5px 15px!important;min-height:76px!important}
html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) header{border:0!important;background:#080c10!important}
html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) .hero .hero-grid{grid-template-columns:1.08fr 1fr!important;gap:20px!important;align-items:stretch!important}
html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) .hero-grid>div:first-child{position:relative;min-height:300px;padding:5px 190px 8px 0!important;isolation:isolate}
html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) .hero-grid>div:first-child::before{content:"";position:absolute;right:-30px;bottom:-16px;width:230px;height:335px;background:url('assets/theme/transformers-robot-v2.png') center bottom/contain no-repeat;z-index:-1;pointer-events:none}
html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) .hero h1{font-size:clamp(28px,3vw,38px)!important;line-height:1.06!important;letter-spacing:-.6px!important;max-width:310px!important;text-shadow:0 2px 4px #000!important;margin:12px 0!important}
html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) .hero h1 span{font-size:inherit!important}
html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) .hero-grid p{font-size:14px!important;line-height:1.5!important;max-width:260px!important;text-shadow:0 1px 4px #000}
html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) .hero .actions{width:calc(100% + 180px)!important;position:relative;z-index:2;gap:10px!important}
html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) .hero-trust{display:none!important}
html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) .hero-card{align-self:center;border:1px solid #27b9ff!important;box-shadow:0 0 0 4px #1d2b36,0 0 14px #009bff55!important;border-radius:3px!important;overflow:hidden}
html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) :is(.btn,.model-tabs button,.section-fold-toggle){clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);border-radius:0!important;box-shadow:none!important}
html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) :is(.quote-form,.quote-preview,.quote-monthly,.panel){border-radius:3px!important;background-color:#0a0e11!important}
html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) .quote-monthly{background:#ffcf00!important;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
@media(max-width:850px){html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) :is(.hero .hero-grid,#loan>.wrap,#compare>.wrap){border-width:22px!important;border-image-width:22px!important;padding:16px 12px!important}html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) .hero .hero-grid{grid-template-columns:1fr!important;gap:18px!important}html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) .hero-grid>div:first-child{padding-right:110px!important;min-height:255px!important}html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) .hero-grid>div:first-child::before{width:150px;height:235px;right:-20px;bottom:-5px}html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) .hero h1{font-size:26px!important}html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) .hero .actions{width:calc(100% + 110px)!important}html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) .hero-grid p{font-size:12px!important}html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) header .nav{border-width:15px!important;border-image-width:15px!important;padding:8px!important}}
@media(min-width:851px){html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) header .brand{font-size:20px!important;white-space:nowrap!important}html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) header .brand>span:last-child{max-width:none!important;width:auto!important;white-space:nowrap!important}html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) .hero-grid>div:first-child{padding-right:175px!important}html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) .hero-grid>div:first-child::before{width:300px;height:365px;right:-30px;bottom:-16px}html[data-hpm-theme="transformers"]:is(#hpm-transformers,html) .hero h1{font-size:34px!important}}

/* V12.17.2: one elegant typography system shared by every website template. */
html:is(#hpm-type-a,html):is(#hpm-type-b,html):is(#hpm-type-c,html) body{font-family:Arial,Helvetica,sans-serif!important;font-weight:400!important;letter-spacing:.01em!important;line-height:1.55!important}
html:is(#hpm-type-a,html):is(#hpm-type-b,html):is(#hpm-type-c,html) :is(p,small,span,a,button,input,select,textarea,label,legend,th,td,dt,dd,li){font-family:Arial,Helvetica,sans-serif!important;letter-spacing:.01em!important}
html:is(#hpm-type-a,html):is(#hpm-type-b,html):is(#hpm-type-c,html) :is(h1,h2,h3,h4,.brand,.brand>span:last-child,.brand strong,.brand-title,.quote-monthly strong,.compare-model-card .price){font-family:Georgia,'Times New Roman',serif!important;font-weight:700!important;letter-spacing:-.015em!important;line-height:1.15!important}
html:is(#hpm-type-a,html):is(#hpm-type-b,html):is(#hpm-type-c,html) :is(h1,h2,h3,h4) :is(span,a){font-family:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}
html:is(#hpm-type-a,html):is(#hpm-type-b,html):is(#hpm-type-c,html) :is(label,legend,th,.field label,.btn,button,.tab,.model-tabs button,.variant-chips button){font-weight:600!important;letter-spacing:.015em!important;line-height:1.35!important}
html:is(#hpm-type-a,html):is(#hpm-type-b,html):is(#hpm-type-c,html) :is(p,small,td,dd,li){font-weight:400!important;line-height:1.55!important}
html:is(#hpm-type-a,html):is(#hpm-type-b,html):is(#hpm-type-c,html) :is(input,select,textarea){font-weight:400!important;letter-spacing:.01em!important;line-height:1.4!important}
html:is(#hpm-type-a,html):is(#hpm-type-b,html):is(#hpm-type-c,html) :is(b,strong,.quote-sa b,.quote-line strong){font-weight:600!important;letter-spacing:.01em!important}
html:is(#hpm-type-a,html):is(#hpm-type-b,html):is(#hpm-type-c,html) .quote-monthly strong{font-weight:700!important;letter-spacing:-.015em!important}
html:is(#hpm-type-a,html):is(#hpm-type-b,html):is(#hpm-type-c,html) :is(.eyebrow,.quote-kicker,.display-kicker){font-weight:600!important;letter-spacing:.12em!important;line-height:1.4!important}
html:is(#hpm-type-a,html):is(#hpm-type-b,html):is(#hpm-type-c,html) .brand small{font-family:Arial,Helvetica,sans-serif!important;font-weight:600!important;letter-spacing:.1em!important;line-height:1.4!important}
html:is(#hpm-type-a,html):is(#hpm-type-b,html):is(#hpm-type-c,html) .hero h1{font-size:clamp(30px,3.2vw,42px)!important;line-height:1.12!important}
@media(max-width:850px){html:is(#hpm-type-a,html):is(#hpm-type-b,html):is(#hpm-type-c,html) .hero h1{font-size:28px!important}html:is(#hpm-type-a,html):is(#hpm-type-b,html):is(#hpm-type-c,html) input,html:is(#hpm-type-a,html):is(#hpm-type-b,html):is(#hpm-type-c,html) select,html:is(#hpm-type-a,html):is(#hpm-type-b,html):is(#hpm-type-c,html) textarea{font-size:16px!important}}
@media(max-width:850px){html[data-hpm-theme="transformers"]:is(#hpm-type-a,html):is(#hpm-type-b,html):is(#hpm-type-c,html) .hero-grid>div:first-child{padding-right:50px!important}html[data-hpm-theme="transformers"]:is(#hpm-type-a,html):is(#hpm-type-b,html):is(#hpm-type-c,html) .hero .actions{width:calc(100% + 50px)!important}}
@media(max-width:850px){html[data-hpm-theme="transformers"]:is(#hpm-type-a,html):is(#hpm-type-b,html):is(#hpm-type-c,html) .hero-grid>div:first-child::before{width:120px!important;right:-24px!important;height:200px!important}}

.hpm-video-player{position:relative}
.hpm-video-load{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);border:1px solid #d8ae4c;border-radius:999px;background:linear-gradient(135deg,#ffe49a,#c69b40);color:#111;padding:14px 24px;font-weight:800;cursor:pointer;white-space:nowrap}
.hpm-video-load[hidden]{display:none}
.v11-sticky:has(.hpm-showroom-loan){display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hpm-showroom-loan{border:1px solid #d8ae4c!important}

.finance-setting-controls,.finance-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.finance-setting-controls{margin-bottom:18px}.finance-price-row{border:1px solid #a98a46;border-radius:8px;padding:12px;margin:10px 0;background:#11150f}.finance-price-row summary{cursor:pointer;font-weight:600;line-height:1.6}.finance-price-grid{padding-top:12px}.finance-price-grid label{font-size:12px;font-weight:600}.finance-price-grid input,.finance-price-grid select{width:100%;padding:9px;margin-top:6px;border:1px solid #8e7a47;border-radius:5px;background:#0e1310;color:#f5e6bd}.finance-price-grid input[type=checkbox]{width:auto;margin-right:8px}.quote-insurance{margin:10px 0;border:1px solid #8e743b;border-radius:7px;padding:10px}.quote-insurance summary{cursor:pointer;color:#e7cc84;font-size:13px}.quote-insurance .finance-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-price-row[hidden]{display:none}@media(max-width:540px){.finance-setting-controls,.finance-price-grid{grid-template-columns:1fr}.quote-insurance .finance-price-grid{grid-template-columns:1fr}.finance-price-grid input,.finance-price-grid select{font-size:16px}}

/* Premium live quotation with genuine vehicle photo. */
#loan .quote-preview{display:flex;flex-direction:column;background:linear-gradient(145deg,#14190f,#060b08)!important;border:1px solid #c2a451!important;box-shadow:inset 0 0 35px #e6bd5210,0 12px 28px #0005;padding:22px!important}#loan .quote-preview .quote-kicker{letter-spacing:2px}#loan .quote-preview h3{font-family:Georgia,serif;font-size:23px}#loan .quote-monthly{background:linear-gradient(120deg,#ffeca5,#d4aa42)!important;box-shadow:0 7px 20px #0004}#loan .quote-sa{background:#ffffff06!important;border:1px solid #cfb56b25}#loan .quote-line{padding:9px 0;border-color:#baa25720}.quote-vehicle-premium{margin:20px 0 0;position:relative;min-height:255px;border:1px solid #c2a451;border-radius:9px;overflow:hidden;background:#080d0a url('assets/theme/quotation-kl-premium.webp') center/cover no-repeat;display:flex;align-items:flex-end;justify-content:center;aspect-ratio:3/2}.quote-vehicle-premium img{width:82%;height:67%;object-fit:contain;position:absolute;bottom:20px;filter:drop-shadow(0 9px 7px #0009)}.quote-vehicle-premium figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000d);padding:17px 8px 9px;text-align:center;font-size:11px;color:#f7df95}#loan .actions{flex-wrap:wrap}#loan .actions .btn{font-size:12px!important;padding:11px 13px!important}@media(max-width:540px){#loan .quote-preview{padding:16px!important}.quote-vehicle-premium{min-height:220px}}

.quotation-png-dialog{max-width:720px;width:90vw;max-height:90vh;border:1px solid #d3b55c;border-radius:12px;background:#0a100c;color:#eed07e;padding:18px}.quotation-png-dialog::backdrop{background:#000c}.quotation-png-dialog img{display:block;width:100%;height:auto;margin:12px 0}.quotation-png-dialog button{margin-right:8px}

/* Quotation vehicle rotation: existing original model frames. */
.quote-vehicle-premium:has(.quote-spin-controls) img{bottom:54px;cursor:grab;user-select:none}
.quote-vehicle-premium img:active{cursor:grabbing}
.quote-vehicle-premium:has(.quote-spin-controls) figcaption{bottom:36px;padding:5px 12px;font-size:11px}
.quote-spin-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:5px 12px;background:#080d0ae8;z-index:2}
.quote-spin-controls button{border:1px solid #d6b35b;border-radius:50%;background:#0b100d;color:#efd17e;width:28px;height:28px;font-size:23px;line-height:22px;cursor:pointer;padding:0}
.quote-spin-controls input[type=range]{flex:1;width:0;min-height:24px;padding:0;accent-color:#d6b35b;cursor:pointer}

/* Grounded car and centered Proton identity in the quotation scene. */
.quote-vehicle-premium>img{object-position:center bottom;z-index:1;filter:drop-shadow(0 3px 2px #000b)}
.quote-vehicle-premium:has(.quote-spin-controls)>img{bottom:58px;height:59%}
.quote-scene-brand{position:absolute;top:9px;left:8px;right:8px;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:2;pointer-events:none}
.quote-proton-logo{display:block;width:32px;height:32px;border-radius:50%;background:url('assets/theme/hpm-exact-reference.png') -130.9px -8.4px/1013.6px 760.2px no-repeat}
.quote-scene-brand strong{color:#f4d47e;font:700 clamp(9px,1vw,13px) Georgia,serif;letter-spacing:.8px;text-shadow:0 2px 4px #000}
.quote-ground-shadow{position:absolute;width:70%;height:12px;bottom:53px;border-radius:50%;background:#000b;filter:blur(4px);z-index:0}
.quote-vehicle-premium:not(:has(.quote-spin-controls))>img{bottom:30px;height:59%}
.quote-vehicle-premium:not(:has(.quote-spin-controls)) .quote-ground-shadow{bottom:25px}
.quote-vehicle-premium figcaption{z-index:2}

.quote-spin-controls{height:44px;box-sizing:border-box}.quote-spin-controls button{min-height:28px!important}.quote-vehicle-premium:has(.quote-spin-controls) figcaption{bottom:44px;padding:4px 8px}

/* Shadows follow real tire contact points for every rotation frame. */
.quote-vehicle-premium>img,.quote-vehicle-premium:has(.quote-spin-controls)>img{width:78%;height:48%}
.quote-ground-shadow{inset:0;width:auto;height:auto;background:none;filter:none;border-radius:0;pointer-events:none}
.quote-vehicle-premium:not(:has(.quote-spin-controls)) .quote-ground-shadow{bottom:0}
.quote-body-contact,.quote-tire-contact{position:absolute;display:block;border-radius:50%;background:radial-gradient(ellipse,#000d 15%,#0008 45%,transparent 75%);filter:blur(2px)}
.quote-tire-contact{background:radial-gradient(ellipse,#000 10%,#000c 45%,transparent 75%);filter:blur(.7px)}

/* Centered compact layout; responsive rather than forced browser zoom. */
html:is(#hpm-layout,html):is(#hpm-layout2,html):is(#hpm-layout3,html):is(#hpm-layout4,html) .wrap{max-width:1080px!important;margin-inline:auto!important;min-width:0}
html:is(#hpm-layout,html):is(#hpm-layout2,html):is(#hpm-layout3,html):is(#hpm-layout4,html) header{max-width:1080px!important;margin-inline:auto!important}
main,section,.hero-grid>*,.quote-card>*,.form-grid>*,.compare-controls>*{min-width:0}
img,video,iframe{max-width:100%}
.actions,.row,.filters,.section-head{flex-wrap:wrap}
#loan .quote-line{display:flex;justify-content:space-between;align-items:start}
#loan .quote-line span,#loan .quote-line b{min-width:0;overflow-wrap:anywhere}
#loan .quote-sa>div{min-width:0}
#compare .compare-table{max-width:100%;overflow-x:auto}
html:is(#hpm-layout,html):is(#hpm-layout2,html):is(#hpm-layout3,html):is(#hpm-layout4,html) :is(.hero-grid,.quote-card){grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(min-width:861px){
html:is(#hpm-layout,html):is(#hpm-layout2,html):is(#hpm-layout3,html):is(#hpm-layout4,html) .hero h1{font-size:36px!important;line-height:1.12!important}
html:is(#hpm-layout,html):is(#hpm-layout2,html):is(#hpm-layout3,html):is(#hpm-layout4,html) .section-head h2{font-size:28px!important;line-height:1.2!important}
#loan .quote-card{gap:16px!important}#loan .quote-preview,#loan .ultra{padding:18px!important}
#loan .quote-monthly{padding:16px!important}#loan .quote-monthly strong{font-size:34px!important}
}
@media(max-width:860px){
html:is(#hpm-layout,html):is(#hpm-layout2,html):is(#hpm-layout3,html):is(#hpm-layout4,html) :is(.hero-grid,.quote-card){grid-template-columns:minmax(0,1fr)!important}
html:is(#hpm-layout,html):is(#hpm-layout2,html):is(#hpm-layout3,html):is(#hpm-layout4,html) header{position:relative!important;top:0!important}
.hero-grid{gap:18px!important}#loan .quote-card{gap:14px!important}
}
@media(max-width:420px){
#loan .form-grid{grid-template-columns:minmax(0,1fr)!important}
#loan .quote-sa{flex-direction:column!important}
html:is(#hpm-layout,html):is(#hpm-layout2,html):is(#hpm-layout3,html):is(#hpm-layout4,html) .hero h1{font-size:27px!important}
.quote-scene-brand strong{font-size:9px!important;letter-spacing:.2px}
}

/* Space-saving phone layout with readable controls. */
@media(max-width:600px){
html:is(#hpm-mobile,html):is(#hpm-mobile2,html):is(#hpm-mobile3,html):is(#hpm-mobile4,html) body{padding-inline:10px!important}
html:is(#hpm-mobile,html):is(#hpm-mobile2,html):is(#hpm-mobile3,html):is(#hpm-mobile4,html) .wrap{padding-inline:10px!important}
section{padding-block:18px!important}
.section-head{margin-bottom:12px!important;gap:8px!important}
html:is(#hpm-mobile,html):is(#hpm-mobile2,html):is(#hpm-mobile3,html):is(#hpm-mobile4,html) .section-head h2{font-size:23px!important;line-height:1.15!important}
.section-head p,.hero p{font-size:12px!important;line-height:1.45!important}
html:is(#hpm-mobile,html):is(#hpm-mobile2,html):is(#hpm-mobile3,html):is(#hpm-mobile4,html) .hero h1{font-size:26px!important;margin-block:8px 12px!important}
html:is(#hpm-mobile,html):is(#hpm-mobile2,html):is(#hpm-mobile3,html):is(#hpm-mobile4,html) .hero-grid{padding:18px 14px!important;gap:14px!important}
.actions{margin-top:12px!important;gap:6px!important}
.btn{padding:9px 11px!important;font-size:12px!important;min-height:38px}
html:is(#hpm-mobile,html):is(#hpm-mobile2,html):is(#hpm-mobile3,html):is(#hpm-mobile4,html) header .nav{padding:5px!important;gap:6px!important}
.mobile-menu-toggle{min-height:36px!important;padding:7px 10px!important}
#loan .ultra,#loan .quote-preview{padding:12px!important;border-radius:12px!important}
#loan .form-grid{gap:9px 8px!important}
#loan .field label{font-size:10px!important;line-height:1.3;margin-bottom:4px!important}
#loan .field input,#loan .field select{padding:8px 7px!important;min-height:38px!important;border-radius:7px!important;max-width:100%;min-width:0}
#loan .quote-sa{flex-direction:row!important;gap:8px!important;padding:9px!important;margin:10px 0!important}
#loan .quote-sa span{font-size:9px!important}#loan .quote-sa b{font-size:12px!important}
#loan .quote-monthly{padding:13px!important;margin:12px 0!important}
#loan .quote-monthly strong{font-size:30px!important;margin:5px 0!important}
#loan .quote-line{padding:7px 0!important;font-size:11px!important}
#loan .quote-preview h3{font-size:20px!important;margin:6px 0!important}
.quote-vehicle-premium{margin-top:12px!important;min-height:195px!important}
.quote-insurance{padding:8px!important;margin-block:8px!important}
.quote-insurance .finance-price-grid{gap:8px!important}
.sales-cta-card,.home-promo-card,.why-card{padding:16px 12px!important}
.sales-cta-card h2{font-size:24px!important}
.sales-cta-card p{font-size:12px!important;line-height:1.45!important}
.inline-showroom,.detail-box{padding:12px!important}
.spec-grid{gap:7px!important}
}
@media(min-width:360px) and (max-width:600px){
#loan .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.quote-insurance .finance-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Compare's fixed design canvas is scaled by its frame, not capped twice. */
@media(min-width:801px){
html:is(#hpm-compare,html):is(#hpm-compare2,html):is(#hpm-compare3,html):is(#hpm-compare4,html):is(#hpm-compare5,html) #compare .compare-reference-frame>.wrap{width:1428px!important;max-width:none!important;margin:0!important;min-width:0;padding:0!important}
}

/* Calm premium comparison showroom, with wider swipe cards on phones. */
#compare .compare-controls .field{background:#101412!important;border-color:#aa8c4e!important}
#compare .compare-model-card{background:linear-gradient(180deg,#111714,#080c0a)!important;padding-bottom:14px!important}
#compare .compare-photo{background:radial-gradient(ellipse at 50% 15%,#e7cb7524,transparent 65%),linear-gradient(180deg,#111914 0%,#0b100d 63%,#82734b 64%,#26291f 65%,#10150f 100%)!important}
#compare .compare-photo::before{content:'';position:absolute;left:12%;right:12%;bottom:10%;height:10%;border-radius:50%;background:radial-gradient(ellipse,#000c,transparent 70%);filter:blur(3px);pointer-events:none}
#compare .compare-model-card h3{margin-top:8px!important}
#compare .compare-colour-picker{padding-inline:8px}
@media(max-width:800px){
#compare .compare-controls{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px!important;padding:2px 0 10px!important;overscroll-behavior-inline:contain;scrollbar-color:#c3a454 #121812}
#compare .compare-controls>.field{flex:0 0 78%;min-width:230px!important;scroll-snap-align:start;padding:12px 8px 0!important}
#compare .compare-controls label{font-size:12px!important;margin:0 6px 4px!important}
#compare .compare-controls select{height:38px!important;font-size:16px!important;width:calc(100% - 12px)!important;padding:6px!important}
#compare .compare-photo{height:150px!important;margin-top:8px!important}
#compare .compare-model-card h3{font-size:21px!important}
#compare .compare-model-card small{font-size:11px!important}
#compare .compare-model-card strong{font-size:26px!important}
#compare .compare-spin-controls{gap:7px;padding:7px 10px 0}
#compare .compare-spin-controls .compare-spin-play{font-size:11px!important}
#compare .section-head p::after{content:' · Swipe kad kiri / kanan';display:block;font-size:11px;color:#d0b675;margin-top:6px}
}

@media(max-width:800px){#compare .compare-controls{flex-wrap:nowrap!important}#compare .compare-controls>.field{flex-shrink:0!important}}

/* V12.32: luxury automotive studio, shared backdrop for all compare cars. */
#compare .compare-photo{background:#141310 url('assets/theme/compare-empty-showroom.png?v=12.32') center/100% 100% no-repeat!important;height:240px!important}
#compare .compare-photo::before{left:9%;right:9%;bottom:8%;height:9%;background:radial-gradient(ellipse,#000b,transparent 72%);z-index:0}
#compare .compare-photo::after{bottom:8%!important;opacity:.6}
#compare .compare-spin-canvas{height:76%!important;bottom:10%!important;width:94%!important;left:3%!important;object-position:center bottom;filter:drop-shadow(0 3px 2px #0008)}
#compare .compare-photo img{bottom:10%!important;max-height:76%!important;object-position:center bottom!important}
@media(max-width:800px){#compare .compare-photo{height:200px!important;margin-top:8px!important}}
@media(max-width:360px){#compare .compare-photo{height:180px!important}}

/* V12.33 five distinct promotional designs. */
html[data-hpm-theme="kitty"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html){--page:#fff0f5;--panel:#fffafd;--ink:#442132;--muted:#735263;--accent:#bd245b;--button:#ffb3cc;--border:#df7b9d}
html[data-hpm-theme="kitty"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hpm-theme-art{background-position:0 0}
html[data-hpm-theme="comic"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html){--page:#fff5c7;--panel:#fffdf2;--ink:#172838;--muted:#3b4e5b;--accent:#bd3825;--button:#ffc83d;--border:#172838}
html[data-hpm-theme="comic"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hpm-theme-art{background-position:100% 0}
html[data-hpm-theme="anime"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html){--page:#0b1026;--panel:#141c3a;--ink:#f5f2ff;--muted:#c1c4df;--accent:#a78bfa;--button:#c4b5fd;--border:#6278be}
html[data-hpm-theme="anime"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hpm-theme-art{background-position:0 100%}
html[data-hpm-theme="social"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html){--page:#f2f4f7;--panel:#ffffff;--ink:#131721;--muted:#515865;--accent:#b81e62;--button:#ffbdd9;--border:#9dabbc}
html[data-hpm-theme="social"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hpm-theme-art{background-position:0 0}
html[data-hpm-theme="floral"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html){--page:#f5f1e7;--panel:#fffdf7;--ink:#26372d;--muted:#5d665d;--accent:#80602c;--button:#e6cf9c;--border:#b29c70}
html[data-hpm-theme="floral"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hpm-theme-art{background-position:100% 100%}

html:is([data-hpm-theme="kitty"],[data-hpm-theme="comic"],[data-hpm-theme="anime"],[data-hpm-theme="social"],[data-hpm-theme="floral"]):is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html) body{background:var(--page)!important;color:var(--ink)!important}
html:is([data-hpm-theme="kitty"],[data-hpm-theme="comic"],[data-hpm-theme="anime"],[data-hpm-theme="social"],[data-hpm-theme="floral"]):is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html) body:before,html:is([data-hpm-theme="kitty"],[data-hpm-theme="comic"],[data-hpm-theme="anime"],[data-hpm-theme="social"],[data-hpm-theme="floral"]):is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html) body:after{display:none!important}
html:is([data-hpm-theme="kitty"],[data-hpm-theme="comic"],[data-hpm-theme="anime"],[data-hpm-theme="social"],[data-hpm-theme="floral"]):is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html) :is(.batik-photo-corner,.compare-flower){display:none!important}
html:is([data-hpm-theme="kitty"],[data-hpm-theme="comic"],[data-hpm-theme="anime"],[data-hpm-theme="social"],[data-hpm-theme="floral"]):is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html) :is(.hero .hero-grid,#loan>.wrap,.compare-reference-frame,.panel,.ultra,.quote-preview,.home-promo-card,.sales-cta-card,.why-card,.quote-history){background:var(--panel)!important;background-image:none!important;border:1px solid var(--border)!important;color:var(--ink)!important;box-shadow:none!important;border-radius:18px!important}
html:is([data-hpm-theme="kitty"],[data-hpm-theme="comic"],[data-hpm-theme="anime"],[data-hpm-theme="social"],[data-hpm-theme="floral"]):is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html) :is(h1,h2,h3,h4,label,th,td,.quote-sa b,.brand,.quote-line,.eyebrow,.promo-kicker){color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;text-shadow:none!important}
html:is([data-hpm-theme="kitty"],[data-hpm-theme="comic"],[data-hpm-theme="anime"],[data-hpm-theme="social"],[data-hpm-theme="floral"]):is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html) :is(p,small,.muted,.quote-ref,.quote-line span){color:var(--muted)!important;-webkit-text-fill-color:var(--muted)!important}
html:is([data-hpm-theme="kitty"],[data-hpm-theme="comic"],[data-hpm-theme="anime"],[data-hpm-theme="social"],[data-hpm-theme="floral"]):is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html) :is(input,select,textarea){background:var(--page)!important;color:var(--ink)!important;border-color:var(--border)!important}
html:is([data-hpm-theme="kitty"],[data-hpm-theme="comic"],[data-hpm-theme="anime"],[data-hpm-theme="social"],[data-hpm-theme="floral"]):is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html) :is(.btn,.mobile-menu-toggle,.section-fold-toggle,.quote-monthly,.quote-sa){background:var(--button)!important;color:#18202b!important;-webkit-text-fill-color:#18202b!important;border-color:var(--border)!important}
html:is([data-hpm-theme="kitty"],[data-hpm-theme="comic"],[data-hpm-theme="anime"],[data-hpm-theme="social"],[data-hpm-theme="floral"]):is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html) .btn.dark,html:is([data-hpm-theme="kitty"],[data-hpm-theme="comic"],[data-hpm-theme="anime"],[data-hpm-theme="social"],[data-hpm-theme="floral"]):is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html) .btn.ghost{background:var(--panel)!important;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important}
html:is([data-hpm-theme="kitty"],[data-hpm-theme="comic"],[data-hpm-theme="anime"],[data-hpm-theme="social"],[data-hpm-theme="floral"]):is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html) :is(.quote-monthly strong,.quote-monthly span,.quote-monthly small,.quote-sa b,.quote-sa span){color:#18202b!important;-webkit-text-fill-color:#18202b!important}
html:is([data-hpm-theme="kitty"],[data-hpm-theme="comic"],[data-hpm-theme="anime"],[data-hpm-theme="social"],[data-hpm-theme="floral"]):is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html) .compare-controls>.field,html:is([data-hpm-theme="kitty"],[data-hpm-theme="comic"],[data-hpm-theme="anime"],[data-hpm-theme="social"],[data-hpm-theme="floral"]):is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html) .compare-model-card{background:var(--panel)!important;border-color:var(--border)!important}
html:is([data-hpm-theme="kitty"],[data-hpm-theme="comic"],[data-hpm-theme="anime"],[data-hpm-theme="social"],[data-hpm-theme="floral"]):is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html) #compare .compare-model-card :is(h3,strong,small){color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important}
html:is([data-hpm-theme="kitty"],[data-hpm-theme="comic"],[data-hpm-theme="anime"],[data-hpm-theme="social"],[data-hpm-theme="floral"]):is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html) :is(.compare-photo,.spin-stage,.quote-car-figure) :is(small,span){-webkit-text-fill-color:initial!important}
html:is([data-hpm-theme="kitty"],[data-hpm-theme="comic"],[data-hpm-theme="anime"],[data-hpm-theme="social"],[data-hpm-theme="floral"]):is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html) #compare :is(th,td){background:var(--panel)!important;color:var(--ink)!important;border-color:var(--border)!important}
html:is([data-hpm-theme="kitty"],[data-hpm-theme="comic"],[data-hpm-theme="anime"],[data-hpm-theme="social"],[data-hpm-theme="floral"]):is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html) .hero .hero-grid>div:first-child{position:relative;padding-right:165px!important}
.hpm-theme-art{display:none;pointer-events:none}
html:is([data-hpm-theme="kitty"],[data-hpm-theme="comic"],[data-hpm-theme="anime"],[data-hpm-theme="social"],[data-hpm-theme="floral"]):is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html) .hpm-theme-art{display:block;position:absolute;right:0;top:0;width:160px;height:160px;background-image:url('assets/theme/promo-mascots.webp');background-size:200% 200%;background-repeat:no-repeat}
html:is([data-hpm-theme="kitty"],[data-hpm-theme="comic"],[data-hpm-theme="anime"],[data-hpm-theme="social"],[data-hpm-theme="floral"]):is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html) .hero-card{align-self:center;border-color:var(--border)!important}
html[data-hpm-theme="kitty"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hero .hero-grid{border:3px solid #f298b8!important;border-radius:36px!important;background:radial-gradient(circle at 10% 10%,#fff 0 2px,transparent 3px) 0 0/24px 24px,#ffe2ec!important}
html[data-hpm-theme="kitty"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hero h1{background:#fffafd;padding:20px;border-radius:28px;box-shadow:0 6px 0 #f8b5cd}
html[data-hpm-theme="kitty"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hero-trust>div{border-radius:50px!important;background:#fffafd!important;text-align:center}
html[data-hpm-theme="kitty"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .home-promo-card{border-radius:36px!important;border-style:dashed!important}
html[data-hpm-theme="comic"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hero .hero-grid{border:3px solid #172838!important;box-shadow:7px 7px 0 #172838!important;border-radius:5px!important;background:radial-gradient(#ff74524a 1px,transparent 2px) 0 0/9px 9px,#ffda47!important}
html[data-hpm-theme="comic"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hero h1{background:#fff;padding:20px;border:3px solid #172838;border-radius:40% 30% 30% 12%;box-shadow:4px 4px 0 #172838;transform:rotate(-2deg)}
html[data-hpm-theme="comic"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hero-card{border:3px solid #172838!important;box-shadow:7px 7px 0 #15beb2!important;transform:rotate(1deg)}
html[data-hpm-theme="comic"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hero-trust>div{border:2px solid #172838!important;border-radius:4px!important;box-shadow:3px 3px 0 #172838!important}
html[data-hpm-theme="comic"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) :is(.home-promo-card,.why-card){border:2px solid #172838!important;box-shadow:4px 4px 0 #172838!important;border-radius:4px!important}
html[data-hpm-theme="anime"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hero .hero-grid{background:linear-gradient(140deg,#111434,#273071 65%,#173349)!important;border:1px solid #78bbff!important;box-shadow:0 0 24px #7f4cff55!important;border-radius:6px 40px 6px 40px!important}
html[data-hpm-theme="anime"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hero-card{border:2px solid #58daff!important;box-shadow:0 0 20px #44ccff55!important}
html[data-hpm-theme="anime"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hero h1{border-left:3px solid #50dfff;padding-left:15px}
html[data-hpm-theme="anime"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hero-trust>div{background:#16234f!important;border-color:#7277ce!important}
html[data-hpm-theme="anime"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .home-promo-card{background:linear-gradient(115deg,#241755,#172c48)!important}
html[data-hpm-theme="social"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hero .hero-grid{grid-template-columns:1fr 1.3fr!important;background:#10141d!important;color:#fff!important;border-radius:24px!important}
html[data-hpm-theme="social"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hero .hero-grid>div:first-child{padding-right:0!important}
html[data-hpm-theme="social"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hero :is(h1,p,.eyebrow){color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-hpm-theme="social"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hpm-theme-art{display:none!important}
html[data-hpm-theme="social"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hero-card{aspect-ratio:9/12!important;max-height:480px!important;width:min(100%,360px)!important;justify-self:center;border:2px solid #ff3b92!important}
html[data-hpm-theme="social"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hero-card video{width:100%!important;height:100%!important;object-fit:cover!important}
html[data-hpm-theme="social"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hero-trust{display:flex!important;flex-wrap:wrap!important}
html[data-hpm-theme="social"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hero-trust>div{flex:1;min-width:75px!important;border-radius:50px!important;background:#fff!important;padding:12px!important}
html[data-hpm-theme="social"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .home-promo-card{border-left:7px solid #ec2d86!important;border-radius:4px 24px 24px 4px!important}
html[data-hpm-theme="social"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) [data-customer-feature="floatingWa"]{border-radius:16px!important;background:#067c45!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-hpm-theme="floral"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hero .hero-grid{background:#fffdf5!important;border:0!important;border-bottom:1px solid #b29c70!important;border-radius:0!important;gap:40px!important}
html[data-hpm-theme="floral"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hero h1{font-size:clamp(30px,3.5vw,44px)!important;font-weight:600!important;line-height:1.14!important}
html[data-hpm-theme="floral"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hero-card{border:0!important;border-radius:80px 8px 8px 8px!important}
html[data-hpm-theme="floral"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hero-trust>div{background:transparent!important;border:0!important;border-left:1px solid #b29c70!important;border-radius:0!important}
html[data-hpm-theme="floral"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) :is(.home-promo-card,.sales-cta-card){border-radius:0!important;border-width:1px 0!important;padding-block:30px!important}
html[data-hpm-theme="floral"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .why-grid{gap:28px!important}
@media(max-width:860px){
 html:is([data-hpm-theme="kitty"],[data-hpm-theme="comic"],[data-hpm-theme="anime"],[data-hpm-theme="social"],[data-hpm-theme="floral"]):is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html) .hero .hero-grid{grid-template-columns:1fr!important;padding:18px!important}
 html:is([data-hpm-theme="kitty"],[data-hpm-theme="comic"],[data-hpm-theme="anime"],[data-hpm-theme="social"],[data-hpm-theme="floral"]):is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html) .hero .hero-grid>div:first-child{padding-right:0!important;padding-top:130px!important}
 html:is([data-hpm-theme="kitty"],[data-hpm-theme="comic"],[data-hpm-theme="anime"],[data-hpm-theme="social"],[data-hpm-theme="floral"]):is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html) .hpm-theme-art{width:140px;height:140px;top:-10px;right:0}
 html:is([data-hpm-theme="kitty"],[data-hpm-theme="comic"],[data-hpm-theme="anime"],[data-hpm-theme="social"],[data-hpm-theme="floral"]):is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html) .hero h1{font-size:28px!important;line-height:1.2!important}
 html[data-hpm-theme="social"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hero .hero-grid>div:first-child{padding-top:0!important}
 html[data-hpm-theme="social"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hero-card{max-height:420px!important}
 html[data-hpm-theme="floral"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html) .hero h1{font-size:34px!important}
 html:is([data-hpm-theme="kitty"],[data-hpm-theme="comic"],[data-hpm-theme="anime"],[data-hpm-theme="social"],[data-hpm-theme="floral"]):is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html) .hero-trust{gap:7px!important}
}

html[data-hpm-theme="social"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html):is(#hpm-promo8,html) .hero-card .hpm-video-player{display:flex!important;flex-direction:column;height:100%!important;aspect-ratio:auto!important}
html[data-hpm-theme="social"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html):is(#hpm-promo8,html) .hero-card video{flex:1;min-height:0!important;height:0!important;object-fit:cover!important}
html[data-hpm-theme="social"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html):is(#hpm-promo8,html) .hero-card .hpm-video-controls{flex-shrink:0}
@media(max-width:860px){html[data-hpm-theme="social"]:is(#hpm-promo1,html):is(#hpm-promo2,html):is(#hpm-promo3,html):is(#hpm-promo4,html):is(#hpm-promo5,html):is(#hpm-promo6,html):is(#hpm-promo7,html):is(#hpm-promo8,html) .hero .hero-grid{grid-template-columns:1fr!important}}