/* =========================================================
   MALHOTRA BAJAJ — Premium Dealership Website (v3)
   Vibrant theme · app-style tabs · image slots
   ========================================================= */
:root{
  --blue6:#0a5fd0; --blue5:#1e7be8; --blue4:#4aa3ff; --cyan:#46e6ff;
  --violet:#7b5cff; --red6:#ff3346; --red5:#ff546a; --gold:#ffc233;
  --line:rgba(255,255,255,.12);
  --rad:18px; --sh:0 22px 60px rgba(4,10,40,.5); --shb:0 16px 44px rgba(30,123,232,.4);
  --f:'Poppins','Segoe UI',system-ui,sans-serif; --fh:'Sora','Poppins',sans-serif;
  --t1:#ffffff; --t2:#cdd8f5; --t3:#9aa8d8;
  --cardA:#22378a; --cardB:#182a6e;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--f);color:var(--t1);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;
  background:
   radial-gradient(1100px 560px at 86% -6%,rgba(74,163,255,.4),transparent 55%),
   radial-gradient(900px 560px at -6% 100%,rgba(123,92,255,.32),transparent 55%),
   radial-gradient(760px 440px at 55% 120%,rgba(255,51,70,.16),transparent 55%),
   linear-gradient(158deg,#173285,#0f1f5c 58%,#0d1a4e);
  background-attachment:fixed;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
h1,h2,h3,h4{font-family:var(--fh);font-weight:700;line-height:1.15;letter-spacing:-.02em}
.ti{line-height:1;vertical-align:-2px}

.container{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}
.section{padding:84px 0;position:relative}
.tight{padding:48px 0}
.tc{text-align:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px}
.eyebrow::before{content:"";width:24px;height:2px;background:var(--cyan);border-radius:2px}
.stitle{font-size:clamp(1.8rem,3.8vw,2.9rem);margin-bottom:14px}
.ssub{color:var(--t2);max-width:640px;margin:0 auto;font-size:1.02rem}
.gt{color:var(--cyan);background:linear-gradient(100deg,var(--cyan),var(--blue4) 40%,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 26px;border-radius:999px;font-weight:600;font-size:.95rem;cursor:pointer;border:none;transition:transform .25s,box-shadow .25s;white-space:nowrap;font-family:inherit}
.btn:hover{transform:translateY(-3px)}
.btn:active{transform:scale(.97)}
.btn-primary{background:linear-gradient(120deg,var(--blue5),var(--blue6));color:#fff;box-shadow:var(--shb)}
.btn-accent{background:linear-gradient(120deg,var(--red5),var(--red6));color:#fff;box-shadow:0 16px 40px rgba(255,51,70,.4)}
.btn-ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid var(--line)}
.btn-wa{background:#25d366;color:#062e12}
.btn-lg{padding:16px 34px;font-size:1.02rem}
.bpad{padding:10px 18px;font-size:.86rem}

/* header + tabs */
.header{position:fixed;inset:0 0 auto 0;z-index:1000;background:linear-gradient(180deg,rgba(17,34,92,.96),rgba(15,31,88,.82));backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--line)}
.htop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}
.brand{display:flex;align-items:center;gap:12px}
.emblem{width:48px;height:48px;border-radius:12px;flex-shrink:0;background:#fff;display:grid;place-items:center;box-shadow:var(--shb);overflow:hidden;padding:4px}
.emblem .logoimg{width:100%;height:100%;object-fit:contain}
.emblem .mbmark{width:100%;height:100%;border-radius:8px;background:linear-gradient(135deg,var(--blue5),var(--blue6));display:grid;place-items:center;font-family:var(--fh);font-weight:800;color:#fff;font-size:1.05rem}
.bname{font-family:var(--fh);font-weight:800;font-size:1.2rem;line-height:1}
.bname i{font-style:italic;color:var(--cyan)}
.bname small{display:block;font-style:normal;font-size:.58rem;letter-spacing:.16em;color:var(--t2);font-weight:500;text-transform:uppercase;margin-top:3px}
.callbtn{display:inline-flex;align-items:center;gap:7px;font-size:.88rem;font-weight:600;background:rgba(255,255,255,.1);border:1px solid var(--line);padding:10px 16px;border-radius:999px}
.tabs{display:flex;gap:5px;overflow-x:auto;padding:9px 0;scrollbar-width:none;border-top:1px solid var(--line)}
.tabs::-webkit-scrollbar{display:none}
.tab{display:inline-flex;align-items:center;gap:8px;padding:10px 17px;border-radius:12px;font-size:.9rem;font-weight:600;color:var(--t2);white-space:nowrap;border:1px solid transparent;cursor:pointer;transition:background .35s cubic-bezier(.16,1,.3,1),color .3s ease,transform .3s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}
.tab:hover{background:rgba(255,255,255,.08);color:#fff}
.tab.active{background:linear-gradient(120deg,var(--blue4),var(--violet));color:#fff;box-shadow:var(--shb);transform:translateY(-1px);animation:tabpop .6s cubic-bezier(.34,1.56,.5,1)}
.tab.active .ti{animation:tabicon .6s cubic-bezier(.34,1.56,.5,1)}
@keyframes tabpop{0%{transform:scale(.8) translateY(2px);box-shadow:0 0 0 0 rgba(74,163,255,.5)}45%{transform:scale(1.08) translateY(-2px);box-shadow:0 10px 26px rgba(74,163,255,.45)}70%{transform:scale(.98) translateY(-1px)}100%{transform:scale(1) translateY(-1px);box-shadow:var(--shb)}}
@keyframes tabicon{0%{transform:scale(.5) rotate(-14deg);opacity:.3}60%{transform:scale(1.15) rotate(4deg)}100%{transform:none;opacity:1}}
.tab .ti{font-size:1.2rem}

/* page switching */
.page{display:none}
.page.active{display:block;animation:pvf .68s cubic-bezier(.22,1,.36,1);will-change:opacity,transform,filter}
@keyframes pvf{
  0%{opacity:0;transform:translateY(30px) scale(.975);filter:blur(8px)}
  55%{filter:blur(0)}
  100%{opacity:1;transform:none;filter:none}
}
main{padding-top:118px}

/* hero */
.hero{position:relative;padding:60px 0 54px;overflow:hidden}
.hin{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(2.1rem,4.8vw,3.6rem);margin-bottom:18px}
.lead{color:#e2e9fb;font-size:1.1rem;max-width:540px;margin-bottom:30px}
.actions{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:34px}
.stats{display:flex;gap:32px;flex-wrap:wrap}
.stat b{font-family:var(--fh);font-size:1.8rem;display:block;color:#fff}
.stat span{color:var(--t2);font-size:.82rem}
.hcard{position:relative;border-radius:22px;padding:24px;background:linear-gradient(160deg,#22378a,#182a6e);border:1px solid var(--line);box-shadow:var(--sh);overflow:hidden}
.offer-ribbon{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(120deg,var(--red5),var(--red6));color:#fff;padding:8px 16px;border-radius:999px;font-size:.86rem;font-weight:600;margin-bottom:16px;box-shadow:0 10px 26px rgba(255,51,70,.35)}
.offer-ribbon .ti{font-size:1.05rem}
.hbadge{display:inline-flex;gap:8px;align-items:center;background:rgba(37,211,102,.18);color:#9dffbe;padding:6px 14px;border-radius:999px;font-size:.78rem;font-weight:600;margin-bottom:16px}
.hbadge .dot{width:8px;height:8px;border-radius:50%;background:#25d366;box-shadow:0 0 0 4px rgba(37,211,102,.25)}

/* grids/cards */
.grid{display:grid;gap:22px}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
.card{background:linear-gradient(165deg,var(--cardA),var(--cardB));border:1px solid var(--line);border-radius:var(--rad);padding:26px;transition:.3s;position:relative;overflow:hidden}
.card:hover{transform:translateY(-7px);box-shadow:var(--sh);border-color:rgba(74,163,255,.5)}
.cico{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;font-size:1.6rem;color:#fff;background:linear-gradient(135deg,var(--blue5),var(--violet));margin-bottom:16px;box-shadow:var(--shb)}
.card h3{font-size:1.2rem;margin-bottom:8px}
.card p{color:var(--t2);font-size:.95rem}

/* bike cards with image slot */
.bcard{background:linear-gradient(180deg,var(--cardA),#172866);border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;transition:.3s;display:flex;flex-direction:column}
.bcard:hover{transform:translateY(-9px);box-shadow:var(--sh);border-color:rgba(74,163,255,.55)}
.bcard.sel{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(70,230,255,.45)}
.bmedia{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(160deg,#eef4ff,#d3e0f7)}
.bmedia .pimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:2;background:linear-gradient(160deg,#eef4ff,#d3e0f7)}
.bmedia svg.bimg{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.tag{position:absolute;top:12px;left:12px;background:var(--red6);color:#fff;padding:5px 12px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;z-index:3}
.tag--ev{background:linear-gradient(120deg,#00d68f,#00a86b)}
.bbody{padding:20px;display:flex;flex-direction:column;gap:6px;flex:1}
.bbody h3{font-size:1.14rem}
.bcat{color:var(--cyan);font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.bspecs{display:flex;gap:8px;flex-wrap:wrap;margin:9px 0}
.chip{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.07);border:1px solid var(--line);color:#dbe4fb;font-size:.76rem;padding:5px 10px;border-radius:9px}
.chip .ti{font-size:1rem;color:var(--cyan)}
.bfoot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.cmp{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--t2);cursor:pointer;user-select:none}
.cmp input{width:16px;height:16px;accent-color:var(--cyan);cursor:pointer}

/* compare */
.cbar{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;z-index:900;width:min(96%,720px);padding:14px 20px;background:linear-gradient(120deg,rgba(20,38,100,.97),rgba(13,26,78,.97));backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh);display:none;align-items:center;justify-content:space-between;gap:12px}
.cbar.show{display:flex}
.cbar span{font-size:.9rem;color:var(--t2)}
.cpanel{display:none;margin-bottom:26px;border:1px solid rgba(70,230,255,.4);border-radius:var(--rad);overflow:hidden;box-shadow:var(--sh)}
.cpanel.show{display:block;animation:pvf .35s ease}
.ctbl{width:100%;border-collapse:collapse;font-size:.92rem}
.ctbl th,.ctbl td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--line)}
.ctbl thead th{background:linear-gradient(120deg,var(--blue5),var(--violet));color:#fff;font-family:var(--fh)}
.ctbl tbody th{color:var(--cyan);font-weight:600;font-family:var(--f);width:140px;background:rgba(255,255,255,.03)}
.ctbl td{color:#e2e9fb}
.phead{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:rgba(255,255,255,.05)}

/* misc blocks */
.frow{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}
.tick{width:30px;height:30px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue5),var(--violet));color:#fff;font-size:.95rem}
.frow h4{font-size:1.02rem;margin-bottom:3px}
.frow p{color:var(--t2);font-size:.9rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.frame{border-radius:22px;padding:16px;background:linear-gradient(160deg,#22378a,#182a6e);border:1px solid var(--line);box-shadow:var(--sh)}
.frame .bmedia{border-radius:14px}
.band{background:linear-gradient(120deg,var(--blue6),var(--violet));border-radius:26px;padding:44px;position:relative;overflow:hidden;box-shadow:var(--shb)}
.band b{font-family:var(--fh);font-size:2.3rem;display:block;color:#fff}
.band span{color:#e2e9fb;font-size:.88rem}
.quote{background:linear-gradient(165deg,#22378a,#182a6e);border:1px solid var(--line);border-radius:var(--rad);padding:26px}
.quote p{font-size:.98rem;color:#eef2fd;margin-bottom:16px}
.qby{display:flex;align-items:center;gap:11px}
.qav{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--blue5),var(--red6));display:grid;place-items:center;font-weight:700}
.qby b{font-size:.92rem}.qby span{color:var(--t2);font-size:.78rem;display:block}
.stars{color:var(--gold);margin-bottom:11px;letter-spacing:2px}
.cta{background:linear-gradient(120deg,var(--violet),var(--blue6));border-radius:26px;padding:52px;text-align:center;position:relative;overflow:hidden;box-shadow:var(--sh)}
.cta h2{font-size:clamp(1.6rem,3.2vw,2.4rem);margin-bottom:12px;color:#fff}
.cta p{color:#eaf0fd;margin-bottom:24px;max-width:560px;margin-inline:auto}
.cta .actions{justify-content:center;margin-bottom:0}

/* inner page hero */
.phero{padding:24px 0 20px;position:relative}
.phero h1{font-size:clamp(2rem,4.4vw,3rem);margin-bottom:12px}
.phero p{color:#e2e9fb;max-width:680px}

/* filters + forms */
.filters{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-bottom:30px}
.fbtn{padding:9px 18px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--t2);font-family:inherit;font-weight:500;cursor:pointer;transition:.2s;font-size:.88rem}
.fbtn:hover{background:rgba(255,255,255,.12)}
.fbtn.active{background:linear-gradient(120deg,var(--blue4),var(--violet));color:#fff;border-color:transparent}
.fcard{background:linear-gradient(165deg,#22378a,#182a6e);border:1px solid var(--line);border-radius:var(--rad);padding:30px;box-shadow:var(--sh)}
.field{margin-bottom:15px}
.field label{display:block;font-size:.83rem;margin-bottom:6px;color:var(--t2);font-weight:500}
.field input,.field select,.field textarea{width:100%;padding:12px 15px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;font-family:inherit;font-size:.94rem;transition:border .2s,background .2s}
.field input::placeholder,.field textarea::placeholder{color:var(--t3)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue4);background:rgba(74,163,255,.1)}
.field select option{background:#182a6e}
.field textarea{resize:vertical;min-height:96px}

.info{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line)}
.info:last-child{border-bottom:none}
.info .ic{width:46px;height:46px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;font-size:1.3rem;color:#fff;background:linear-gradient(135deg,var(--blue5),var(--violet))}
.info h4{font-size:.96rem;margin-bottom:2px}.info p{color:var(--t2);font-size:.9rem}
.step{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px}
.snum{flex-shrink:0;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-family:var(--fh);font-weight:800;background:linear-gradient(135deg,var(--blue6),var(--violet))}
.note{font-size:.82rem;color:var(--t3);margin-top:14px}

/* map */
.mapframe{border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh)}
.mapframe iframe{display:block;width:100%;height:360px;border:0;filter:grayscale(.15) contrast(1.05)}

/* footer */
.footer{background:linear-gradient(180deg,rgba(10,18,50,.55),rgba(8,14,44,.9));border-top:1px solid var(--line);padding:60px 0 26px;margin-top:36px}
.fgrid{display:grid;grid-template-columns:1.7fr 1fr 1.4fr;gap:40px;margin-bottom:34px}
.footer h4{font-size:.98rem;margin-bottom:16px}
.footer a,.footer p{color:var(--t2);font-size:.9rem;display:block;padding:5px 0}
.footer a:hover{color:var(--cyan)}
.socials{display:flex;gap:10px;margin-top:14px}
.socials a{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;font-size:1.15rem;transition:.25s}
.socials a:hover{background:var(--blue5);transform:translateY(-3px)}
.fbot{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--t3);font-size:.84rem}

/* WhatsApp float */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:950;width:60px;height:60px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 12px 30px rgba(37,211,102,.5);transition:transform .3s}
.wa-float:hover{transform:scale(1.08)}
.wa-float .ti{font-size:2rem;color:#fff}
.wa-float::after{content:"";position:absolute;inset:0;border-radius:50%;background:#25d366;z-index:-1;animation:pulse 2.4s infinite}
@keyframes pulse{0%{transform:scale(1);opacity:.6}70%{transform:scale(1.7);opacity:0}100%{opacity:0}}

/* mobile */
@media(max-width:900px){
  .hin,.split{grid-template-columns:1fr}
  .g3,.g4{grid-template-columns:1fr 1fr}
  .fgrid{grid-template-columns:1fr 1fr}
  .hero .hcard{order:-1}
}
@media(max-width:600px){
  .section{padding:56px 0}
  .g3,.g4,.g2{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr}
  .band,.cta{padding:32px 22px}
  .callbtn span{display:none}
  main{padding-top:120px}
  .cta .actions .btn,.hero .actions .btn{width:100%}
}

/* ---- wider layout (fill side space) ---- */
.container{max-width:1240px}

/* ---- WhatsApp float icon ---- */
.wa-float svg{width:32px;height:32px}

/* ---- View All button spacing ---- */
#bikesMore:empty{display:none}

/* ---- Enquiry capture modal ---- */
.wmodal{position:fixed;inset:0;background:rgba(6,12,40,.72);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:2100;padding:20px}
.wmodal.show{display:flex}
.wmodal .wbox{width:100%;max-width:420px;background:linear-gradient(165deg,#22378a,#152356);border:1px solid var(--line);border-radius:20px;padding:26px;position:relative;box-shadow:0 24px 70px rgba(0,0,0,.5)}
.wmodal .wbox h3{font-size:1.15rem}
.wmodal .wclose{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--t2);font-size:1.7rem;line-height:1;cursor:pointer}
.wmodal .wclose:hover{color:#fff}

/* ---- Google Reviews (EmbedSocial) — blend with site blue ---- */
#googleReviewsSection{background:transparent}
#googleReviews .embedsocial-hashtag,
#googleReviews .embedsocial-hashtag > div,
#googleReviews [id^="EmbedSocial"],
#googleReviews [id^="es_"],
#googleReviews [class*="es-widget"],
#googleReviews [class*="feed-container"],
#googleReviews [class*="es-feed"]{
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
}

/* =================================================================
   LIGHT THEME — content area off-white; header & footer stay dark
   ================================================================= */
body{ background:#f6f8fc }
.footer{ background:linear-gradient(180deg,#101f52,#0b1642) }

main{
  background:#f6f8fc;
  --t1:#14203f; --t2:#556080; --t3:#8592ad;
  --line:rgba(20,32,64,.12);
  color:var(--t1);
}
/* section / hero text */
main .lead,main .phero p,main .cta p,main .ssub{color:#4a566f}
main .stat b{color:#14203f}
/* highlight gradient text -> blue (white in old gradient was invisible on white) */
main .gt{background:linear-gradient(100deg,var(--blue5),var(--violet));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
main .eyebrow{color:var(--blue6)}
main .eyebrow::before{background:var(--blue6)}
main .bcat{color:var(--blue6)}
/* cards -> white with soft border/shadow */
main .card,main .bcard,main .fcard,main .quote,main .hcard,main .frame{
  background:#ffffff !important;border:1px solid rgba(20,32,64,.10);box-shadow:0 10px 30px rgba(20,40,90,.08)}
main .bcard{background:linear-gradient(180deg,#ffffff,#f5f8ff) !important}
main .card p,main .frow p,main .info p,main .qby span,main .cmp,main .note{color:#556080}
main .quote p{color:#26314c}
main .bfoot,main .info{border-color:rgba(20,32,64,.10)}
/* spec chips */
main .chip{background:#eef2fb;border:1px solid rgba(20,32,64,.10);color:#26314c}
main .chip .ti{color:var(--blue6)}
/* forms / inputs */
main .field label{color:#556080}
main .field input,main .field select,main .field textarea{background:#f4f7fc;border:1px solid rgba(20,32,64,.14);color:#14203f}
main .field input::placeholder,main .field textarea::placeholder{color:#98a3bd}
main .field select option{background:#ffffff;color:#14203f}
main .field input:focus,main .field select:focus,main .field textarea:focus{background:#ffffff;border-color:var(--blue4)}
/* filter + ghost buttons */
main .fbtn{background:#eef2fb;border:1px solid rgba(20,32,64,.10);color:#556080}
main .fbtn:hover{background:#e2e9f7}
main .btn-ghost{background:#eef2fb;color:#22345c;border:1px solid rgba(20,32,64,.12)}
/* compare table on light */
main .cpanel{border-color:rgba(20,32,64,.15);background:#fff}
main .ctbl td{color:#26314c}
main .ctbl tbody th{background:#f4f7fc;color:var(--blue6)}
main .phead{background:#f4f7fc}

/* hero badge: dark text on light-green shade (light theme) */
main .hbadge{color:#0b3d1f}

/* =================================================================
   FUTURISTIC DARK THEME (v4) — premium · amber glow · glassmorphism
   (appended last so it overrides the earlier light theme)
   ================================================================= */
:root{ --amber:#ff8a1e; --amber2:#ff5e00; --glass:rgba(255,255,255,.05); --glassb:rgba(255,255,255,.10) }
body{
  color:#f3ede3;
  background:
   radial-gradient(1250px 780px at 80% -12%, rgba(255,150,45,.30), transparent 58%),
   radial-gradient(900px 640px at 110% 42%, rgba(255,110,20,.16), transparent 55%),
   radial-gradient(760px 720px at -12% 112%, rgba(255,120,30,.10), transparent 55%),
   linear-gradient(180deg,#0b0a08,#0d0b08 60%,#0a0806) !important;
  background-attachment:fixed;
}
main{ background:transparent !important; --t1:#f3ede3; --t2:#b9ad9b; --t3:#8a8172; color:#f3ede3 }
h1,h2,h3,h4{color:#f6f1e9}
main .lead,main .phero p,main .cta p,main .ssub,main .card p,main .frow p,main .info p,main .qby span,main .cmp,main .note{color:#b9ad9b}
main .gt{background:linear-gradient(100deg,#ffb15e,var(--amber) 45%,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
main .eyebrow,main .bcat{color:var(--amber)}
main .eyebrow::before{background:var(--amber)}
main .stat b{color:#f6f1e9}

/* buttons */
.btn-primary{background:linear-gradient(120deg,var(--amber),var(--amber2)) !important;color:#1a1206 !important;box-shadow:0 14px 40px rgba(255,110,20,.4)}
.btn-accent{background:linear-gradient(120deg,#ff8a1e,#ff4d00) !important;color:#1a1206 !important}
main .btn-ghost,.btn-ghost{background:var(--glass) !important;color:#f3ede3 !important;border:1px solid var(--glassb) !important}
main .fbtn{background:var(--glass);border:1px solid var(--glassb);color:#c9bdac}
main .fbtn:hover{background:rgba(255,138,30,.14);color:#fff}
main .fbtn.active,.tab.active{background:linear-gradient(120deg,var(--amber),var(--amber2)) !important;color:#1a1206 !important;border-color:transparent}

/* glass cards */
main .card,main .bcard,main .fcard,main .quote,main .hcard,main .frame,.hcard{
  background:var(--glass) !important;border:1px solid var(--glassb) !important;
  backdrop-filter:blur(16px) saturate(120%);
  box-shadow:0 24px 60px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
main .card:hover,main .bcard:hover{border-color:rgba(255,138,30,.5) !important;box-shadow:0 30px 72px rgba(255,110,20,.20), inset 0 1px 0 rgba(255,255,255,.08) !important}
main .chip{background:rgba(255,255,255,.06) !important;border:1px solid var(--glassb) !important;color:#d8ccba !important}
main .chip .ti{color:var(--amber)}
main .bfoot,main .info{border-color:rgba(255,255,255,.10) !important}
.bmedia{background:linear-gradient(160deg,#1b1712,#0f0d0a)}
.bmedia .pimg{background:linear-gradient(160deg,#1b1712,#0f0d0a)}

/* icon tiles -> amber */
.cico,.tick,.snum,.info .ic,.qav{background:linear-gradient(135deg,var(--amber),var(--amber2)) !important;color:#1a1206}
.cico{color:#1a1206}

/* forms */
main .field label{color:#b9ad9b}
main .field input,main .field select,main .field textarea{background:rgba(255,255,255,.05) !important;border:1px solid var(--glassb) !important;color:#f3ede3 !important}
main .field input::placeholder,main .field textarea::placeholder{color:#8a8172 !important}
main .field select option{background:#17130e;color:#f3ede3}
main .field input:focus,main .field select:focus,main .field textarea:focus{background:rgba(255,138,30,.08) !important;border-color:var(--amber) !important}

/* feature blocks */
.band{background:linear-gradient(120deg,#ff8a1e,#ff4d00) !important;box-shadow:0 24px 60px rgba(255,110,20,.35)}
.band b{color:#1a1206}.band span{color:#3a2408}
.cta{background:linear-gradient(150deg,rgba(255,138,30,.16),rgba(255,255,255,.04)) !important;border:1px solid var(--glassb);backdrop-filter:blur(14px);box-shadow:0 24px 60px rgba(0,0,0,.4)}
.cta h2{color:#fff}
.stars{color:var(--amber)}

/* header + footer */
.header{background:linear-gradient(180deg,rgba(18,13,7,.92),rgba(12,9,5,.72)) !important;border-bottom:1px solid rgba(255,255,255,.08)}
.bname i{color:var(--amber)}
.callbtn{background:var(--glass);border:1px solid var(--glassb)}
.tab{color:#b9ad9b}
.tab:hover{background:rgba(255,138,30,.12);color:#fff}
.footer{background:linear-gradient(180deg,#0c0a07,#080605) !important;border-top:1px solid rgba(255,255,255,.08)}
.footer a:hover{color:var(--amber)}
.socials a{background:rgba(255,255,255,.06);color:#f3ede3}
.socials a:hover{background:var(--amber);color:#1a1206}

/* hero flourishes */
main .hbadge{background:rgba(255,138,30,.16) !important;color:#ffcf9e !important}
main .hbadge .dot{background:var(--amber);box-shadow:0 0 0 4px rgba(255,138,30,.25)}
.hero h1{letter-spacing:-.02em;text-shadow:0 2px 30px rgba(0,0,0,.5)}
.hcard{position:relative;overflow:visible}
.hcard::before{content:"";position:absolute;inset:-50px -40px auto auto;width:380px;height:380px;background:radial-gradient(circle,rgba(255,138,30,.5),transparent 62%);filter:blur(24px);z-index:-1;pointer-events:none}
.scrolldown{display:inline-flex;align-items:center;gap:10px;color:#8a8172;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;margin-top:6px}
.scrolldown span{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--glassb);border-radius:50%;animation:sdn 1.8s ease-in-out infinite;color:var(--amber)}
@keyframes sdn{0%,100%{transform:translateY(0);opacity:.7}50%{transform:translateY(5px);opacity:1}}

/* ---- magical 3D hover tilt on featured hero card ---- */
#home .hcard{transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s;transform-style:preserve-3d;will-change:transform}
#home .hcard::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.14),transparent 55%);opacity:.5;transition:opacity .35s;z-index:4}
#home .hcard:hover::after{opacity:1}
#home .hcard:hover{box-shadow:0 46px 100px rgba(255,110,20,.32),inset 0 1px 0 rgba(255,255,255,.10) !important}
#home .hcard .bmedia,#home .hcard .bfoot,#home .hcard .hbadge{transition:transform .45s cubic-bezier(.22,1,.36,1)}
#home .hcard:hover .bmedia{transform:translateZ(40px) scale(1.04)}
#home .hcard:hover .hbadge{transform:translateZ(55px)}
#home .hcard:hover .bfoot{transform:translateZ(30px)}

/* ---- enquiry popup -> dark amber (match futuristic theme) ---- */
.wmodal{background:rgba(10,8,6,.72) !important}
.wmodal .wbox{background:linear-gradient(165deg,#1a1510,#0f0c08) !important;border:1px solid rgba(255,138,30,.28) !important;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 60px rgba(255,110,20,.12) !important}
.wmodal .wbox h3{color:#f6f1e9}
.wmodal .wbox p{color:#b9ad9b}
.wmodal .wclose{color:#a99e8d}
.wmodal .wclose:hover{color:#fff}
.wmodal .field label{color:#b9ad9b}
.wmodal .field input,.wmodal .field select,.wmodal .field textarea{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.14) !important;color:#f3ede3 !important}
.wmodal .field input::placeholder{color:#8a8172 !important}
.wmodal .field input:focus{border-color:#ff8a1e !important;background:rgba(255,138,30,.08) !important}

/* form success message (auto-hides after 3s) */
.form-ok{display:none;margin-top:14px;background:rgba(61,220,132,.14);border:1px solid rgba(61,220,132,.35);color:#9dffbe;border-radius:12px;padding:15px 16px;text-align:center;font-size:.92rem;font-weight:600;animation:pvf .4s ease}