/* ══════════════════════════════════════════════════════
   VISI RENTAL — HYPERDRIVE OS 2027
   True 3D luxury automotive design system
   ══════════════════════════════════════════════════════ */

:root{
  --ink:#050507;--ink2:#08080b;--ink3:#0d0d12;--ink4:#12121a;
  --sur:#0c0c11;--sur2:#12121a;--sur3:#181822;
  --bd:rgba(255,255,255,.07);--bd2:rgba(255,255,255,.14);
  --tx:#f4f4f6;--dim:#9b9baa;--mut:#5f5f6e;
  --gold:#dcb46c;--gold2:#f7dda6;--gold3:#a8854c;--grgb:220,180,108;
  --cy:#5fd4e8;--vi:#9d7bff;--ok:#3fd18b;--wn:#e3a94e;--bad:#e2585d;--wa:#25d366;
  --r:14px;--rl:20px;--rx:28px;
  --sh:0 12px 44px rgba(0,0,0,.5);--shl:0 34px 90px rgba(0,0,0,.7);
  --shg:0 14px 54px rgba(var(--grgb),.24);
  --f:'Inter',system-ui,sans-serif;--fd:'Playfair Display',serif;--ft:'Space Grotesk',sans-serif;
  --w:1340px;--hh:72px;--e:cubic-bezier(.22,.8,.22,1);
}
[data-theme="platinum"]{
  --ink:#f2f2f4;--ink2:#e9e9ee;--ink3:#fff;--ink4:#f7f7fa;
  --sur:#fff;--sur2:#f7f7fa;--sur3:#eeeef3;
  --bd:rgba(0,0,0,.09);--bd2:rgba(0,0,0,.17);
  --tx:#111116;--dim:#5a5a68;--mut:#8d8d9c;
  --gold:#96712f;--gold2:#b8903f;--gold3:#7a5a22;--grgb:150,113,47;
  --sh:0 12px 40px rgba(0,0,0,.1);--shl:0 30px 80px rgba(0,0,0,.16);
  --shg:0 14px 44px rgba(var(--grgb),.2);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hh) + 12px);-webkit-text-size-adjust:100%}
body{font-family:var(--f);background:var(--ink);color:var(--tx);line-height:1.6;overflow-x:hidden;
  -webkit-font-smoothing:antialiased;transition:background .5s,color .5s}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none;transition:color .2s}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,select,textarea{font:inherit}ul{list-style:none}
::selection{background:var(--gold);color:#000}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--ink2)}
::-webkit-scrollbar-thumb{background:#2b2b36;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}
.wr{max-width:var(--w);margin:0 auto;padding:0 26px}
.mu{color:var(--mut);font-weight:400;text-transform:none;letter-spacing:0;font-size:11px}

/* ══ FX ══ */
.fx-canvas{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.6}
@keyframes drawAlb{to{stroke-dashoffset:0}}
.grain{position:fixed;inset:-50%;z-index:9996;pointer-events:none;opacity:.032;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:gr 8s steps(6) infinite}
@keyframes gr{0%,100%{transform:translate(0,0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}}
[data-theme="platinum"] .grain{opacity:.018}
.vig{position:fixed;inset:0;z-index:9995;pointer-events:none;
  background:radial-gradient(ellipse at 50% 45%,transparent 42%,rgba(0,0,0,.42) 100%)}
[data-theme="platinum"] .vig{background:radial-gradient(ellipse at 50% 45%,transparent 55%,rgba(0,0,0,.08) 100%)}
.cur,.cur-d{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;border-radius:50%;opacity:0}
.cur{width:36px;height:36px;border:1px solid rgba(var(--grgb),.65);transform:translate(-50%,-50%);
  transition:width .24s,height .24s,background .24s,border-color .24s}
.cur span{position:absolute;inset:-1px;border-radius:50%;border:1px solid transparent;border-top-color:var(--gold);animation:cs 2.5s linear infinite}
@keyframes cs{to{transform:rotate(360deg)}}
.cur-d{width:5px;height:5px;background:var(--gold);transform:translate(-50%,-50%)}
body.con .cur,body.con .cur-d{opacity:1}
body.chot .cur{width:70px;height:70px;background:rgba(var(--grgb),.09);border-color:var(--gold)}
@media(hover:hover) and (min-width:1024px){body.con *{cursor:none!important}}
.sprog{position:fixed;top:0;left:0;height:2px;width:0;z-index:1000;
  background:linear-gradient(90deg,var(--gold3),var(--gold),var(--cy));box-shadow:0 0 14px rgba(var(--grgb),.7)}

/* ══ BOOT ══ */
.boot{position:fixed;inset:0;z-index:10000;background:var(--ink);display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:16px;transition:opacity .8s,visibility .8s}
.boot.off{opacity:0;visibility:hidden}
.boot-3d{perspective:600px;width:80px;height:80px;margin-bottom:8px}
.bcube{position:relative;width:60px;height:60px;margin:10px;transform-style:preserve-3d;animation:cube 5s infinite linear}
@keyframes cube{0%{transform:rotateX(0) rotateY(0)}100%{transform:rotateX(360deg) rotateY(360deg)}}
.bcube i{position:absolute;width:60px;height:60px;border:1px solid var(--gold);background:rgba(var(--grgb),.05)}
.bcube i:nth-child(1){transform:translateZ(30px)}.bcube i:nth-child(2){transform:rotateY(180deg) translateZ(30px)}
.bcube i:nth-child(3){transform:rotateY(90deg) translateZ(30px)}.bcube i:nth-child(4){transform:rotateY(-90deg) translateZ(30px)}
.bcube i:nth-child(5){transform:rotateX(90deg) translateZ(30px)}.bcube i:nth-child(6){transform:rotateX(-90deg) translateZ(30px)}
.boot-w{font-family:var(--ft);font-size:15px;letter-spacing:10px;font-weight:600}
.boot-bar{width:240px;height:2px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden}
.boot-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold3),var(--gold2));transition:width .2s}
.boot-s{font-family:var(--ft);font-size:10px;letter-spacing:3px;color:var(--mut)}
.boot-log{font-family:var(--ft);font-size:9.5px;color:var(--gold3);height:14px;letter-spacing:1.5px;opacity:.8}

/* ══ TOAST ══ */
.toast{position:fixed;top:calc(var(--hh) + 16px);right:22px;z-index:9500;background:var(--sur2);
  backdrop-filter:blur(18px);border:1px solid var(--bd2);border-left:3px solid var(--gold);
  padding:13px 20px;border-radius:12px;box-shadow:var(--shl);font-size:14px;font-weight:500;max-width:340px;
  transform:translateX(130%);transition:transform .45s var(--e)}
.toast.on{transform:none}.toast.ok{border-left-color:var(--ok)}.toast.err{border-left-color:var(--bad)}

/* ══ BUTTONS ══ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 24px;border-radius:11px;
  font-family:var(--ft);font-size:12px;font-weight:700;letter-spacing:1.4px;border:1px solid transparent;
  transition:all .3s var(--e);white-space:nowrap;position:relative;overflow:hidden;transform-style:preserve-3d}
.btn svg{width:15px;height:15px;flex-shrink:0}
.btn.xs{padding:9px 15px;font-size:11px}.btn.lg{padding:16px 32px;font-size:13px}.btn.blk{width:100%}
.btn.gold{background:linear-gradient(135deg,var(--gold2),var(--gold) 45%,var(--gold3));color:#0a0a0b;font-weight:800;
  box-shadow:0 4px 18px rgba(var(--grgb),.25)}
.btn.gold::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.5),transparent 70%);
  transform:translateX(-130%);transition:transform .7s}
.btn.gold:hover::after{transform:translateX(130%)}
.btn.gold:hover{transform:translateY(-3px);box-shadow:var(--shg)}
.btn.gh{background:rgba(255,255,255,.05);border-color:var(--bd2);color:var(--tx);backdrop-filter:blur(10px)}
[data-theme="platinum"] .btn.gh{background:rgba(0,0,0,.03)}
.btn.gh:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}
.btn.og{background:transparent;border-color:var(--gold);color:var(--gold)}
.btn.og:hover{background:var(--gold);color:#000;transform:translateY(-2px)}
.btn.wa{background:var(--wa);color:#fff}
.btn.wa:hover{background:#1fb957;transform:translateY(-3px);box-shadow:0 12px 34px rgba(37,211,102,.32)}
.mag{transition:transform .18s var(--e)}

/* ══ HEADER ══ */
.hd{position:fixed;top:0;left:0;right:0;z-index:900;height:var(--hh);transition:all .4s var(--e);
  background:linear-gradient(180deg,rgba(5,5,7,.7),transparent)}
[data-theme="platinum"] .hd{background:linear-gradient(180deg,rgba(242,242,244,.8),transparent)}
.hd.stk{height:60px;background:color-mix(in srgb,var(--ink) 82%,transparent);
  backdrop-filter:blur(24px) saturate(170%);border-bottom:1px solid var(--bd);box-shadow:0 8px 40px rgba(0,0,0,.35)}
.hd-in{max-width:var(--w);margin:0 auto;padding:0 22px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:11px;color:var(--gold);flex-shrink:0;perspective:400px}
.bm3d{display:block;width:30px;height:30px;transform-style:preserve-3d;transition:transform .7s var(--e)}
.bm3d svg{width:100%;height:100%}
.brand:hover .bm3d{transform:rotateY(180deg) rotateZ(-12deg)}
.bt{display:flex;flex-direction:column;line-height:1}
.bt b{font-family:var(--ft);font-size:15px;font-weight:700;letter-spacing:3.2px;color:var(--tx)}
.bt i{font-style:normal;font-family:var(--ft);font-size:7.5px;letter-spacing:4.8px;color:var(--gold);margin-top:3px}
.nav{display:flex;gap:26px}
.na{font-family:var(--ft);font-size:11px;font-weight:600;letter-spacing:1.8px;color:var(--dim);position:relative;padding:6px 0}
.na::after{content:'';position:absolute;left:0;bottom:0;height:1.5px;width:0;background:var(--gold);transition:width .3s var(--e)}
.na:hover,.na.on{color:var(--gold)}.na:hover::after,.na.on::after{width:100%}
.tools{display:flex;align-items:center;gap:9px}
.tbtn{width:34px;height:34px;border-radius:10px;background:var(--sur);border:1px solid var(--bd);
  display:grid;place-items:center;color:var(--dim);transition:all .25s;position:relative}
.tbtn svg{width:15px;height:15px}
.tbtn:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}
#cmdk{width:auto;padding:0 11px;gap:7px;display:flex}
#cmdk em{font-family:var(--ft);font-size:9.5px;font-style:normal;letter-spacing:1px;
  border:1px solid var(--bd);padding:2px 5px;border-radius:5px}
.seg{display:flex;background:var(--sur);border:1px solid var(--bd);border-radius:999px;padding:2px;gap:2px}
.seg button{min-width:26px;height:24px;padding:0 7px;border-radius:999px;font-family:var(--ft);
  font-size:10.5px;font-weight:700;color:var(--mut);transition:all .2s}
.seg button.on{background:var(--gold);color:#000}
.seg button:hover:not(.on){color:var(--tx)}
.hphone{display:flex;align-items:center;gap:7px;font-family:var(--ft);font-size:12px;font-weight:600;color:var(--dim)}
.hphone svg{width:14px;height:14px}.hphone:hover{color:var(--gold)}
.gbtn em{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;border-radius:999px;background:var(--gold);
  color:#000;font-size:9.5px;font-weight:800;font-style:normal;display:grid;place-items:center;padding:0 4px;font-family:var(--ft)}
#sndb.mute .sx1,#sndb.mute .sx2{opacity:1}#sndb .sx1,#sndb .sx2{opacity:0;transition:opacity .2s}
.burg{display:none;width:38px;height:38px;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.burg span{width:20px;height:1.8px;background:var(--tx);border-radius:2px;transition:all .3s var(--e)}
.burg.on span:nth-child(1){transform:translateY(6.8px) rotate(45deg)}
.burg.on span:nth-child(2){opacity:0}.burg.on span:nth-child(3){transform:translateY(-6.8px) rotate(-45deg)}
.mm{position:fixed;top:var(--hh);left:0;right:0;z-index:899;background:color-mix(in srgb,var(--ink) 97%,transparent);
  backdrop-filter:blur(26px);border-bottom:1px solid var(--bd);padding:20px 24px 24px;
  transform:translateY(-118%);transition:transform .45s var(--e)}
.mm.on{transform:none}
.mma{display:block;padding:14px 0;font-family:var(--ft);font-size:14px;font-weight:600;letter-spacing:2.2px;border-bottom:1px solid var(--bd)}
.mma:hover{color:var(--gold);padding-left:7px}
.mmc{display:flex;gap:10px;margin-top:18px}.mmc .btn{flex:1}

/* ══ HERO 3D ══ */
.hero{position:relative;height:100svh;min-height:600px;overflow:hidden;perspective:1400px;z-index:1}
.hstage{position:absolute;inset:-6%;transform-style:preserve-3d;transition:transform .5s var(--e)}
.hlayer{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;
  transition:opacity 1.4s ease;will-change:transform}
.hlayer.on{opacity:1;animation:kb 14s ease-out forwards}
@keyframes kb{from{transform:scale(1.14)}to{transform:scale(1.01)}}
.hlayer.l2{opacity:0;mix-blend-mode:screen;filter:blur(2px) brightness(1.4);}
.hlayer.l2.on{opacity:.22}
.hgrid{position:absolute;inset:-20% -20% -42%;transform:rotateX(74deg);transform-origin:center bottom;
  background-image:linear-gradient(rgba(var(--grgb),.16) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--grgb),.16) 1px,transparent 1px);
  background-size:70px 70px;animation:gridm 3.4s linear infinite;pointer-events:none;
  mask-image:linear-gradient(to top,#000 5%,transparent 62%);-webkit-mask-image:linear-gradient(to top,#000 5%,transparent 62%)}
@keyframes gridm{to{background-position:0 70px}}
.hveil{position:absolute;inset:0;z-index:2;
  background:linear-gradient(180deg,rgba(5,5,7,.62) 0%,rgba(5,5,7,.22) 32%,rgba(5,5,7,.6) 68%,var(--ink) 100%)}
[data-theme="platinum"] .hveil{background:linear-gradient(180deg,rgba(242,242,244,.5),rgba(242,242,244,.15) 35%,rgba(242,242,244,.7) 72%,var(--ink))}
.hsweep{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}
.hsweep::before{content:'';position:absolute;top:0;bottom:0;width:36%;left:-55%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.06),transparent);transform:skewX(-16deg);animation:sw 9s ease-in-out infinite}
@keyframes sw{0%,58%{left:-58%}100%{left:132%}}
.stag{position:absolute;right:24px;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;
  z-index:3;font-family:var(--ft);font-size:9px;letter-spacing:5px;color:rgba(255,255,255,.3);pointer-events:none}
[data-theme="platinum"] .stag{color:rgba(0,0,0,.3)}
.hc{position:relative;z-index:4;height:100%;display:flex;align-items:center;max-width:var(--w);margin:0 auto;padding:0 26px}
.htx{max-width:830px;transform-style:preserve-3d}
.hk{display:inline-flex;align-items:center;gap:11px;font-family:var(--ft);font-size:10px;letter-spacing:4.2px;
  font-weight:600;color:var(--gold);margin-bottom:24px}
.hk i,.kk i,.pip{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px var(--gold);
  animation:pp 2.3s infinite;flex-shrink:0}
.pip{background:var(--ok);box-shadow:0 0 10px var(--ok)}
@keyframes pp{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}
.hh{font-family:var(--fd);font-size:clamp(38px,7vw,96px);font-weight:700;line-height:.97;letter-spacing:-2.4px;
  margin-bottom:18px;text-shadow:0 8px 44px rgba(0,0,0,.55);perspective:800px}
.hh .ch{display:inline-block;animation:chi .85s var(--e) both;transform-origin:50% 100%}
@keyframes chi{from{opacity:0;transform:translateY(46px) rotateX(-78deg)}to{opacity:1;transform:none}}
.hp{font-size:clamp(16px,2vw,24px);font-weight:300;color:color-mix(in srgb,var(--tx) 88%,transparent);margin-bottom:8px}
.ht{font-family:var(--ft);font-size:12px;letter-spacing:3.4px;color:var(--gold);margin-bottom:34px;text-transform:uppercase}
.hcta{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:28px}
.hlive{display:inline-flex;align-items:center;gap:10px;font-family:var(--ft);font-size:11px;letter-spacing:1.3px;
  color:var(--dim);background:rgba(255,255,255,.05);border:1px solid var(--bd2);padding:9px 16px;border-radius:999px;backdrop-filter:blur(10px)}
.hlive b{color:var(--gold)}
.har{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:50px;height:50px;border-radius:50%;
  background:rgba(255,255,255,.06);border:1px solid var(--bd2);backdrop-filter:blur(14px);color:var(--tx);display:grid;place-items:center;transition:all .28s}
.har svg{width:21px;height:21px}
.har:hover{background:var(--gold);border-color:var(--gold);color:#000;transform:translateY(-50%) scale(1.09)}
.hp-{left:24px}.hn-{right:24px}
.hdots{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:10px}
.hdot{width:36px;height:3px;border-radius:2px;background:rgba(255,255,255,.26);transition:all .35s}
.hdot.on{background:var(--gold);width:60px;box-shadow:0 0 12px rgba(var(--grgb),.7)}
.hscroll{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:5;width:24px;height:40px;
  border:1.5px solid var(--bd2);border-radius:14px;display:flex;justify-content:center;padding-top:7px}
.hscroll span{width:2.5px;height:7px;background:var(--gold);border-radius:2px;animation:sd 2s infinite}
@keyframes sd{0%{transform:translateY(0);opacity:1}55%{transform:translateY(12px);opacity:0}100%{opacity:0}}

/* ══ TICKER ══ */
.tick{position:relative;z-index:2;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);
  background:var(--ink2);overflow:hidden;padding:15px 0}
.tick::before,.tick::after{content:'';position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
.tick::before{left:0;background:linear-gradient(90deg,var(--ink2),transparent)}
.tick::after{right:0;background:linear-gradient(270deg,var(--ink2),transparent)}
.tick-t{display:flex;gap:50px;width:max-content;animation:tk 40s linear infinite}
.tick:hover .tick-t{animation-play-state:paused}
@keyframes tk{to{transform:translateX(-50%)}}
.tkn{display:flex;align-items:center;gap:12px;font-family:var(--ft);font-size:14px;font-weight:600;
  letter-spacing:3.6px;color:color-mix(in srgb,var(--tx) 24%,transparent);white-space:nowrap;transition:color .3s}
.tkn:hover{color:var(--gold)}.tkn::after{content:'◆';font-size:6px;color:var(--gold3)}

/* ══ SECTIONS ══ */
.sec{padding:100px 0;position:relative;z-index:2;background:transparent}
/* opaque rhythm sections (others let the 3D particle field show through) */
.cfsec,.cats,.qsec,.stsec,.psec{background-color:var(--ink2)}
.sh{text-align:center;max-width:760px;margin:0 auto 54px}
.kk{display:inline-flex;align-items:center;gap:10px;font-family:var(--ft);font-size:9.5px;letter-spacing:4.2px;
  font-weight:700;color:var(--gold);margin-bottom:17px}
.st{font-family:var(--fd);font-size:clamp(30px,4.6vw,54px);font-weight:700;line-height:1.06;letter-spacing:-1.6px;margin-bottom:16px}
.st em{font-style:italic;color:var(--gold)}
.sp{color:var(--dim);font-size:16px;line-height:1.75}
.rv{opacity:0;transform:translateY(30px);transition:opacity .9s ease,transform .9s var(--e)}
.rv.vs{opacity:1;transform:none}

/* ══ 3D SHOWROOM ══ */
.shw{background:radial-gradient(ellipse 70% 55% at 50% 45%,color-mix(in srgb,var(--ink2) 92%,transparent),transparent 78%)}
.stage3d{position:relative;max-width:1080px;margin:0 auto;padding:40px 20px 24px;border-radius:var(--rx);
  background:radial-gradient(ellipse 80% 60% at 50% 42%,rgba(var(--grgb),.09),transparent 70%),var(--sur);
  border:1px solid var(--bd);overflow:hidden;perspective:1200px;box-shadow:var(--shl)}
.st-bg{position:absolute;inset:0;pointer-events:none;display:grid;place-items:center}
.st-ring{position:absolute;bottom:20%;width:min(680px,88%);aspect-ratio:2.6/1;border-radius:50%;
  border:1px solid rgba(var(--grgb),.22);transform:rotateX(74deg);animation:rot 26s linear infinite}
.st-ring.r2{width:min(880px,105%);border-color:rgba(var(--grgb),.1);animation-duration:40s;animation-direction:reverse}
@keyframes rot{to{transform:rotateX(74deg) rotate(360deg)}}
.st-glow{position:absolute;bottom:16%;width:min(560px,80%);height:100px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(var(--grgb),.22),transparent 70%);filter:blur(28px)}
.spin{position:relative;z-index:3;width:100%;max-width:720px;margin:0 auto;cursor:grab;
  touch-action:pan-y;user-select:none;transform-style:preserve-3d}
.spin.grab{cursor:grabbing}
.spin-car{position:relative;aspect-ratio:16/10;transform-style:preserve-3d}
.spin-car img{width:100%;height:100%;object-fit:cover;border-radius:18px;
  box-shadow:0 40px 70px -28px rgba(0,0,0,.85);transition:filter .45s,opacity .2s;pointer-events:none}
.spin-ref{position:relative;height:110px;margin-top:-6px;overflow:hidden;opacity:.2;
  mask-image:linear-gradient(to bottom,#000,transparent 85%);-webkit-mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.spin-ref img{width:100%;transform:scaleY(-1);filter:blur(2px);border-radius:18px;pointer-events:none}
.spin-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;display:flex;align-items:center;gap:9px;
  padding:10px 18px;border-radius:999px;background:rgba(0,0,0,.55);backdrop-filter:blur(14px);border:1px solid var(--bd2);
  font-family:var(--ft);font-size:11px;letter-spacing:1.4px;color:#fff;pointer-events:none;transition:opacity .4s}
.spin-hint svg{width:16px;height:16px;animation:spinh 2.4s ease-in-out infinite}
@keyframes spinh{0%,100%{transform:rotate(0)}50%{transform:rotate(-140deg)}}
.spin-hint.off{opacity:0}
.spin-deg{position:absolute;top:20px;right:22px;z-index:5;font-family:var(--ft);font-size:12px;
  color:var(--gold);letter-spacing:1px;background:rgba(0,0,0,.42);backdrop-filter:blur(10px);
  border:1px solid var(--bd2);padding:5px 12px;border-radius:999px}
.spin-deg b{font-size:14px}
.st-hud{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:flex-end;
  gap:18px;flex-wrap:wrap;margin-top:22px;padding:0 6px}
.hud-brand{font-family:var(--ft);font-size:10px;letter-spacing:3.6px;color:var(--gold);font-weight:700}
.hud-model{font-family:var(--fd);font-size:clamp(22px,3vw,34px);font-weight:700;line-height:1.1;margin:5px 0}
.hud-meta{font-family:var(--ft);font-size:11.5px;color:var(--dim);letter-spacing:.6px}
.hud-r{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:11px}
.hud-price{font-family:var(--fd);font-size:30px;font-weight:700;color:var(--gold);line-height:1}
.hud-price small{font-size:13px;color:var(--dim);font-family:var(--f);font-weight:400}
.st-colors{position:relative;z-index:4;display:flex;gap:9px;justify-content:center;margin-top:22px;flex-wrap:wrap}
.sw{width:32px;height:32px;border-radius:50%;border:2px solid transparent;position:relative;transition:all .25s;
  box-shadow:inset 0 -6px 12px rgba(0,0,0,.35),0 3px 10px rgba(0,0,0,.4)}
.sw:hover{transform:scale(1.14)}
.sw.on{border-color:var(--gold);transform:scale(1.14)}
.sw.on::after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:13px;text-shadow:0 1px 3px #000}
.st-nav{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px}
.st-nav>button{width:40px;height:40px;border-radius:50%;background:var(--sur2);border:1px solid var(--bd);
  display:grid;place-items:center;color:var(--dim);transition:all .22s}
.st-nav>button svg{width:17px;height:17px}
.st-nav>button:hover{background:var(--gold);color:#000;border-color:var(--gold)}
.st-pick{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;max-width:520px}
.pk{width:9px;height:9px;border-radius:50%;background:var(--bd2);transition:all .3s}
.pk.on{background:var(--gold);width:26px;border-radius:5px}

/* ══ LIVE + STATS ══ */
.stsec{padding:64px 0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);background:var(--ink)}
.livebar{display:flex;align-items:center;gap:15px;flex-wrap:wrap;justify-content:center;background:var(--sur);
  border:1px solid var(--bd);border-radius:999px;padding:11px 24px;margin:0 auto 40px;width:max-content;max-width:100%}
.lv-t{font-family:var(--ft);font-size:9.5px;letter-spacing:2.8px;font-weight:700;color:var(--gold)}
.lv-s{width:1px;height:15px;background:var(--bd2)}
.lv-m{font-family:var(--ft);font-size:11.5px;color:var(--mut)}.lv-m b{color:var(--tx);font-weight:600}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.sn{font-family:var(--fd);font-size:clamp(38px,4.6vw,60px);font-weight:700;color:var(--gold);line-height:1;margin-bottom:8px}
.sl{font-family:var(--ft);font-size:10px;letter-spacing:2.2px;color:var(--dim);text-transform:uppercase}

/* ══ COVERFLOW ══ */
.cfsec{background:var(--ink2);border-bottom:1px solid var(--bd);overflow:hidden}
.cf{position:relative;height:440px;perspective:1600px;overflow:hidden;margin-bottom:8px}
.cf-track{position:absolute;inset:0;transform-style:preserve-3d;display:grid;place-items:center}
.cfi{position:absolute;width:min(380px,74vw);border-radius:var(--rl);overflow:hidden;cursor:pointer;
  background:var(--sur);border:1px solid var(--bd);transition:transform .7s var(--e),opacity .7s,filter .7s;
  box-shadow:var(--shl);backface-visibility:hidden}
.cfi img{width:100%;aspect-ratio:16/10;object-fit:cover}
.cfi-b{padding:16px 18px}
.cfi-b b{display:block;font-family:var(--fd);font-size:19px;line-height:1.2}
.cfi-b span{font-family:var(--ft);font-size:11px;color:var(--gold);letter-spacing:1.4px}
.cfi.mid{z-index:10}
.cfi:not(.mid){filter:brightness(.42) saturate(.6)}
.cfi:not(.mid):hover{filter:brightness(.7)}
.cf-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:6px}
.cf-nav button{width:40px;height:40px;border-radius:50%;background:var(--sur);border:1px solid var(--bd);
  display:grid;place-items:center;color:var(--dim);transition:all .22s}
.cf-nav button svg{width:17px;height:17px}
.cf-nav button:hover{background:var(--gold);color:#000;border-color:var(--gold)}
.cf-dots{display:flex;gap:7px}
.cfd{width:8px;height:8px;border-radius:50%;background:var(--bd2);transition:all .3s}
.cfd.on{background:var(--gold);width:24px;border-radius:4px}

/* ══ SMART MATCH ══ */
.msec{background:transparent}
.mgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.ml,.mr{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rx);padding:30px}
.mq{margin-bottom:22px}
.mqt{display:flex;align-items:center;gap:11px;font-family:var(--ft);font-size:13px;font-weight:600;margin-bottom:13px}
.mqt span{width:25px;height:25px;border-radius:7px;background:rgba(var(--grgb),.13);color:var(--gold);
  display:grid;place-items:center;font-size:10.5px;font-weight:700;flex-shrink:0}
.mqo{display:flex;flex-wrap:wrap;gap:8px}
.mqo button{padding:10px 17px;border-radius:999px;background:var(--ink3);border:1px solid var(--bd);
  font-family:var(--ft);font-size:11.5px;color:var(--dim);transition:all .22s}
.mqo button:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-1px)}
.mqo button.on{background:linear-gradient(135deg,var(--gold2),var(--gold3));border-color:var(--gold);color:#000;font-weight:700}
.macts{display:flex;gap:10px;flex-wrap:wrap}
.mr{min-height:400px;display:flex;flex-direction:column}
.mempty{margin:auto;text-align:center;color:var(--mut);display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px 18px}
.mempty svg{width:42px;height:42px;color:var(--gold3)}
.mempty p{font-size:13.5px;max-width:250px}
.mres{display:flex;flex-direction:column;gap:12px}
.mresh{font-family:var(--ft);font-size:10.5px;letter-spacing:2.8px;color:var(--mut);text-transform:uppercase}
.mc{display:flex;gap:13px;background:var(--ink3);border:1px solid var(--bd);border-radius:var(--r);padding:11px;
  align-items:center;cursor:pointer;transition:all .25s}
.mc:hover{border-color:var(--gold);transform:translateX(5px)}
.mc img{width:92px;height:62px;object-fit:cover;border-radius:9px;flex-shrink:0}
.mcb{flex:1;min-width:0}
.mcb b{display:block;font-family:var(--fd);font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mcb span{font-size:11px;color:var(--dim)}
.mm2{flex-shrink:0;text-align:center;width:54px}
.mm2 b{display:block;font-family:var(--ft);font-size:18px;font-weight:700;color:var(--gold)}
.mm2 span{font-size:8px;letter-spacing:1.4px;color:var(--mut)}
.mbar2{height:3px;border-radius:2px;background:var(--bd);margin-top:4px;overflow:hidden}
.mbar2 i{display:block;height:100%;background:linear-gradient(90deg,var(--gold3),var(--gold2));transition:width 1s var(--e)}

/* ══ FLEET ══ */
.fsec{background:transparent}
.bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.bsearch{display:flex;align-items:center;gap:11px;background:var(--sur);border:1px solid var(--bd);border-radius:var(--r);
  padding:0 8px 0 17px;flex:1;min-width:270px;max-width:430px;transition:border-color .2s}
.bsearch:focus-within{border-color:var(--gold)}
.bsearch>svg{width:17px;height:17px;color:var(--mut);flex-shrink:0}
.bsearch input{background:none;border:0;color:var(--tx);padding:14px 0;font-size:14px;width:100%;outline:none}
.mic{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:var(--mut);flex-shrink:0;transition:all .22s}
.mic svg{width:15px;height:15px}
.mic:hover{color:var(--gold);background:var(--ink3)}
.mic.rec{color:var(--bad);animation:pp 1s infinite}
.chips{display:flex;gap:7px;flex-wrap:wrap}
.chip{padding:11px 19px;border-radius:999px;background:var(--sur);border:1px solid var(--bd);
  font-family:var(--ft);font-size:10.5px;font-weight:700;letter-spacing:1.5px;color:var(--dim);transition:all .22s}
.chip:hover{border-color:var(--gold);color:var(--gold)}
.chip.on{background:linear-gradient(135deg,var(--gold2),var(--gold3));border-color:var(--gold);color:#000}
.vsw{display:flex;background:var(--sur);border:1px solid var(--bd);border-radius:10px;padding:3px;gap:3px}
.vsw button{width:32px;height:30px;border-radius:7px;display:grid;place-items:center;color:var(--mut);transition:all .2s}
.vsw button svg{width:15px;height:15px}
.vsw button.on{background:var(--gold);color:#000}
.af{display:grid;grid-template-columns:repeat(6,1fr) auto;gap:11px;padding:17px;background:var(--sur);
  border:1px solid var(--bd);border-radius:var(--r);margin-bottom:16px;align-items:end}
.aff label{display:block;font-family:var(--ft);font-size:8.5px;letter-spacing:1.8px;font-weight:600;
  color:var(--mut);margin-bottom:6px;text-transform:uppercase}
.aff label b{color:var(--gold)}
.aff select,.ff select,.ff input,.ff textarea{width:100%;background:var(--ink3);border:1px solid var(--bd);
  color:var(--tx);padding:10px 11px;border-radius:9px;font-size:12.5px;outline:none;color-scheme:dark;transition:border-color .2s}
[data-theme="platinum"] .aff select,[data-theme="platinum"] .ff input,
[data-theme="platinum"] .ff select,[data-theme="platinum"] .ff textarea{color-scheme:light}
.aff select:focus,.ff input:focus,.ff select:focus,.ff textarea:focus{border-color:var(--gold)}
.rng input[type=range]{width:100%;height:4px;border-radius:3px;appearance:none;background:var(--bd);outline:none;padding:0}
.rng input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;
  background:var(--gold);cursor:pointer;box-shadow:0 0 0 4px rgba(var(--grgb),.18)}
.rng input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--gold);cursor:pointer}
.fcount{font-family:var(--ft);font-size:11px;color:var(--mut);letter-spacing:1.4px;margin-bottom:24px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;perspective:1500px}
.grid.list{grid-template-columns:1fr;gap:14px}
.empty{text-align:center;padding:76px 20px;color:var(--dim)}
.empty svg{width:44px;height:44px;color:var(--gold3);margin-bottom:14px}
.empty h3{color:var(--tx);margin-bottom:6px;font-size:20px;font-family:var(--fd)}

/* car card 3D */
.cc{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;display:flex;
  flex-direction:column;position:relative;cursor:pointer;transform-style:preserve-3d;will-change:transform;
  transition:transform .5s var(--e),border-color .35s,box-shadow .5s}
.cc:hover{border-color:rgba(var(--grgb),.45);box-shadow:var(--shl),0 0 0 1px rgba(var(--grgb),.16)}
.cc::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s;border-radius:var(--rl);
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(var(--grgb),.11),transparent 60%)}
.cc:hover::after{opacity:1}
.cimg{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--ink3);transform:translateZ(18px)}
.cimg img{width:100%;height:100%;object-fit:cover;transition:transform .85s var(--e),filter .5s}
.cc:hover .cimg img{transform:scale(1.1)}
.cbd{position:absolute;top:12px;left:12px;display:flex;gap:6px;flex-wrap:wrap;z-index:3}
.bg2{padding:5px 10px;border-radius:999px;font-family:var(--ft);font-size:8.5px;font-weight:700;letter-spacing:1.3px;backdrop-filter:blur(10px)}
.b-r{background:rgba(var(--grgb),.93);color:#000}.b-s{background:rgba(200,86,86,.93);color:#fff}
.b-n{background:rgba(63,209,139,.93);color:#000}.b-p{background:rgba(227,169,78,.93);color:#000}
.b-e{background:rgba(95,212,232,.93);color:#000}
.cst{position:absolute;top:12px;right:12px;z-index:3;display:flex;align-items:center;gap:6px;padding:5px 10px;
  border-radius:999px;font-family:var(--ft);font-size:8.5px;font-weight:700;letter-spacing:1px;
  background:rgba(5,5,7,.72);backdrop-filter:blur(10px);border:1px solid var(--bd2)}
.cst i{width:5px;height:5px;border-radius:50%}
.s-a{color:var(--ok)}.s-a i{background:var(--ok);animation:pp 2s infinite}
.s-l{color:var(--wn)}.s-l i{background:var(--wn)}
.s-o{color:var(--bad)}.s-o i{background:var(--bad)}
.ch2,.cm2{position:absolute;bottom:11px;z-index:4;width:33px;height:33px;border-radius:50%;
  background:rgba(5,5,7,.66);backdrop-filter:blur(10px);border:1px solid var(--bd2);display:grid;place-items:center;
  color:rgba(255,255,255,.82);transition:all .22s}
.ch2{right:11px}.cm2{right:52px}
.ch2 svg,.cm2 svg{width:14px;height:14px}
.ch2:hover,.cm2:hover{background:var(--gold);color:#000;border-color:var(--gold);transform:scale(1.13)}
.ch2.on{background:var(--bad);color:#fff;border-color:var(--bad)}
.cm2.on{background:var(--cy);color:#000;border-color:var(--cy)}
.cbody{padding:19px;display:flex;flex-direction:column;flex:1;transform:translateZ(10px)}
.cmk{font-family:var(--ft);font-size:9.5px;letter-spacing:2.3px;color:var(--gold);font-weight:700;text-transform:uppercase;margin-bottom:5px}
.ctt{font-family:var(--fd);font-size:20px;font-weight:700;line-height:1.16}
.cyy{font-size:12px;color:var(--dim);margin:4px 0 14px}
.csp{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:12px 0;border-top:1px solid var(--bd);
  border-bottom:1px solid var(--bd);margin-bottom:15px}
.spx{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}
.spx svg{width:16px;height:16px;color:var(--gold)}
.spv{font-family:var(--ft);font-size:10.5px;font-weight:600}
.spl{font-size:7.5px;color:var(--mut);letter-spacing:1.1px;text-transform:uppercase}
.cft{display:flex;align-items:flex-end;justify-content:space-between;gap:9px;margin-top:auto}
.cpv{font-family:var(--fd);font-size:24px;font-weight:700;line-height:1}
.cpv .pr{font-size:12px;font-family:var(--f);color:var(--dim);font-weight:400}
.cps{font-family:var(--ft);font-size:8px;color:var(--mut);letter-spacing:1.2px;margin-top:4px}
.vb{padding:11px 16px;background:transparent;border:1px solid var(--bd2);border-radius:10px;font-family:var(--ft);
  font-size:10px;font-weight:700;letter-spacing:1.4px;transition:all .22s}
.vb:hover{background:var(--gold);color:#000;border-color:var(--gold)}
/* list view */
.grid.list .cc{flex-direction:row}
.grid.list .cimg{width:300px;aspect-ratio:16/11;flex-shrink:0}
.grid.list .cbody{padding:20px 24px}
.grid.list .ctt{font-size:23px}
.grid.list .csp{grid-template-columns:repeat(4,1fr);max-width:420px}

/* ══ CATS ══ */
.cats{background:var(--ink2);border-top:1px solid var(--bd)}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:0 auto;perspective:1200px}
.cat{text-align:left;background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);padding:36px 32px;
  position:relative;overflow:hidden;transition:all .45s var(--e);transform-style:preserve-3d}
.cat::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .4s;
  background:linear-gradient(135deg,rgba(var(--grgb),.11),transparent 62%)}
.cat:hover{transform:translateY(-9px) rotateX(4deg);border-color:var(--gold);box-shadow:var(--shl)}
.cat:hover::before{opacity:1}
.ci{width:64px;height:64px;border-radius:18px;background:rgba(var(--grgb),.1);color:var(--gold);display:grid;
  place-items:center;margin-bottom:20px;transition:all .45s var(--e)}
.ci svg{width:28px;height:28px}
.cat:hover .ci{background:var(--gold);color:#000;transform:rotate(-6deg) scale(1.08) translateZ(30px)}
.cat h3{font-family:var(--ft);font-size:17px;letter-spacing:2.2px;margin-bottom:11px;position:relative}
.cat p{color:var(--dim);font-size:14px;line-height:1.7;margin-bottom:18px;position:relative}
.cl{font-family:var(--ft);font-size:10.5px;font-weight:700;letter-spacing:2px;color:var(--gold);position:relative}

/* ══ WHY 3D FLIP ══ */
.wsec{background:transparent}
.wgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.wf{perspective:1100px;height:255px}
.wfi{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s var(--e)}
.wf:hover .wfi,.wf:focus-within .wfi{transform:rotateY(180deg)}
.wfa,.wfb{position:absolute;inset:0;backface-visibility:hidden;border-radius:var(--rl);border:1px solid var(--bd);
  padding:30px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}
.wfa{background:var(--sur)}
.wfb{background:linear-gradient(150deg,rgba(var(--grgb),.13),var(--sur2));transform:rotateY(180deg);border-color:var(--gold)}
.wi{width:58px;height:58px;border-radius:50%;background:rgba(var(--grgb),.11);color:var(--gold);display:grid;place-items:center}
.wi svg{width:25px;height:25px}
.wfa h3{font-family:var(--ft);font-size:13px;letter-spacing:1.7px}
.wfa p{color:var(--dim);font-size:13px}
.wfb b{font-family:var(--fd);font-size:34px;color:var(--gold);line-height:1}
.wfb span{font-family:var(--ft);font-size:10px;letter-spacing:2.2px;color:var(--dim)}
.wfb p{color:var(--dim);font-size:12.5px;line-height:1.6}

/* ══ HOW ══ */
.hsec{background:linear-gradient(180deg,var(--ink) 0%,var(--ink2) 100%);border-top:1px solid var(--bd)}
.hgridx{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.hgridx::before{content:'';position:absolute;top:62px;left:12%;right:12%;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold3),transparent);opacity:.45}
.hs{text-align:center;padding:34px 22px;background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);
  position:relative;transition:all .4s var(--e)}
.hs:hover{border-color:var(--gold);transform:translateY(-7px)}
.hn{display:block;font-family:var(--fd);font-size:58px;font-weight:700;line-height:1;color:transparent;
  -webkit-text-stroke:1.4px var(--gold);margin-bottom:12px;transition:all .4s}
.hs:hover .hn{color:var(--gold);-webkit-text-stroke:1.4px transparent;text-shadow:0 0 42px rgba(var(--grgb),.45)}
.hs h3{font-family:var(--ft);font-size:14px;letter-spacing:1.8px;margin-bottom:9px}
.hs p{color:var(--dim);font-size:13px}

/* ══ MAP ══ */
.mapsec{background:transparent}
.mapwrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;align-items:center;max-width:1040px;margin:0 auto}
.mapbox{position:relative;background:var(--sur);border:1px solid var(--bd);border-radius:var(--rx);padding:22px;
  display:grid;place-items:center}
.mapbox svg{width:100%;max-width:280px;height:auto;overflow:visible}
.map-pins{position:absolute;inset:22px;pointer-events:none}
.mpin{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--gold);transform:translate(-50%,-50%);
  box-shadow:0 0 0 0 rgba(var(--grgb),.6);animation:mp 2.4s infinite}
.mpin::after{content:attr(data-n);position:absolute;left:16px;top:50%;transform:translateY(-50%);
  font-family:var(--ft);font-size:9.5px;letter-spacing:1.3px;color:var(--dim);white-space:nowrap}
@keyframes mp{0%{box-shadow:0 0 0 0 rgba(var(--grgb),.55)}70%{box-shadow:0 0 0 14px rgba(var(--grgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--grgb),0)}}
.zones{display:flex;flex-direction:column;gap:11px}
.zn{display:flex;align-items:center;gap:15px;background:var(--sur);border:1px solid var(--bd);border-radius:var(--r);
  padding:15px 19px;transition:all .28s}
.zn:hover{border-color:var(--gold);transform:translateX(5px)}
.zn-i{width:38px;height:38px;border-radius:11px;background:rgba(var(--grgb),.1);color:var(--gold);
  display:grid;place-items:center;font-family:var(--ft);font-size:12px;font-weight:700;flex-shrink:0}
.zn-b{flex:1}
.zn-b b{display:block;font-family:var(--ft);font-size:13.5px}
.zn-b span{font-size:11.5px;color:var(--dim)}
.zn-p{font-family:var(--ft);font-size:13px;font-weight:700;color:var(--gold)}
.zn-p.free{color:var(--ok)}

/* ══ PUBLISH ══ */
.psec{background:radial-gradient(circle at 86% 10%,rgba(var(--grgb),.1),transparent 45%),
  linear-gradient(140deg,#0a0806,#0f0c07 50%,var(--ink));border-top:1px solid var(--bd);overflow:hidden}
[data-theme="platinum"] .psec{background:radial-gradient(circle at 86% 10%,rgba(var(--grgb),.12),transparent 45%),var(--ink2)}
.pub{max-width:950px;margin:0 auto;text-align:center}
.pub .sp{max-width:600px;margin:0 auto 36px}
.prcs{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:760px;margin:0 auto 34px;text-align:left;perspective:1000px}
.pc{background:color-mix(in srgb,var(--sur2) 70%,transparent);border:1px solid var(--bd2);border-radius:var(--rl);
  padding:32px 26px;backdrop-filter:blur(12px);position:relative;transition:all .4s var(--e)}
.pc:hover{transform:translateY(-6px) rotateX(3deg);border-color:var(--gold)}
.pc.best{border-color:var(--gold);background:linear-gradient(140deg,rgba(var(--grgb),.1),var(--sur2));box-shadow:var(--shg)}
.pb2{position:absolute;top:-11px;left:24px;background:var(--gold);color:#000;font-family:var(--ft);font-size:8.5px;
  font-weight:800;letter-spacing:2px;padding:5px 12px;border-radius:999px}
.pp{font-family:var(--ft);font-size:9.5px;letter-spacing:3.2px;color:var(--dim);margin-bottom:11px;font-weight:700}
.pv{font-family:var(--fd);font-size:40px;font-weight:700;color:var(--gold);line-height:1;margin-bottom:5px}
.pv span{font-size:14px;font-family:var(--f);font-weight:500;color:var(--dim)}
.ps{font-size:11px;color:var(--mut);margin-bottom:18px}
.pc ul{display:flex;flex-direction:column;gap:7px}
.pc li{font-size:12.5px;color:var(--dim);padding-left:20px;position:relative}
.pc li::before{content:'✓';position:absolute;left:0;color:var(--gold);font-weight:700}
.pcta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ══ TESTI ══ */
.tsec{background:transparent}
.tbox{max-width:780px;margin:0 auto;background:var(--sur);border:1px solid var(--bd);border-radius:var(--rx);
  padding:48px 42px;text-align:center;position:relative;min-height:240px;perspective:900px}
.tbox::before{content:'"';position:absolute;top:12px;left:28px;font-family:var(--fd);font-size:110px;
  color:rgba(var(--grgb),.14);line-height:1}
.tsl{animation:ti .65s var(--e)}
@keyframes ti{from{opacity:0;transform:translateY(20px) rotateX(-12deg)}to{opacity:1;transform:none}}
.tstr{color:var(--gold);letter-spacing:5px;font-size:14px;margin-bottom:18px}
.ttx{font-family:var(--fd);font-size:clamp(17px,2.1vw,24px);font-weight:500;line-height:1.55;margin-bottom:24px;font-style:italic}
.two{display:flex;align-items:center;justify-content:center;gap:12px}
.tav{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--gold2),var(--gold3));color:#000;
  display:grid;place-items:center;font-weight:800;font-family:var(--ft);font-size:14px}
.two b{display:block;font-size:13.5px;font-family:var(--ft)}
.two span{font-size:11.5px;color:var(--mut)}
.tnav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:24px}
.tnav button{width:40px;height:40px;border-radius:50%;background:var(--sur);border:1px solid var(--bd);
  display:grid;place-items:center;color:var(--dim);transition:all .22s}
.tnav button svg{width:16px;height:16px}
.tnav button:hover{background:var(--gold);color:#000;border-color:var(--gold)}
.tdots{display:flex;gap:7px}
.td{width:8px;height:8px;border-radius:50%;background:var(--bd2);transition:all .3s}
.td.on{background:var(--gold);width:23px;border-radius:4px}

/* ══ FAQ ══ */
.qsec{background:var(--ink2);border-top:1px solid var(--bd)}
.faq{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.fq{background:var(--sur);border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;transition:border-color .3s}
.fq.on{border-color:rgba(var(--grgb),.5)}
.fqq{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 22px;
  text-align:left;font-family:var(--ft);font-size:14.5px;font-weight:600}
.fqq:hover{color:var(--gold)}
.fqi{width:25px;height:25px;border-radius:50%;background:rgba(var(--grgb),.12);color:var(--gold);display:grid;
  place-items:center;flex-shrink:0;transition:all .4s}
.fq.on .fqi{background:var(--gold);color:#000;transform:rotate(135deg)}
.fqa{max-height:0;overflow:hidden;transition:max-height .45s var(--e)}
.fqa p{padding:0 22px 20px;color:var(--dim);font-size:14px;line-height:1.75}

/* ══ CONTACT ══ */
.csec{background:transparent}
.cgrid2{display:grid;grid-template-columns:1fr 1.22fr;gap:30px;align-items:start}
.cinfo,.cform{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rx);padding:32px}
.cir{display:flex;align-items:flex-start;gap:14px;padding:15px 0;border-bottom:1px solid var(--bd)}
.cir:last-of-type{border-bottom:0}
.cii{width:41px;height:41px;border-radius:50%;background:rgba(var(--grgb),.1);color:var(--gold);display:grid;place-items:center;flex-shrink:0}
.cii svg{width:19px;height:19px}
.cil{display:block;font-family:var(--ft);font-size:8.5px;letter-spacing:2.2px;color:var(--mut);font-weight:700;margin-bottom:3px}
.civ{font-size:15px;font-weight:600}
a.civ:hover{color:var(--gold)}
.cbt{display:flex;gap:9px;margin-top:20px}.cbt .btn{flex:1}
.cform h3{font-family:var(--fd);font-size:24px;margin-bottom:20px}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ff{margin-bottom:12px}
.ff label{display:block;font-family:var(--ft);font-size:9px;letter-spacing:1.7px;font-weight:600;color:var(--dim);
  margin-bottom:6px;text-transform:uppercase}
.ff input,.ff select,.ff textarea{padding:12px 13px;border-radius:10px;font-size:13.5px}
.ff textarea{resize:vertical}
.ff .bad{border-color:var(--bad);animation:shk .35s}
@keyframes shk{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}

/* ══ FOOTER ══ */
.ft{background:color-mix(in srgb,var(--ink) 92%,#000);border-top:1px solid var(--bd);padding:62px 0 24px;position:relative;z-index:2}
.fg{display:grid;grid-template-columns:1.9fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:40px}
.fbrand .brand{margin-bottom:15px}
.fbrand p{color:var(--dim);font-size:13.5px;line-height:1.75;margin-bottom:20px;max-width:330px}
.soc{display:flex;gap:9px}
.soc a{width:37px;height:37px;border-radius:50%;background:var(--sur);border:1px solid var(--bd);color:var(--dim);
  display:grid;place-items:center;transition:all .22s}
.soc a svg{width:15px;height:15px}
.soc a:hover{background:var(--gold);color:#000;border-color:var(--gold);transform:translateY(-3px)}
.fc h4{font-family:var(--ft);font-size:10px;letter-spacing:2.8px;margin-bottom:17px}
.fc ul{display:flex;flex-direction:column;gap:9px}
.fc a,.fcl li{color:var(--dim);font-size:13px}.fc a:hover{color:var(--gold)}
.fb{display:flex;justify-content:space-between;align-items:center;gap:13px;flex-wrap:wrap;padding-top:22px;
  border-top:1px solid var(--bd);color:var(--mut);font-size:12px}
.fbb{display:flex;gap:18px;align-items:center}
.fv{font-family:var(--ft);font-size:8.5px;letter-spacing:1.8px;border:1px solid var(--bd);padding:4px 10px;border-radius:999px}

/* ══ MOBILE BAR / TOP / AI ══ */
.mbar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:860;gap:7px;padding:9px;
  background:color-mix(in srgb,var(--ink) 95%,transparent);backdrop-filter:blur(20px);border-top:1px solid var(--bd)}
.mb{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;
  border-radius:11px;font-family:var(--ft);font-size:9px;font-weight:700;letter-spacing:.8px;background:var(--sur2);border:1px solid var(--bd)}
.mb svg{width:17px;height:17px}
.mb.wa2{background:var(--wa);color:#fff;border-color:var(--wa)}
.top{position:fixed;bottom:24px;right:24px;z-index:870;width:44px;height:44px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold2),var(--gold3));color:#000;display:grid;place-items:center;
  box-shadow:var(--shg);opacity:0;visibility:hidden;transform:translateY(16px);transition:all .35s var(--e)}
.top.on{opacity:1;visibility:visible;transform:none}.top:hover{transform:translateY(-4px)}
.top svg{width:18px;height:18px}
.aib{position:fixed;bottom:24px;left:24px;z-index:880;width:54px;height:54px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold2),var(--gold3));color:#000;display:grid;place-items:center;
  box-shadow:var(--shg);transition:all .3s var(--e)}
.aib svg{width:24px;height:24px}
.aib:hover{transform:scale(1.1) rotate(-7deg)}
.aip{position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;background:var(--ok);
  border:2.5px solid var(--ink);animation:pp 2s infinite}
.ai{position:fixed;bottom:24px;left:24px;z-index:890;width:372px;max-width:calc(100vw - 28px);height:530px;
  max-height:calc(100svh - 48px);background:var(--ink2);border:1px solid var(--bd2);border-radius:var(--rl);
  box-shadow:var(--shl);display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;
  transform:translateY(22px) scale(.95);transition:all .4s var(--e)}
.ai.on{opacity:1;visibility:visible;transform:none}
.aih{display:flex;align-items:center;gap:11px;padding:14px 15px;background:var(--sur2);border-bottom:1px solid var(--bd);flex-shrink:0}
.aiav{width:37px;height:37px;border-radius:50%;background:rgba(var(--grgb),.14);color:var(--gold);display:grid;place-items:center;flex-shrink:0}
.aiav svg{width:19px;height:19px}
.aih b{display:block;font-family:var(--ft);font-size:12.5px;letter-spacing:1.3px}
.aih span{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--ok)}
.aix{margin-left:auto;width:27px;height:27px;border-radius:50%;color:var(--dim);display:grid;place-items:center;transition:all .2s}
.aix:hover{background:var(--bad);color:#fff}
.ailog{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:11px}
.msg{max-width:87%;padding:11px 14px;border-radius:15px;font-size:13px;line-height:1.55;animation:ti .35s var(--e);white-space:pre-line;word-break:break-word}
.msg.bot{background:var(--sur3);border:1px solid var(--bd);border-bottom-left-radius:5px;align-self:flex-start}
.msg.me{background:linear-gradient(135deg,var(--gold2),var(--gold3));color:#000;border-bottom-right-radius:5px;align-self:flex-end;font-weight:600}
.msg b{color:var(--gold)}.msg.me b{color:#000}
.aich{display:flex;gap:6px;padding:0 15px 9px;flex-wrap:wrap;flex-shrink:0}
.aich button{padding:7px 12px;border-radius:999px;background:var(--sur);border:1px solid var(--bd);
  font-family:var(--ft);font-size:10.5px;color:var(--dim);transition:all .2s}
.aich button:hover{border-color:var(--gold);color:var(--gold)}
.aiin{display:flex;gap:8px;padding:11px 13px;border-top:1px solid var(--bd);background:var(--sur2);flex-shrink:0}
.aiin input{flex:1;background:var(--ink3);border:1px solid var(--bd);border-radius:999px;padding:10px 15px;
  color:var(--tx);font-size:13px;outline:none}
.aiin input:focus{border-color:var(--gold)}
.aiin button{width:39px;height:39px;border-radius:50%;background:var(--gold);color:#000;display:grid;place-items:center;flex-shrink:0}
.aiin button svg{width:15px;height:15px}

/* ══ GARAGE ══ */
.gdbg{position:fixed;inset:0;z-index:920;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:all .35s}
.gdbg.on{opacity:1;visibility:visible}
.gd{position:fixed;top:0;right:0;bottom:0;z-index:930;width:400px;max-width:92vw;background:var(--ink2);
  border-left:1px solid var(--bd2);display:flex;flex-direction:column;transform:translateX(105%);transition:transform .45s var(--e)}
.gd.on{transform:none}
.gdh{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--bd)}
.gdh h3{font-family:var(--ft);font-size:14px;letter-spacing:2.2px}
.gdh em{font-style:normal;font-family:var(--ft);font-size:10.5px;color:var(--gold);background:rgba(var(--grgb),.14);
  padding:3px 8px;border-radius:999px;margin-left:6px}
.gdx{width:29px;height:29px;border-radius:50%;color:var(--dim);display:grid;place-items:center;transition:all .2s}
.gdx:hover{background:var(--bad);color:#fff}
.gdl{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:11px}
.gde{text-align:center;color:var(--mut);padding:56px 22px;display:flex;flex-direction:column;align-items:center;gap:13px;font-size:13.5px}
.gde svg{width:38px;height:38px;color:var(--gold3)}
.gdf{padding:16px 20px;border-top:1px solid var(--bd);display:flex;flex-direction:column;gap:8px}
.gi{display:flex;gap:11px;background:var(--sur);border:1px solid var(--bd);border-radius:var(--r);padding:10px;cursor:pointer;transition:all .22s}
.gi:hover{border-color:var(--gold)}
.gi img{width:78px;height:54px;object-fit:cover;border-radius:8px;flex-shrink:0}
.gib{flex:1;min-width:0}
.gib b{display:block;font-family:var(--fd);font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gib span{font-size:11px;color:var(--dim)}
.gix{width:25px;height:25px;border-radius:50%;color:var(--mut);display:grid;place-items:center;flex-shrink:0;align-self:flex-start;transition:all .2s}
.gix:hover{background:var(--bad);color:#fff}

/* ══ COMPARE BAR ══ */
.cmpb{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:875;display:flex;align-items:center;gap:13px;
  background:color-mix(in srgb,var(--sur) 96%,transparent);backdrop-filter:blur(20px);border:1px solid rgba(var(--grgb),.4);
  border-radius:999px;padding:9px 11px 9px 20px;box-shadow:var(--shl);animation:ti .35s var(--e)}
.cmpi{font-family:var(--ft);font-size:12px;color:var(--dim)}.cmpi span{color:var(--gold);font-weight:700}
.cmpx{width:29px;height:29px;border-radius:50%;color:var(--dim);display:grid;place-items:center;transition:all .2s}
.cmpx:hover{background:var(--bad);color:#fff}

/* ══ COMMAND PALETTE ══ */
.cmdp{position:fixed;inset:0;z-index:960;display:flex;align-items:flex-start;justify-content:center;
  padding:12vh 18px 18px;opacity:0;visibility:hidden;transition:all .25s}
.cmdp.on{opacity:1;visibility:visible}
.cmdbg{position:absolute;inset:0;background:rgba(2,2,3,.8);backdrop-filter:blur(10px)}
.cmdbox{position:relative;width:100%;max-width:620px;background:var(--ink2);border:1px solid var(--bd2);
  border-radius:var(--rl);box-shadow:var(--shl);overflow:hidden;transform:scale(.96) translateY(-12px);transition:transform .3s var(--e)}
.cmdp.on .cmdbox{transform:none}
.cmdin{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--bd)}
.cmdin svg{width:17px;height:17px;color:var(--gold);flex-shrink:0}
.cmdin input{flex:1;background:none;border:0;color:var(--tx);font-size:15px;outline:none}
kbd{font-family:var(--ft);font-size:9.5px;border:1px solid var(--bd2);border-radius:5px;padding:2px 6px;color:var(--mut)}
.cmdres{max-height:min(48vh,420px);overflow-y:auto;padding:8px}
.cmdi2{display:flex;align-items:center;gap:13px;padding:10px 13px;border-radius:11px;cursor:pointer;transition:background .15s}
.cmdi2.sel{background:rgba(var(--grgb),.13)}
.cmdi2 img{width:52px;height:35px;object-fit:cover;border-radius:7px;flex-shrink:0}
.cmdic{width:34px;height:34px;border-radius:9px;background:var(--sur2);color:var(--gold);display:grid;place-items:center;flex-shrink:0;font-size:15px}
.cmdb{flex:1;min-width:0}
.cmdb b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmdb span{font-size:11px;color:var(--mut)}
.cmdt{font-family:var(--ft);font-size:9px;letter-spacing:1.5px;color:var(--mut);border:1px solid var(--bd);padding:3px 7px;border-radius:5px}
.cmdgh{font-family:var(--ft);font-size:9px;letter-spacing:2.2px;color:var(--mut);padding:10px 13px 6px}
.cmdft{display:flex;gap:16px;padding:11px 18px;border-top:1px solid var(--bd);font-size:10.5px;color:var(--mut);font-family:var(--ft)}
.cmdft span{display:flex;align-items:center;gap:5px}

/* ══ MODALS ══ */
.md{position:fixed;inset:0;z-index:940;display:grid;place-items:center;padding:16px;opacity:0;visibility:hidden;
  transition:all .3s;perspective:1400px}
.md.on{opacity:1;visibility:visible}
.mbg{position:absolute;inset:0;background:rgba(2,2,3,.9);backdrop-filter:blur(13px)}
.mbox{position:relative;background:var(--ink2);border:1px solid var(--bd2);border-radius:var(--rl);max-height:93vh;
  overflow-y:auto;overflow-x:hidden;width:100%;max-width:1140px;box-shadow:var(--shl);
  transform:rotateX(9deg) scale(.94) translateY(28px);transition:transform .5s var(--e)}
.md.on .mbox{transform:none}
.mx{position:absolute;top:13px;right:13px;z-index:30;width:37px;height:37px;border-radius:50%;
  background:rgba(0,0,0,.55);backdrop-filter:blur(12px);border:1px solid var(--bd2);color:#fff;
  display:grid;place-items:center;transition:all .25s}
.mx:hover{background:var(--bad);border-color:var(--bad);transform:rotate(90deg)}

/* car detail */
.gal{position:relative}
.gm{position:relative;aspect-ratio:16/9;background:var(--ink3);overflow:hidden}
.gm img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;transition:opacity .2s,transform .6s var(--e),filter .5s}
.gm:hover img{transform:scale(1.03)}
.gcn{position:absolute;bottom:15px;right:15px;z-index:5;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);
  border:1px solid var(--bd2);color:#fff;padding:5px 12px;border-radius:999px;font-family:var(--ft);font-size:11px;font-weight:700}
.gcn span{color:var(--gold)}
.gz,.g3{position:absolute;bottom:15px;z-index:5;width:37px;height:37px;border-radius:50%;background:rgba(0,0,0,.55);
  backdrop-filter:blur(10px);border:1px solid var(--bd2);color:#fff;display:grid;place-items:center;transition:all .22s}
.gz{left:15px}.g3{left:60px}
.gz:hover,.g3:hover{background:var(--gold);color:#000;border-color:var(--gold)}
.gz svg,.g3 svg{width:16px;height:16px}
.gnv{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:43px;height:43px;border-radius:50%;
  background:rgba(0,0,0,.5);backdrop-filter:blur(12px);border:1px solid var(--bd2);color:#fff;display:grid;place-items:center;transition:all .22s}
.gnv:hover{background:var(--gold);color:#000;border-color:var(--gold)}
.gnv svg{width:18px;height:18px}
.gp2{left:15px}.gn2{right:15px}
.gth{display:flex;gap:8px;padding:14px 16px 18px;background:var(--ink);overflow-x:auto}
.gt{width:110px;height:70px;flex-shrink:0;border-radius:9px;overflow:hidden;border:2px solid transparent;opacity:.5;transition:all .22s}
.gt img{width:100%;height:100%;object-fit:cover}
.gt:hover{opacity:1}.gt.on{border-color:var(--gold);opacity:1}
.db{padding:32px 38px}
.dh2{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.dmk{font-family:var(--ft);font-size:10px;letter-spacing:3.4px;color:var(--gold);font-weight:700;margin-bottom:7px}
.dtt{font-family:var(--fd);font-size:clamp(26px,3.6vw,40px);font-weight:700;line-height:1.08;letter-spacing:-1.2px}
.dmt{font-family:var(--ft);font-size:12px;color:var(--dim);margin:7px 0 11px}
.dbg{display:flex;gap:6px;flex-wrap:wrap}
.dpb{text-align:right}
.dpv{font-family:var(--fd);font-size:40px;font-weight:700;color:var(--gold);line-height:1}
.dpv .pr{font-size:14px;color:var(--dim);font-family:var(--f);font-weight:400}
.dps{font-family:var(--ft);font-size:9.5px;color:var(--mut);letter-spacing:1.5px;margin-top:6px}
.qwa{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:9px 15px;border-radius:999px;
  background:rgba(37,211,102,.11);border:1px solid rgba(37,211,102,.34);color:var(--wa);font-family:var(--ft);
  font-size:10px;font-weight:700;letter-spacing:1.2px;transition:all .22s}
.qwa:hover{background:var(--wa);color:#fff;transform:translateY(-2px)}
.qwa svg{width:13px;height:13px}
.dsecx{margin-top:28px}
.dhh{font-family:var(--fd);font-size:21px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--bd);position:relative}
.dhh::after{content:'';position:absolute;left:0;bottom:-1px;width:50px;height:2px;background:var(--gold)}
.dtx{color:var(--dim);line-height:1.85;font-size:14.5px}
/* radar + gauges */
.perf{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;background:var(--sur);
  border:1px solid var(--bd);border-radius:var(--rl);padding:24px;margin-top:8px}
.radar{width:250px;height:250px;flex-shrink:0}
.gau{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.gg{background:var(--ink3);border:1px solid var(--bd);border-radius:var(--r);padding:16px 12px;text-align:center}
.gw{position:relative;width:82px;height:82px;margin:0 auto 9px}
.gw svg{width:100%;height:100%;transform:rotate(-90deg)}
.gtk{fill:none;stroke:var(--bd);stroke-width:6}
.gfl{fill:none;stroke:var(--gold);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1.6s var(--e)}
.gv{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.gv b{font-family:var(--ft);font-size:17px;font-weight:700;line-height:1}
.gv span{font-size:8px;color:var(--mut);letter-spacing:1.3px;margin-top:2px}
.gl2{font-family:var(--ft);font-size:9px;letter-spacing:2.2px;color:var(--dim);text-transform:uppercase}
/* spec table */
.stb{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bd);border:1px solid var(--bd);
  border-radius:var(--r);overflow:hidden;margin:20px 0}
.sce{background:var(--ink2);padding:16px 13px;text-align:center;transition:background .22s}
.sce:hover{background:var(--sur2)}
.scl{font-family:var(--ft);font-size:8px;letter-spacing:1.9px;color:var(--mut);margin-bottom:5px;text-transform:uppercase}
.scv{font-family:var(--ft);font-size:14px;font-weight:600}
.fgd{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.fgd li{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--sur);border:1px solid var(--bd);
  border-radius:9px;font-size:12.5px;color:var(--dim)}
.fgd li::before{content:'✓';color:var(--gold);font-weight:700;font-size:14px}
/* color config */
.ccfg{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--sur);border:1px solid var(--bd);
  border-radius:var(--r);padding:16px 20px;margin-top:20px}
.ccfg-l{font-family:var(--ft);font-size:9.5px;letter-spacing:2.2px;color:var(--mut)}
.ccfg-n{font-family:var(--ft);font-size:13px;font-weight:600;color:var(--gold);margin-left:auto}
/* rental info */
.rin{background:linear-gradient(135deg,rgba(var(--grgb),.08),color-mix(in srgb,var(--sur2) 60%,transparent));
  border:1px solid rgba(var(--grgb),.28);border-radius:var(--r);padding:20px;margin-top:22px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.ri2{text-align:center}
.ril{font-family:var(--ft);font-size:8px;letter-spacing:1.7px;color:var(--mut);margin-bottom:5px}
.riv{font-family:var(--ft);font-size:19px;font-weight:700;color:var(--gold)}
.riv small{font-size:10px;color:var(--dim);font-weight:400}
/* calendar */
.cal{background:var(--sur);border:1px solid var(--bd);border-radius:var(--r);padding:18px;margin-top:14px}
.calh{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.calh b{font-family:var(--ft);font-size:14px}
.calh button{width:30px;height:30px;border-radius:8px;background:var(--ink3);border:1px solid var(--bd);
  display:grid;place-items:center;color:var(--dim);transition:all .2s}
.calh button:hover{border-color:var(--gold);color:var(--gold)}
.calh button svg{width:14px;height:14px}
.calg{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.cdw{text-align:center;font-family:var(--ft);font-size:8.5px;letter-spacing:1px;color:var(--mut);padding:4px 0}
.cd{aspect-ratio:1;border-radius:8px;display:grid;place-items:center;font-family:var(--ft);font-size:12px;
  background:var(--ink3);border:1px solid transparent;transition:all .18s;position:relative}
.cd:hover:not(.dis){border-color:var(--gold);color:var(--gold)}
.cd.dis{opacity:.22;cursor:not-allowed;text-decoration:line-through}
.cd.blk{background:rgba(226,88,93,.1);color:var(--bad);opacity:.6;cursor:not-allowed}
.cd.sel{background:var(--gold);color:#000;font-weight:700}
.cd.rng2{background:rgba(var(--grgb),.19);color:var(--gold)}
.cd.em{background:transparent;pointer-events:none}
.callg{display:flex;gap:14px;margin-top:12px;flex-wrap:wrap}
.callg span{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--mut);font-family:var(--ft)}
.callg i{width:10px;height:10px;border-radius:3px}
/* extras */
.exg{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}
.ex{display:flex;align-items:center;gap:11px;background:var(--ink3);border:1px solid var(--bd);border-radius:10px;
  padding:11px 13px;cursor:pointer;transition:all .2s}
.ex:hover{border-color:var(--gold)}
.ex.on{border-color:var(--gold);background:rgba(var(--grgb),.09)}
.exc{width:19px;height:19px;border-radius:6px;border:1.5px solid var(--bd2);display:grid;place-items:center;flex-shrink:0;transition:all .2s;font-size:11px;color:transparent}
.ex.on .exc{background:var(--gold);border-color:var(--gold);color:#000}
.exb{flex:1;min-width:0}
.exb b{display:block;font-family:var(--ft);font-size:12px;font-weight:600}
.exb span{font-size:10.5px;color:var(--mut)}
.exp{font-family:var(--ft);font-size:12px;font-weight:700;color:var(--gold);flex-shrink:0}
/* booking */
.bk{background:linear-gradient(160deg,rgba(var(--grgb),.06),color-mix(in srgb,var(--ink2) 70%,transparent));
  border:1px solid rgba(var(--grgb),.25);border-radius:var(--rl);padding:26px;margin-top:24px}
.bkh{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;flex-wrap:wrap;margin-bottom:18px}
.bkh h3{font-family:var(--fd);font-size:23px;margin-bottom:6px}
.bkn{color:var(--dim);font-size:12px;line-height:1.6;max-width:430px}
.bkc{display:flex;align-items:center;gap:10px;background:var(--sur);border:1px solid var(--bd2);border-radius:var(--r);
  padding:8px 14px 8px 8px;flex-shrink:0}
.bkc img{width:54px;height:37px;object-fit:cover;border-radius:6px}
.bkc b{display:block;font-family:var(--ft);font-size:12px}
.bkc span{display:block;font-size:10px;color:var(--dim)}
.bpr{display:flex;align-items:center;gap:7px;margin-bottom:8px}
.bp3{flex:1;height:3px;border-radius:3px;background:var(--bd);overflow:hidden;position:relative}
.bp3 i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--gold3),var(--gold2));transition:width .5s var(--e)}
.bp3.on i{width:100%}
.bps{display:flex;justify-content:space-between;margin-bottom:20px;font-family:var(--ft);font-size:8.5px;letter-spacing:1.5px;color:var(--mut)}
.bps span.on{color:var(--gold)}
.bs2{display:none;animation:ti .4s var(--e)}.bs2.on{display:block}
.r3{display:grid;grid-template-columns:1fr .8fr 1fr;gap:12px}
.rsm{background:var(--sur);border:1px solid var(--bd2);border-radius:var(--r);padding:4px 18px;margin:18px 0}
.rr{display:flex;justify-content:space-between;align-items:center;gap:13px;padding:9px 0;border-bottom:1px dashed var(--bd);font-size:13px}
.rr:last-child{border-bottom:0}
.rl2{font-family:var(--ft);font-size:10px;letter-spacing:1.4px;color:var(--mut);text-transform:uppercase;font-weight:600}
.rv2{font-weight:600;text-align:right}
.rv2.ds{color:var(--ok)}
.rr.tt{border-top:1px solid var(--bd2);margin-top:3px;padding-top:12px}
.rr.tt .rl2{color:var(--gold);font-size:11.5px}
.rr.tt .rv2{font-family:var(--fd);font-size:28px;color:var(--gold);font-weight:700}
.bkct{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.bkct.three{grid-template-columns:1fr 1fr 1fr}
.bkhn{margin-top:12px;font-size:11px;color:var(--mut);text-align:center;line-height:1.6}
/* finance */
.fin{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);padding:24px;margin-top:22px}
.fin h3{font-family:var(--fd);font-size:21px;margin-bottom:16px}
.fing{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.finr{display:flex;flex-direction:column;gap:13px}
.finf label{display:flex;justify-content:space-between;font-family:var(--ft);font-size:10px;letter-spacing:1.5px;
  color:var(--mut);margin-bottom:7px;text-transform:uppercase}
.finf label b{color:var(--gold)}
.finout{background:linear-gradient(140deg,rgba(var(--grgb),.1),var(--ink3));border:1px solid rgba(var(--grgb),.3);
  border-radius:var(--r);padding:22px;text-align:center}
.finm{font-family:var(--ft);font-size:9.5px;letter-spacing:2.2px;color:var(--mut);margin-bottom:8px}
.finv{font-family:var(--fd);font-size:42px;font-weight:700;color:var(--gold);line-height:1}
.finv span{font-size:14px;color:var(--dim);font-family:var(--f)}
.fini{display:flex;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid var(--bd);gap:10px}
.fini div{text-align:center;flex:1}
.fini b{display:block;font-family:var(--ft);font-size:14px}
.fini span{font-size:9px;color:var(--mut);letter-spacing:1.2px}
/* pass */
.mpassb{max-width:1060px;padding:30px}
.passh{text-align:center;margin-bottom:20px}
.passh h2{font-family:var(--fd);font-size:28px}
#passc{width:100%;height:auto;border-radius:var(--r);box-shadow:var(--shl);display:block}
.passa{display:flex;gap:10px;justify-content:center;margin-top:20px;flex-wrap:wrap}
/* compare */
.mcmpb{max-width:1080px;padding:28px}
.cmpt{font-family:var(--fd);font-size:25px;margin-bottom:20px}
.cmpg{display:grid;gap:1px;background:var(--bd);border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;overflow-x:auto}
.cr{display:grid;background:var(--ink2);min-width:100%}
.cr>div{padding:11px 13px;font-size:12.5px;text-align:center}
.cr.hdr>div{padding:0;overflow:hidden}.cr.hdr img{width:100%;aspect-ratio:16/9;object-fit:cover}
.cr.tp>div{background:var(--sur2);font-family:var(--ft);font-size:9.5px;letter-spacing:1.8px;color:var(--gold);text-transform:uppercase;font-weight:700}
.cr:not(.tp)>div:first-child{background:var(--sur);font-family:var(--ft);font-size:10px;color:var(--mut);
  letter-spacing:1.2px;text-transform:uppercase;text-align:left}
.cr>div:not(:first-child){font-weight:600}
.cbest{color:var(--gold)!important;position:relative}
.cbest::after{content:'★';position:absolute;top:5px;right:8px;font-size:9px}
/* submit */
.msubb{max-width:740px;padding:36px}
.subh{text-align:center;margin-bottom:26px}
.subh h2{font-family:var(--fd);font-size:30px;margin-bottom:8px}
.subh p{color:var(--dim);font-size:13.5px}
.up{border:2px dashed var(--bd2);border-radius:var(--r);padding:24px;text-align:center;cursor:pointer;transition:all .22s}
.up:hover,.up.dg{border-color:var(--gold);background:rgba(var(--grgb),.04)}
.upp svg{width:30px;height:30px;color:var(--gold);margin-bottom:10px}
.upp p{font-size:13px;margin-bottom:3px}.upp span{color:var(--mut);font-size:11px}
.prv{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;margin-top:14px}
.pi{position:relative;aspect-ratio:1;border-radius:9px;overflow:hidden}
.pi img{width:100%;height:100%;object-fit:cover}
.pi button{position:absolute;top:5px;right:5px;width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.72);
  color:#fff;font-size:10px;display:grid;place-items:center}
.pi button:hover{background:var(--bad)}
/* lightbox */
.lb{position:fixed;inset:0;z-index:970;background:rgba(0,0,0,.96);display:grid;place-items:center;padding:34px;
  opacity:0;visibility:hidden;transition:opacity .3s}
.lb.on{opacity:1;visibility:visible}
.lb img{max-width:100%;max-height:88vh;border-radius:var(--r);box-shadow:var(--shl)}
.lbx{position:absolute;top:20px;right:20px;z-index:3;width:44px;height:44px;border-radius:50%;
  background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;transition:all .22s}
.lbx:hover{background:var(--bad);transform:rotate(90deg)}
.lba{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;border-radius:50%;
  background:rgba(255,255,255,.09);border:1px solid var(--bd2);color:#fff;display:grid;place-items:center;transition:all .22s}
.lba:hover{background:var(--gold);color:#000;border-color:var(--gold)}
.lba svg{width:21px;height:21px}
.lbp{left:22px}.lbn{right:22px}
.lbc{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.85);font-family:var(--ft);
  font-size:12.5px;letter-spacing:1.3px;background:rgba(0,0,0,.5);backdrop-filter:blur(10px);padding:8px 18px;border-radius:999px}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* ══════ RESPONSIVE ══════ */
@media(max-width:1280px){
  .nav{gap:19px}.na{font-size:10px;letter-spacing:1.4px}
  #cmdk em,.hphone span{display:none}
  .af{grid-template-columns:repeat(4,1fr)}
  .grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1080px){
  .nav,#lang,#curseg,#cmdk{display:none}
  .burg{display:flex}
  .wgrid{grid-template-columns:repeat(2,1fr)}
  .hgridx{grid-template-columns:repeat(2,1fr)}.hgridx::before{display:none}
  .mgrid{grid-template-columns:1fr}.mr{min-height:auto}
  .stats{grid-template-columns:repeat(2,1fr);gap:34px}
  .fg{grid-template-columns:1fr 1fr;gap:34px}
  .mapwrap{grid-template-columns:1fr;gap:24px}
  .perf{grid-template-columns:1fr}.radar{margin:0 auto}
  .fing{grid-template-columns:1fr}
  .grid.list .cimg{width:230px}
}
@media(max-width:860px){
  :root{--hh:62px}
  .sec{padding:66px 0}.wr{padding:0 17px}
  .tools .btn.wa,.hphone{display:none}
  .stag{display:none}
  .hero{min-height:540px}
  .hcta{flex-direction:column;align-items:stretch}.hcta .btn{width:100%}
  .har{width:40px;height:40px;top:auto;bottom:146px}.hp-{left:14px}.hn-{right:14px}
  .hdots{bottom:114px}.hscroll{display:none}
  .hgrid{display:none}
  .stage3d{padding:24px 12px 18px}
  .st-hud{flex-direction:column;align-items:flex-start}
  .hud-r{align-items:flex-start;text-align:left;width:100%}
  .cf{height:330px}.cfi{width:min(300px,80vw)}
  .bar{flex-direction:column;align-items:stretch}
  .bsearch{max-width:none}.vsw{align-self:flex-start}
  .af{grid-template-columns:1fr 1fr;padding:14px}
  .af .btn{grid-column:1/-1}
  .grid{grid-template-columns:1fr;gap:16px}
  .grid.list .cc{flex-direction:column}.grid.list .cimg{width:100%}
  .cgrid,.cgrid2,.prcs{grid-template-columns:1fr}
  .wgrid,.hgridx{grid-template-columns:1fr}
  .wf{height:225px}
  .fg{grid-template-columns:1fr;gap:28px}
  .fb{flex-direction:column;text-align:center}
  .livebar{width:100%;border-radius:var(--rl);justify-content:center}
  .tbox{padding:32px 20px;min-height:auto}
  .fr,.r3,.exg,.gau{grid-template-columns:1fr}
  .stb{grid-template-columns:repeat(2,1fr)}
  .fgd{grid-template-columns:repeat(2,1fr)}
  .rin{grid-template-columns:repeat(2,1fr)}
  .db{padding:20px 15px}
  .dh2{flex-direction:column}.dpb{text-align:left}
  .bkct,.bkct.three{grid-template-columns:1fr}
  .bkc{width:100%}
  .msubb,.mcmpb,.mpassb{padding:22px 15px}
  .cr>div{font-size:11px;padding:8px 6px}
  .gt{width:88px;height:58px}.gm{aspect-ratio:4/3}
  .lb{padding:12px}.lba{width:38px;height:38px}.lbp{left:8px}.lbn{right:8px}
  .lbc{font-size:11px;bottom:14px;max-width:86%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mbar{display:flex}body{padding-bottom:64px}
  .toast{left:13px;right:13px;top:calc(var(--hh) + 10px);max-width:none}
  .top{bottom:78px;right:13px;width:40px;height:40px}
  .aib{bottom:78px;left:13px;width:48px;height:48px}
  .ai{bottom:78px;left:13px;width:calc(100vw - 26px);height:min(62svh,450px)}
  .cmpb{bottom:78px;left:13px;right:13px;transform:none;justify-content:space-between;padding:8px 11px}
  .gd{width:100%;max-width:100%}
  .cmdp{padding:8vh 12px 12px}
  .perf{padding:16px}.radar{width:210px;height:210px}
}
@media(max-width:480px){
  .fgd,.stb,.rin{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr;gap:22px}
  .csp{grid-template-columns:repeat(2,1fr);gap:10px}
  .gt{width:72px;height:48px}.gth{padding:10px;gap:6px}
  .bt b{font-size:13px;letter-spacing:2.4px}
  .cf{height:290px}
  .af{grid-template-columns:1fr}
  .finv{font-size:34px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  html{scroll-behavior:auto}.grain,.hsweep::before,.fx-canvas,.hgrid{display:none}
}
@media print{.hd,.mbar,.aib,.ai,.top,.cmpb,.gd,.gdbg,.fx-canvas,.grain,.vig{display:none!important}}


.shw {
    display: none !important;
}

.bm3d {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bm3d img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* VISI RENTAL cleanup: sections removed from the page */
.cfsec,.msec,.cats,.wsec,.hsec,.psec,.tsec{display:none!important}

/* ══ BOOT · VISI RENTAL 4D ══ */
.bx-scene{position:relative;width:min(420px,90vw);height:210px;margin-bottom:28px;perspective:900px;perspective-origin:50% 75%}
.bx-floor{position:absolute;left:50%;bottom:-138px;width:380px;height:380px;margin-left:-190px;transform:rotateX(74deg);transform-style:preserve-3d;pointer-events:none}
.bx-floor::before{content:"";position:absolute;inset:70px;border-radius:50%;background:radial-gradient(circle,rgba(var(--grgb),.3),transparent 68%)}
.bx-floor i{position:absolute;border-radius:50%}
.bx-r1{inset:0;border:1px solid rgba(var(--grgb),.6);box-shadow:0 0 36px rgba(var(--grgb),.25),inset 0 0 36px rgba(var(--grgb),.12)}
.bx-r2{inset:34px;border:2px dashed rgba(var(--grgb),.45);animation:bxrot 16s linear infinite}
.bx-r3{inset:78px;background:repeating-conic-gradient(rgba(var(--grgb),.85) 0 1.2deg,transparent 1.2deg 7.5deg);-webkit-mask:radial-gradient(circle closest-side,transparent 86%,#000 87%);mask:radial-gradient(circle closest-side,transparent 86%,#000 87%);animation:bxrot 9s linear infinite reverse}
@keyframes bxrot{to{transform:rotate(360deg)}}

.bx-streaks{position:absolute;left:-10%;right:-10%;bottom:34px;height:56px;overflow:hidden;pointer-events:none;-webkit-mask:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);mask:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}
.bx-streaks i{position:absolute;left:0;height:1px;width:90px;background:linear-gradient(90deg,rgba(var(--grgb),.9),transparent);animation:bxstk 1.1s linear infinite}
.bx-streaks i:nth-child(1){top:8px;animation-delay:-.2s}
.bx-streaks i:nth-child(2){top:22px;width:130px;animation-delay:-.6s;animation-duration:.9s}
.bx-streaks i:nth-child(3){top:36px;animation-delay:-.9s}
.bx-streaks i:nth-child(4){top:48px;width:70px;animation-delay:-.4s;animation-duration:1.3s}
@keyframes bxstk{from{transform:translateX(520px)}to{transform:translateX(-160px)}}

.bx-car{position:absolute;left:10%;bottom:44px;width:80%;color:var(--gold);transform-style:preserve-3d;
  animation:bxin 1.2s cubic-bezier(.16,.84,.28,1) both,bxfloat 4s ease-in-out 1.2s infinite}
.bx-car svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 8px 18px rgba(var(--grgb),.28));
  -webkit-box-reflect:below -2px linear-gradient(transparent 55%,rgba(255,255,255,.28))}
@keyframes bxin{from{opacity:0;transform:translateX(-300px) rotateY(-30deg);filter:blur(6px)}to{opacity:1;transform:translateX(0) rotateY(0);filter:blur(0)}}
@keyframes bxfloat{0%,100%{transform:translateY(0) rotateY(0)}25%{transform:translateY(-3px) rotateY(-9deg)}75%{transform:translateY(-3px) rotateY(9deg)}}

.bx-win{fill:var(--ink);opacity:.9}
.bx-w{transform-box:fill-box;transform-origin:center;animation:bxspin .5s linear infinite}
@keyframes bxspin{to{transform:rotate(360deg)}}
.bx-sweep{animation:bxsw 2.2s ease-in-out 1s infinite}
@keyframes bxsw{0%{transform:translateX(0)}60%,100%{transform:translateX(640px)}}
.bx-hl{filter:drop-shadow(0 0 6px #fff)}
.bx-tl{filter:drop-shadow(0 0 5px #ff3b3b)}

.bx-beam{position:absolute;left:96%;top:48%;width:130px;height:34px;pointer-events:none;filter:blur(2px);
  background:linear-gradient(90deg,rgba(255,244,214,.55),transparent);
  clip-path:polygon(0 38%,100% 0,100% 100%,0 62%);animation:bxbeam 1.4s ease-in-out infinite alternate}
@keyframes bxbeam{from{opacity:.45}to{opacity:1}}

.boot .boot-w{font-size:20px;letter-spacing:12px;padding-left:12px;
  background:linear-gradient(90deg,var(--tx) 0,var(--gold2) 50%,var(--tx) 100%);background-size:200% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  animation:bxtxt 2.4s linear infinite}
@keyframes bxtxt{to{background-position:-200% 0}}
.bx-tag{font-family:var(--ft);font-size:10px;letter-spacing:5px;color:var(--gold3);margin-top:-6px}
.boot .boot-bar{width:280px;height:3px;box-shadow:0 0 14px rgba(var(--grgb),.35)}

@media (max-width:480px){
  .bx-floor{width:300px;height:300px;margin-left:-150px;bottom:-98px}
  .boot .boot-w{font-size:16px;letter-spacing:9px}
}
@media (prefers-reduced-motion:reduce){
  .bx-car,.bx-w,.bx-sweep,.bx-floor i,.bx-streaks i,.bx-beam,.boot .boot-w{animation:none!important}
}

/* ══ DELIVERY / MBULIMI (si foto 1) ══ */
.dlv-lead{color:var(--dim);font-size:16px;line-height:1.75;margin-top:2px}
.dlv-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;max-width:1120px;margin:0 auto;align-items:center}
.dlv-card{background:linear-gradient(160deg,var(--sur2),var(--sur));border:1px solid var(--bd2);border-radius:var(--rl);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.dlv-map{padding:20px;position:relative}
.dlv-map svg{display:block;width:100%;max-height:560px;margin:0 auto}
.dlv-land{fill:url(#dlvLand);stroke:var(--gold);stroke-width:1.2;filter:drop-shadow(0 0 12px rgba(var(--grgb),.35))}
.dlv-city{cursor:pointer;outline:none}
.dlv-city circle{fill:var(--cy);transition:.3s}
.dlv-city:hover circle:not(.dlv-pulse){fill:var(--tx)}
.dlv-city:focus-visible circle:not(.dlv-pulse){fill:var(--tx)}
.dlv-pulse{fill:none!important;stroke:var(--cy);opacity:.6;animation:dlvPul 2.4s infinite;transform-box:fill-box;transform-origin:center}
.dlv-city text{fill:var(--dim);font-size:7px;font-family:var(--f);transition:.3s}
.dlv-city.on circle:not(.dlv-pulse){fill:var(--gold);r:5}
.dlv-city.on .dlv-pulse{stroke:var(--gold)}
.dlv-city.on text{fill:var(--gold2);font-weight:700}
@keyframes dlvPul{from{transform:scale(1);opacity:.7}to{transform:scale(3);opacity:0}}

.dlv-panel{padding:30px}
.dlv-fld{margin-bottom:18px}
.dlv-panel label{display:block;font-family:var(--ft);font-size:11.5px;letter-spacing:2.4px;text-transform:uppercase;color:var(--dim);margin:0 0 8px}
.dlv-inp{width:100%;background:var(--ink2);border:1px solid var(--bd2);border-radius:12px;padding:14px 16px;font:inherit;font-size:15px;color:var(--tx);transition:.3s}
.dlv-inp:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px rgba(var(--grgb),.15)}
.dlv-inp option{background:var(--ink3);color:var(--tx)}
.dlv-sum{margin-top:20px;padding:18px;border-radius:14px;background:var(--ink2);border:1px solid var(--bd)}
.dlv-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;font-size:14.5px;color:var(--dim)}
.dlv-row b{color:var(--tx);text-align:right;font-weight:600}
.dlv-tot{border-top:1px solid var(--bd2);margin-top:8px;padding-top:14px}
.dlv-tot b{color:var(--gold2);font-family:var(--ft);font-size:1.3rem;font-weight:700}
.dlv-zone{font-size:11px;padding:3px 10px;border-radius:999px;background:rgba(95,212,232,.12);color:var(--cy);font-weight:600}
.dlv-note{font-size:12.5px;line-height:1.6;color:var(--dim);margin-top:14px;padding:12px 14px;border-radius:10px;border:1px dashed var(--bd2)}
.dlv-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:16px;padding:15px 28px;border-radius:999px;
  background:linear-gradient(135deg,var(--gold2) 0%,var(--gold) 55%,#c49a4e 100%);color:#1a1405;font-family:var(--ft);font-weight:700;
  font-size:14.5px;letter-spacing:.3px;text-decoration:none;box-shadow:0 10px 30px rgba(var(--grgb),.25);transition:transform .25s,box-shadow .25s}
.dlv-btn:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(var(--grgb),.38)}
@media(max-width:900px){.dlv-grid{grid-template-columns:1fr}.dlv-panel{padding:24px}}

/* header: emri pranë logos */
.hd .bt i{letter-spacing:2.4px}
@media(max-width:520px){.hd .bt i{display:none}}