/* ══════════════════════════════════════════════
   HMS TRAVELS — MASTER STYLESHEET
   style.css — linked by ALL pages
══════════════════════════════════════════════ */

/* ─── TOKENS ─── */
:root{
  --gold:#E8A200; --gold2:#FFB800; --gold-glow:rgba(232,162,0,.35);
  --dark:#FFFFFF; --dark2:#F5F5F5; --dark3:#EEEEEE;
  --text:#1A1A1A; --text2:#555555; --muted:#999999;
  --accent:#2563EB;
  --radius:18px; --radius-sm:10px;
  --shadow:0 8px 40px rgba(0,0,0,.1);
  --shadow-gold:0 0 60px rgba(232,162,0,.15);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--dark);color:var(--text);font-family:'Inter',sans-serif;overflow-x:hidden;}

/* ─── CURSOR ─── */
.cur{width:8px;height:8px;background:var(--gold);border-radius:50%;position:fixed;pointer-events:none;z-index:9998;transition:transform .1s;}
.cur-r{width:34px;height:34px;border:1.5px solid var(--gold);border-radius:50%;position:fixed;pointer-events:none;z-index:9997;transition:all .2s ease;opacity:.3;}

/* ─── LOADER ─── */
#loader{
  position:fixed;inset:0;z-index:9999;
  background:linear-gradient(135deg,#FFFFFF 0%,#F9F9F9 50%,#F5F5F5 100%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  transition:opacity .8s ease, visibility .8s ease;
  box-shadow:inset 0 0 150px rgba(232,162,0,.12);
  overflow:hidden;perspective:1200px;
}
#loader::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(circle at 20% 50%,rgba(232,162,0,.1),transparent 50%),
             radial-gradient(circle at 80% 50%,rgba(232,162,0,.08),transparent 50%);
  pointer-events:none;
}
#loader.hide{opacity:0;visibility:hidden;pointer-events:none;}

/* Rotating background elements */
.loader-bg-spin{
  position:absolute;
  border:2px solid rgba(232,162,0,.15);
  border-radius:50%;
  pointer-events:none;
}
.loader-spin-1{
  width:300px;height:300px;
  top:50%;left:50%;transform:translate(-50%,-50%);
  animation:spin3D 8s linear infinite;
  box-shadow:0 0 30px rgba(232,162,0,.15),inset 0 0 30px rgba(232,162,0,.1);
}
.loader-spin-2{
  width:400px;height:400px;
  top:50%;left:50%;transform:translate(-50%,-50%);
  animation:spin3D 12s linear infinite reverse;
  border-color:rgba(232,162,0,.1);
  box-shadow:0 0 50px rgba(232,162,0,.08);
}
.loader-spin-3{
  width:500px;height:500px;
  top:50%;left:50%;transform:translate(-50%,-50%);
  animation:spin3D 16s linear infinite;
  border-color:rgba(232,162,0,.08);
  border-style:dashed;
}
@keyframes spin3D{
  0%{transform:translate(-50%,-50%) perspective(1000px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
  50%{transform:translate(-50%,-50%) perspective(1000px) rotateX(20deg) rotateY(180deg) rotateZ(0deg);}
  100%{transform:translate(-50%,-50%) perspective(1000px) rotateX(0deg) rotateY(360deg) rotateZ(360deg);}
}

.loader-content{
  position:relative;z-index:2;
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;
}
.loader-logo{
  font-family:'Bebas Neue',sans-serif;font-size:4.5rem;letter-spacing:8px;
  background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 25%,var(--gold) 65%,var(--gold2) 100%);
  background-clip: text;
  -webkit-background-clip: text;-webkit-text-fill-color:transparent;
  animation:shimmerSpin 3s linear infinite,float3D 4s ease-in-out infinite;background-size:200% auto;
  text-shadow:0 0 40px rgba(232,162,0,.25);
  font-weight:900;position:relative;z-index:1;letter-spacing:10px;
}
@keyframes shimmerSpin{to{background-position:200% center;}}
@keyframes shimmer{to{background-position:200% center;}}
.loader-sub{font-family:'Syne',sans-serif;font-size:.95rem;letter-spacing:3.5px;text-transform:uppercase;color:#333333;margin-top:1rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.08);animation:fadeInUp 1s ease-out .3s both;}
.loader-bar-wrap{width:280px;height:3px;background:linear-gradient(90deg,rgba(232,162,0,.1),rgba(232,162,0,.2),rgba(232,162,0,.1));border-radius:99px;margin-top:3.5rem;overflow:hidden;box-shadow:0 0 20px rgba(232,162,0,.15),inset 0 0 10px rgba(232,162,0,.1);perspective:1000px;}
.loader-bar{height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:99px;animation:loadBar 2.2s cubic-bezier(.23,1,.32,1) forwards;box-shadow:0 0 25px rgba(232,162,0,.5),inset 0 -2px 10px rgba(255,255,255,.4);}
@keyframes loadBar{to{width:100%;}}
.loader-car{
  margin-bottom:2rem;display:flex;align-items:center;justify-content:center;
  animation:car3D 3s ease-in-out infinite;
  position:relative;z-index:1;
  transform-style:preserve-3d;
  filter:drop-shadow(0 20px 50px rgba(0,0,0,.45));
}
.loader-car svg{width:320px;max-width:82vw;height:auto;display:block;transform-origin:center;animation:loaderFloat 3.6s ease-in-out infinite;}
@keyframes loaderFloat{0%{transform:translateY(0) rotateZ(0);}50%{transform:translateY(-14px) rotateZ(-1deg);}100%{transform:translateY(0) rotateZ(0);}}
/* loader 3D logo */
.loader-3d{width:220px;height:220px;margin-bottom:1.5rem;display:block;}
.logo-3d{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:logoSpin 6s linear infinite;}
.logo-front,.logo-back{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:2.2rem;font-weight:900;color:var(--dark);border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold2));box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 60px rgba(232,162,0,.12);}
.logo-front{transform:translateZ(28px);} 
.logo-back{transform:rotateY(180deg) translateZ(28px);} 
.logo-band{position:absolute;inset:10%;border-radius:50%;border:6px solid rgba(255,255,255,.06);}
@keyframes logoSpin{0%{transform:rotateY(0deg) rotateX(0deg);}50%{transform:rotateY(180deg) rotateX(10deg);}100%{transform:rotateY(360deg) rotateX(0deg);}}
@keyframes car3D{
  0%{transform:perspective(1200px) translateX(-60px) rotateY(-45deg) rotateX(0deg) scale(.8);opacity:.6;}
  25%{transform:perspective(1200px) translateX(-30px) rotateY(-25deg) rotateX(-10deg) scale(.9);}
  50%{transform:perspective(1200px) translateX(0px) rotateY(0deg) rotateX(0deg) scale(1);}
  75%{transform:perspective(1200px) translateX(30px) rotateY(25deg) rotateX(10deg) scale(.9);}
  100%{transform:perspective(1200px) translateX(60px) rotateY(45deg) rotateX(0deg) scale(.8);opacity:.6;}
}
@keyframes carRollPremium{0%{transform:translateX(-100px) rotateZ(-45deg) scale(.6);opacity:0;}30%{opacity:1;}70%{opacity:1;}100%{transform:translateX(100px) rotateZ(45deg) scale(.6);opacity:0;}}
.loader-pct{font-family:'Bebas Neue',sans-serif;font-size:1.2rem;color:var(--gold);margin-top:1.5rem;letter-spacing:3px;font-weight:900;text-shadow:0 0 15px rgba(232,162,0,.4);animation:countUp 2.2s ease-out forwards;position:relative;z-index:1;}
@keyframes countUp{0%{opacity:0;transform:translateY(-10px);}50%{opacity:1;}100%{opacity:1;transform:translateY(0);}}
.loader-dots{margin-top:1.2rem;display:flex;gap:.6rem;perspective:1000px;}
.loader-dot{
  width:10px;height:10px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  animation:dotBounce3D 1.4s ease-in-out infinite;
  box-shadow:0 0 12px rgba(232,162,0,.4);
  position:relative;
  transform-style:preserve-3d;
}
.loader-dot:nth-child(1){animation-delay:0s;}
.loader-dot:nth-child(2){animation-delay:.2s;}
.loader-dot:nth-child(3){animation-delay:.4s;}
@keyframes dotBounce3D{
  0%{transform:perspective(1000px) translateY(0) scale(1);opacity:.6;}
  50%{transform:perspective(1000px) translateY(-15px) rotateX(40deg) scale(1.3);opacity:1;}
  100%{transform:perspective(1000px) translateY(0) scale(1);opacity:.6;}
}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}

/* ─── PREMIUM 3D ANIMATIONS ─── */
@keyframes float3D{0%{transform:translateY(0px) rotateX(0deg) rotateY(-2deg);}50%{transform:translateY(-20px) rotateX(5deg) rotateY(2deg);}100%{transform:translateY(0px) rotateX(0deg) rotateY(-2deg);}}
@keyframes shimmerPremium{0%{background-position:-1000px 0;}100%{background-position:1000px 0;}}
@keyframes glowPulse{0%,100%{box-shadow:0 0 20px rgba(232,162,0,.3),inset 0 0 10px rgba(232,162,0,.1);}50%{box-shadow:0 0 40px rgba(232,162,0,.5),inset 0 0 20px rgba(232,162,0,.2);}}
@keyframes rotateGlow{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
@keyframes tiltFloat{0%{transform:perspective(1000px) rotateX(-10deg) rotateY(-10deg) translateZ(50px);}50%{transform:perspective(1000px) rotateX(10deg) rotateY(10deg) translateZ(100px);}100%{transform:perspective(1000px) rotateX(-10deg) rotateY(-10deg) translateZ(50px);}}
@keyframes depthScale{0%,100%{transform:scale(1) translateZ(0);}50%{transform:scale(1.05) translateZ(20px);}}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
@keyframes goldGlow{0%,100%{text-shadow:0 2px 8px rgba(232,162,0,.4),0 0 20px rgba(232,162,0,.2);}50%{text-shadow:0 2px 8px rgba(232,162,0,.5),0 0 40px rgba(232,162,0,.4);}}
@keyframes shine{0%{opacity:0;transform:translateX(-100%);} 50%{opacity:0.5;} 100%{opacity:0;transform:translateX(100%);}}
@keyframes scaleInBounce{0%{opacity:0;transform:scale(0.3);}70%{transform:scale(1.05);}100%{opacity:1;transform:scale(1);}}
@keyframes slideInRight{0%{opacity:0;transform:translateX(50px);}100%{opacity:1;transform:translateX(0);}}
@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px);}100%{opacity:1;transform:translateX(0);}}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
@keyframes goldGlow{0%,100%{text-shadow:0 2px 8px rgba(232,162,0,.4),0 0 20px rgba(232,162,0,.2);}50%{text-shadow:0 2px 8px rgba(232,162,0,.5),0 0 40px rgba(232,162,0,.4);}}
@keyframes shine{0%{opacity:0;transform:translateX(-100%);} 50%{opacity:0.5;} 100%{opacity:0;transform:translateX(100%);}}

/* ─── ANNOUNCEMENT BAR ─── */
.ann-bar{
  background:var(--gold);color:var(--dark);text-align:center;padding:.6rem 1rem;
  font-family:'Syne',sans-serif;font-size:.78rem;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;position:relative;z-index:500;
}
.ann-bar .code{background:var(--dark);color:var(--gold);padding:.1rem .5rem;border-radius:4px;margin:0 .4rem;}


/* ─── NAV ─── */
nav{
  position:fixed;top:12px;left:0;right:0;z-index:400;
  display:flex;align-items:center;justify-content:space-between;
  padding:0.9rem 2rem;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(245,245,245,.96));
  backdrop-filter:none;border-bottom:1px solid rgba(232,162,0,.28);
  box-shadow:0 6px 24px rgba(0,0,0,.08),0 0 18px rgba(232,162,0,.14);
  transition:all .25s cubic-bezier(.23,1,.32,1);
}
nav.scrolled{top:0;background:linear-gradient(135deg,rgba(255,255,255,.99),rgba(250,250,250,.98));box-shadow:0 8px 36px rgba(0,0,0,.09),0 0 24px rgba(232,162,0,.18);} 
nav.page-nav{top:0;background:linear-gradient(135deg,rgba(255,255,255,.99),rgba(250,250,250,.98));box-shadow:0 8px 36px rgba(0,0,0,.09),0 0 24px rgba(232,162,0,.18);} 
.logo-wrap{display:flex;align-items:center;gap:.6rem;text-decoration:none;}
.logo-icon{
  width:36px;height:36px;background:linear-gradient(135deg,var(--gold),var(--gold2));border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  font-family:'Bebas Neue',sans-serif;font-size:1rem;color:var(--dark);
  box-shadow:0 0 18px var(--gold-glow),inset -2px -2px 8px rgba(0,0,0,.08);
  transition:all .25s;transform:perspective(1000px) rotateZ(0deg);
}
.logo-icon:hover{transform:perspective(1000px) rotateY(6deg) rotateZ(-2deg);box-shadow:0 0 28px var(--gold-glow),inset -2px -2px 8px rgba(0,0,0,.08);}
.logo-text{font-family:'Bebas Neue',sans-serif;font-size:1.15rem;letter-spacing:2px;color:#1a1a1a;transition:all .25s;font-weight:900;}
.logo-text span{color:var(--gold);text-shadow:0 2px 8px rgba(232,162,0,.4),0 0 30px rgba(232,162,0,.35);animation:goldGlow 2s ease-in-out infinite;}
nav ul{list-style:none;display:flex;gap:1.6rem;}
nav ul a{color:var(--text2);text-decoration:none;font-size:.88rem;font-weight:500;letter-spacing:.4px;transition:all .25s;position:relative;}
nav ul a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gold);transition:width .3s;}
nav ul a:hover::after,nav ul a.active::after{width:100%;}
nav ul a:hover,nav ul a.active{color:var(--gold);}
.nav-book{
  background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--dark);
  padding:.55rem 1.1rem;border-radius:10px;
  font-family:'Syne',sans-serif;font-size:.82rem;font-weight:800;
  letter-spacing:1.6px;text-transform:uppercase;text-decoration:none;
  transition:all .25s cubic-bezier(.23,1,.32,1);
  box-shadow:0 6px 18px rgba(232,162,0,.22),0 0 16px rgba(232,162,0,.14);
  position:relative;overflow:hidden;
}
.nav-book::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.4),transparent);opacity:0;transition:opacity .3s;}
.nav-book::after{content:'';position:absolute;inset:0;border-radius:12px;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);opacity:0;animation:shine 3s infinite;}
.nav-book:hover{background:linear-gradient(135deg,var(--gold2),var(--gold));transform:perspective(1200px) translateY(-2px) scale(1.03);box-shadow:0 10px 28px rgba(232,162,0,.35),0 0 32px rgba(232,162,0,.28);} 
.nav-book:hover::before{opacity:1;}
@keyframes shine{0%{opacity:0;transform:translateX(-100%);} 50%{opacity:0.5;} 100%{opacity:0;transform:translateX(100%);}}
.btn-gold{
  background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--dark);
  padding:1rem 2.5rem;border-radius:14px;
  font-family:'Syne',sans-serif;font-size:.95rem;font-weight:800;
  letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;
  transition:all .3s cubic-bezier(.23,1,.32,1);
  box-shadow:0 8px 35px rgba(232,162,0,.35),0 0 30px rgba(232,162,0,.25);
  display:inline-flex;align-items:center;gap:.6rem;border:none;cursor:pointer;
  position:relative;overflow:hidden;
}
.btn-gold::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.4),transparent);opacity:0;transition:opacity .3s;}
.btn-gold:hover{background:linear-gradient(135deg,var(--gold2),var(--gold));transform:perspective(1200px) translateY(-4px) scale(1.1);box-shadow:0 15px 50px rgba(232,162,0,.45),0 0 40px rgba(232,162,0,.35);}
.btn-gold:hover::before{opacity:1;}
.btn-ghost{
  border:1.5px solid rgba(232,162,0,.3);color:#1a1a1a;
  padding:.9rem 2.2rem;border-radius:10px;
  font-family:'Syne',sans-serif;font-size:.9rem;font-weight:600;
  letter-spacing:1px;text-decoration:none;
  transition:all .3s;background:rgba(232,162,0,.02);
  backdrop-filter:blur(10px);display:inline-flex;align-items:center;gap:.5rem;
}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold);background:rgba(232,162,0,.06);}

/* ─── PILL NAV (PillNav-style) ─── */
.pill-nav .pill-nav-inner{position:relative;display:flex;align-items:center;gap:1rem;}
.pill-nav .pill-items{list-style:none;display:flex;gap:1rem;padding:0;margin:0;align-items:center;}
.pill-nav .pill-link{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .9rem;border-radius:999px;color:var(--text2);text-decoration:none;font-weight:700;font-size:.95rem;z-index:2;transition:color .25s;}
.pill-nav .pill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:40px;width:0;border-radius:999px;background:linear-gradient(135deg,var(--gold),var(--gold2));box-shadow:0 10px 30px rgba(232,162,0,.15);transition:transform .36s cubic-bezier(.22,1,.36,1),width .36s cubic-bezier(.22,1,.36,1),opacity .2s;z-index:1;pointer-events:none;opacity:0;}
.pill-nav .pill-link.active,.pill-nav .pill-link.on-pill{color:#fff;}
.pill-nav .pill-items{position:relative;z-index:2;}
@media(max-width:900px){nav{padding:0.5rem 1rem}.pill-nav .pill{height:34px}.pill-nav .pill-link{padding:.45rem .6rem;font-size:.88rem}}

/* ─── PAGE HERO (inner pages) ─── */
.page-hero{
  padding:10rem 2rem 5rem;text-align:center;
  background:linear-gradient(180deg,#FFFFFF 0%,#F5F5F5 50%,#EEEEEE 100%);
  border-bottom:1.5px solid rgba(232,162,0,.15);
  box-shadow:inset 0 0 60px rgba(232,162,0,.05);
  position:relative;overflow:hidden;
}
.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(232,162,0,.1),transparent 60%);pointer-events:none;z-index:0;}
.page-hero .s-label{justify-content:center;}
.page-hero .s-title{font-size:clamp(2.5rem,5vw,4rem);text-align:center;}

/* ─── SECTION COMMONS ─── */
.section{padding:7rem 2rem;position:relative;}
.section::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,rgba(232,162,0,.03) 0%,transparent 70%);pointer-events:none;z-index:0;}
.section-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1;}
.s-label{
  font-family:'Syne',sans-serif;font-size:.78rem;font-weight:700;
  letter-spacing:4px;text-transform:uppercase;color:var(--gold);
  display:flex;align-items:center;gap:.8rem;margin-bottom:.5rem;
  animation:fadeUp .8s ease-out;
}
.s-label::after{content:'';flex:1;max-width:60px;height:1px;background:linear-gradient(90deg,var(--gold),transparent);opacity:.8;}
.s-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.5rem,5.5vw,4rem);line-height:.9;letter-spacing:3px;margin:1rem 0;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 25%,var(--gold) 65%,var(--gold2) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:fadeUp 1s cubic-bezier(.23,1,.32,1) .1s both;filter:drop-shadow(0 4px 15px rgba(232,162,0,.3));font-weight:900;text-shadow:0 0 40px rgba(232,162,0,.2);}
.s-sub{font-size:1.1rem;color:#333333;line-height:1.95;max-width:620px;animation:fadeUp 1.1s ease-out .2s both;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.08);}

/* ─── REVEAL ANIMATIONS ─── */
.reveal,
.reveal-l,
.reveal-r {
  opacity: 1;
  transform: none;
}
/* ─── STATS ─── */
.stats{background:linear-gradient(135deg,var(--dark2) 0%,rgba(245,245,245,.8) 100%);border-top:2px solid rgba(232,162,0,.15);border-bottom:2px solid rgba(232,162,0,.15);box-shadow:inset 0 0 60px rgba(232,162,0,.05);position:relative;overflow:hidden;}
.stats::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(232,162,0,.08),transparent 50%),radial-gradient(circle at 80% 50%,rgba(232,162,0,.08),transparent 50%);pointer-events:none;}
.stats-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);text-align:center;position:relative;z-index:1;}
.stat-box{padding:4rem 1.5rem;border-right:2px solid rgba(232,162,0,.12);transition:all .4s cubic-bezier(.23,1,.32,1);transform:perspective(1200px) rotateX(0deg);position:relative;}
.stat-box::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(232,162,0,.08),transparent);opacity:0;transition:opacity .3s;}
.stat-box:hover{transform:perspective(1200px) rotateX(-8deg) translateY(-8px);border-right-color:var(--gold);}
.stat-box:hover::before{opacity:1;}
.stat-box:last-child{border:none;}
.stat-n{font-family:'Bebas Neue',sans-serif;font-size:clamp(3rem,8vw,4rem);color:var(--gold);letter-spacing:2px;display:block;transition:all .5s cubic-bezier(.23,1,.32,1);text-shadow:0 6px 20px rgba(232,162,0,.4),0 0 40px rgba(232,162,0,.25);font-weight:900;}
.stat-box:hover .stat-n{font-size:clamp(3.5rem,9vw,4.5rem);text-shadow:0 8px 30px rgba(232,162,0,.5),0 0 50px rgba(232,162,0,.35);}
.stat-l{font-size:.9rem;color:#333333;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-top:.5rem;transition:all .3s;}
.stat-box:hover .stat-l{color:var(--gold);}

/* ─── FLEET CARDS ─── */
.fleet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:3.5rem;}
.car-card{
  background:var(--dark2);border:2.5px solid rgba(232,162,0,.2);
  border-radius:var(--radius);overflow:hidden;
  transition:all .5s cubic-bezier(.23,1,.32,1);cursor:pointer;
  transform:perspective(1200px) rotateX(0deg) rotateY(0deg);
  box-shadow:0 10px 40px rgba(0,0,0,.1),0 0 20px rgba(232,162,0,.15);
  position:relative;
}
.car-card::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse at center,rgba(232,162,0,.1),transparent);
  opacity:0;
  transition:opacity .3s;
  z-index:1;
  pointer-events:none;
}
.car-card:hover{
  transform:perspective(1200px) rotateX(10deg) rotateY(-10deg) translateY(-20px) scale(1.04);
  box-shadow:0 50px 120px rgba(0,0,0,.2),0 0 60px rgba(232,162,0,.35),inset -10px -10px 40px rgba(232,162,0,.1);
  border-color:var(--gold);
}
.car-card:hover::before{
  opacity:1;
}
.car-card-img{position:relative;height:240px;overflow:hidden;background:linear-gradient(135deg,var(--dark3),#E0E0E0);display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.23,1,.32,1);}
.car-card-img::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.6),transparent);opacity:0;transition:opacity .3s;}
.car-card:hover .car-card-img{transform:perspective(1000px) rotateX(8deg) scale(1.08);filter:brightness(1.1);}
.car-card:hover .car-card-img::before{opacity:1;}
.car-card-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.car-emoji{font-size:5rem;filter:drop-shadow(0 10px 30px rgba(232,162,0,.3));transition:all .3s;animation:float3D 3s ease-in-out infinite;}
.car-card:hover .car-emoji{transform:scale(1.15);animation:none;}
.car-badge{position:absolute;top:1rem;right:1rem;background:var(--gold);color:var(--dark);font-family:'Syne',sans-serif;font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:.3rem .8rem;border-radius:99px;}
.car-badge.available{background:#00A651;color:#fff;}
.car-badge.ev{background:#2563EB;color:#fff;}
.car-card-body{padding:1.8rem;background:linear-gradient(180deg,#FFFFFF,rgba(245,245,245,.5));}
.car-name{font-family:'Syne',sans-serif;font-size:1.25rem;font-weight:900;color:#1a1a1a;transition:all .3s;letter-spacing:.5px;}
.car-card:hover .car-name{color:var(--gold);text-shadow:0 0 15px rgba(232,162,0,.2);}
.car-cat{font-size:.85rem;color:#333333;text-transform:uppercase;letter-spacing:2px;margin:.5rem 0 1.2rem;font-weight:600;}
.car-specs{display:flex;gap:1.2rem;flex-wrap:wrap;padding:1.2rem 0;border-top:2px solid rgba(232,162,0,.15);margin-top:.8rem;}
.spec{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#333333;font-weight:500;}
.spec-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:rgba(232,162,0,.15);border-radius:4px;color:var(--gold);font-weight:bold;}
.car-price-row{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;}
.car-price{font-family:'Bebas Neue',sans-serif;font-size:2rem;background:linear-gradient(135deg,var(--gold),var(--gold2));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px;text-shadow:0 0 20px rgba(232,162,0,.3);font-weight:900;}
.car-price span{font-family:'DM Sans',sans-serif;font-size:.85rem;color:#333333;font-weight:600;}
.car-book-btn{
  background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--dark);padding:.75rem 1.5rem;border-radius:8px;
  font-family:'Syne',sans-serif;font-size:.8rem;font-weight:800;letter-spacing:1.2px;text-decoration:none;text-transform:uppercase;
  transition:all .4s cubic-bezier(.23,1,.32,1);box-shadow:0 6px 25px rgba(232,162,0,.35),0 0 20px rgba(232,162,0,.2);
  display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:2px solid transparent;
}
.car-book-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.4));opacity:0;transition:opacity .4s;}
.car-book-btn:hover{background:linear-gradient(135deg,var(--gold2),var(--gold));transform:perspective(1000px) translateY(-4px) scale(1.08);box-shadow:0 15px 40px rgba(232,162,0,.45),0 0 40px rgba(232,162,0,.3);filter:brightness(1.1);}
.car-book-btn:hover::before{opacity:1;}

/* ─── HOW IT WORKS ─── */
.how-section{background:linear-gradient(135deg,var(--dark2) 0%,rgba(245,245,245,.6) 100%);}
.how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.8rem;margin-top:4rem;position:relative;}
.how-steps::before{content:'';position:absolute;top:3.8rem;left:5%;right:5%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),var(--gold2),transparent);opacity:.7;box-shadow:0 0 20px rgba(232,162,0,.4);}
.how-step{text-align:center;padding:3rem 2rem;background:linear-gradient(180deg,#FFFFFF,rgba(245,245,245,.9));border:2px solid rgba(232,162,0,.2);border-radius:var(--radius);position:relative;opacity:0;transform:translateY(30px);transition:all .7s cubic-bezier(.23,1,.32,1);box-shadow:0 10px 40px rgba(0,0,0,.08);}
.how-step.vis{opacity:1;transform:none;}
.how-step:hover{
  border-color:var(--gold);
  box-shadow:0 30px 80px rgba(232,162,0,.2),0 0 60px rgba(232,162,0,.3),inset 0 0 40px rgba(232,162,0,.08);
  transform:perspective(1200px) rotateX(-12deg) rotateY(0deg) translateY(-12px);
  background:linear-gradient(180deg,#FFFFFF,rgba(232,162,0,.04));
}
.step-num{width:70px;height:70px;border-radius:50%;border:3px solid var(--gold);background:linear-gradient(135deg,rgba(232,162,0,.2),rgba(232,162,0,.08));display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:1.8rem;color:var(--gold);margin:0 auto 1.8rem;box-shadow:0 0 30px rgba(232,162,0,.4),inset -3px -3px 10px rgba(232,162,0,.15),0 0 0 8px rgba(232,162,0,.05);transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;font-weight:900;}
.step-num::before{content:'';position:absolute;inset:-6px;border:2px solid rgba(232,162,0,.4);border-radius:50%;animation:rotateSpin 8s linear infinite;}
@keyframes rotateSpin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.how-step:hover .step-num{box-shadow:0 0 50px rgba(232,162,0,.6),inset -3px -3px 10px rgba(232,162,0,.25),0 0 0 12px rgba(232,162,0,.1);border-color:var(--gold2);transform:scale(1.15);filter:brightness(1.2);}
.step-title{font-family:'Syne',sans-serif;font-size:1rem;font-weight:800;margin-bottom:.8rem;color:#1a1a1a;letter-spacing:.5px;}
.step-desc{font-size:.9rem;color:#333333;line-height:1.8;font-weight:500;}

/* ─── AREAS ─── */
.areas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:3rem;perspective:1000px;}
.area-card{
  background:var(--dark2);border:1px solid rgba(232,162,0,.1);border-radius:var(--radius-sm);padding:1.5rem;text-align:center;
  transition:all .4s cubic-bezier(.23,1,.32,1);
  transform:perspective(1000px) rotateX(0deg) rotateY(0deg);
  position:relative;
}
.area-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(232,162,0,.1),transparent);opacity:0;transition:opacity .3s;border-radius:var(--radius-sm);}
.area-card:hover{
  transform:perspective(1000px) rotateX(-10deg) rotateY(0deg) translateY(-8px);
  border-color:var(--gold);
  box-shadow:0 20px 50px rgba(0,0,0,.1),0 0 20px rgba(232,162,0,.15),inset -3px -3px 15px rgba(232,162,0,.05);
}
.area-card:hover::before{opacity:1;}
.area-icon{font-size:1.8rem;display:block;margin-bottom:.7rem;transition:all .3s;animation:float3D 3s ease-in-out infinite;}
.area-card:hover .area-icon{transform:scale(1.2) rotateY(360deg);animation:none;}
.area-name{font-family:'Syne',sans-serif;font-size:1rem;font-weight:700;color:#1a1a1a;transition:all .3s;}
.area-card:hover .area-name{color:var(--gold);text-shadow:0 0 10px rgba(232,162,0,.3);}
.area-sub{font-size:.78rem;color:var(--muted);margin-top:.3rem;transition:all .3s;}
.area-card:hover .area-sub{color:var(--text2);}

/* ─── BOOKING STRIP ─── */
.book-strip{background:var(--dark2);border-top:1px solid rgba(232,162,0,.15);border-bottom:1px solid rgba(232,162,0,.15);padding:2.5rem 4rem;}
.book-strip-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:1rem;align-items:end;}
.book-field label{display:block;font-family:'Syne',sans-serif;font-size:.75rem;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:#333333;margin-bottom:.8rem;text-shadow:0 0 5px rgba(232,162,0,.1);} 
.book-field select{width:100%;background:#FFFFFF;border:2px solid rgba(232,162,0,.25);color:#1a1a1a;padding:1.2rem 1.4rem;border-radius:10px;font-family:'DM Sans',sans-serif;font-size:.95rem;outline:none;transition:all .4s cubic-bezier(.23,1,.32,1);box-shadow:0 4px 15px rgba(0,0,0,.05);} 
.book-field select:focus{border-color:var(--gold);box-shadow:0 0 30px rgba(232,162,0,.2),inset 0 0 10px rgba(232,162,0,.05);background:#FFFAED;} 
.book-field input,.book-field select{width:100%;background:#FFFFFF;border:1.5px solid rgba(232,162,0,.2);color:#1a1a1a;padding:.9rem 1.2rem;border-radius:10px;font-family:'DM Sans',sans-serif;font-size:1rem;outline:none;transition:border .2s;}
.book-field input:focus,.book-field select:focus{border-color:var(--gold);}
.book-field select option{background:#FFFFFF;color:#1a1a1a;}

/* ─── REVIEWS ─── */
.reviews-section{background:linear-gradient(135deg,var(--dark2) 0%,rgba(245,245,245,.6) 100%);}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3.5rem;}
.review-card{background:linear-gradient(180deg,#FFFFFF,rgba(245,245,245,.8));border:2px solid rgba(232,162,0,.2);border-radius:var(--radius);padding:2.5rem;transition:all .5s cubic-bezier(.23,1,.32,1);transform:perspective(1200px) rotateX(0deg);box-shadow:0 8px 30px rgba(0,0,0,.06);}
.review-card:hover{
  border-color:var(--gold);
  transform:perspective(1200px) rotateX(12deg) rotateY(5deg) translateY(-12px);
  box-shadow:0 40px 100px rgba(0,0,0,.15),0 0 40px rgba(232,162,0,.3),inset -5px -5px 20px rgba(232,162,0,.08);
  background:linear-gradient(180deg,#FFFFFF,rgba(232,162,0,.03));
}
.review-stars{color:var(--gold);font-size:1.1rem;letter-spacing:3px;margin-bottom:1.3rem;font-weight:900;text-shadow:0 0 10px rgba(232,162,0,.3);}
.review-text{font-size:1rem;color:#333333;line-height:1.85;margin-bottom:1.8rem;font-weight:500;}
.review-author{display:flex;align-items:center;gap:1rem;padding-top:1.5rem;border-top:2px solid rgba(232,162,0,.1);}
.review-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold2));display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:800;color:var(--dark);font-size:1.3rem;box-shadow:0 0 20px rgba(232,162,0,.4);}
.review-name{font-family:'Syne',sans-serif;font-weight:800;font-size:1rem;color:#1a1a1a;letter-spacing:.3px;}
.review-city{font-size:.9rem;color:#666666;font-weight:500;}

/* ─── FAQ ─── */
.faq-inner{max-width:800px;margin:0 auto;}
.faq-list{margin-top:3.5rem;}
.faq-item{border-bottom:2px solid rgba(232,162,0,.15);transition:all .3s;}
.faq-q{width:100%;background:none;border:none;outline:none;display:flex;align-items:center;justify-content:space-between;padding:1.8rem 0;font-family:'Syne',sans-serif;font-size:1.05rem;font-weight:700;color:#1a1a1a;cursor:pointer;text-align:left;transition:all .3s cubic-bezier(.23,1,.32,1);}
.faq-q:hover{color:var(--gold);text-shadow:0 0 10px rgba(232,162,0,.2);transform:translateX(4px);}
.faq-arrow{width:36px;height:36px;border:2px solid rgba(232,162,0,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;transition:all .4s cubic-bezier(.23,1,.32,1);background:rgba(232,162,0,.05);}
.faq-item.open .faq-arrow{border-color:var(--gold);color:var(--gold);background:rgba(232,162,0,.1);transform:rotate(45deg);box-shadow:0 0 20px rgba(232,162,0,.3);}
.faq-a{max-height:0;overflow:hidden;font-size:1rem;color:#333333;line-height:1.9;transition:max-height .5s cubic-bezier(.23,1,.32,1),padding .5s ease;font-weight:500;} 
.faq-item.open .faq-a{max-height:250px;padding-bottom:1.5rem;}

/* ─── FINAL CTA ─── */
#final-cta{padding:9rem 2rem;text-align:center;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(232,162,0,.08) 0%,rgba(232,162,0,.04) 50%,rgba(232,162,0,.06) 100%);}
#final-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(232,162,0,.1),transparent 40%),radial-gradient(circle at 80% 50%,rgba(232,162,0,.1),transparent 40%);pointer-events:none;}
#final-cta::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(232,162,0,.05) 50%,transparent 100%);pointer-events:none;}
.countdown-wrap{display:flex;gap:1.5rem;justify-content:center;align-items:center;margin:2rem 0;flex-wrap:wrap;perspective:1200px;}
.cd-box{
  background:linear-gradient(180deg,#FFFFFF 0%,rgba(245,245,245,.95) 100%);
  border:2px solid rgba(232,162,0,.3);border-radius:14px;padding:1.2rem 2rem;min-width:100px;text-align:center;
  transition:all .4s cubic-bezier(.23,1,.32,1);
  transform:perspective(1200px) rotateX(0deg) rotateY(0deg);
  box-shadow:0 8px 30px rgba(0,0,0,.1),0 0 20px rgba(232,162,0,.15),inset 0 1px 5px rgba(232,162,0,.08);
}
.cd-box:hover{transform:perspective(1200px) rotateX(-8deg) rotateY(8deg) translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,.18),0 0 40px rgba(232,162,0,.25),inset -2px -2px 15px rgba(232,162,0,.12);border-color:var(--gold);}
.cd-num{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--gold);display:block;line-height:.9;text-shadow:0 0 15px rgba(232,162,0,.4);font-weight:900;}
.cd-lbl{font-size:.75rem;color:#333333;text-transform:uppercase;letter-spacing:2.5px;margin-top:.5rem;font-weight:700;}
.cd-sep{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--gold);opacity:.6;text-shadow:0 0 15px rgba(232,162,0,.3);animation:float3D 2s ease-in-out infinite;}
.hero-btns{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;margin-top:3rem;position:relative;z-index:2;}

/* ─── CONTACT FORM ─── */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3.5rem;}
.form-group{margin-bottom:2rem;}
.form-group label{display:block;font-family:'Syne',sans-serif;font-size:.75rem;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:#333333;margin-bottom:.8rem;text-shadow:0 0 5px rgba(232,162,0,.1);}
.form-group input,.form-group textarea,.form-group select{width:100%;background:#FFFFFF;border:2px solid rgba(232,162,0,.25);color:#1a1a1a;padding:1.2rem 1.4rem;border-radius:10px;font-family:'DM Sans',sans-serif;font-size:.95rem;outline:none;transition:all .4s cubic-bezier(.23,1,.32,1);resize:vertical;box-shadow:0 4px 15px rgba(0,0,0,.05);}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--gold);box-shadow:0 0 30px rgba(232,162,0,.2),inset 0 0 10px rgba(232,162,0,.05);background:#FFFAED;}
.contact-info-box{
  background:var(--dark2);border:1.5px solid rgba(232,162,0,.15);border-radius:var(--radius);padding:2.5rem;
  transition:all .4s cubic-bezier(.23,1,.32,1);
  transform:perspective(1000px) rotateX(0deg) rotateY(0deg);
}
.contact-info-box:hover{transform:perspective(1000px) rotateX(-5deg) rotateY(0deg) translateY(-8px);border-color:rgba(232,162,0,.3);box-shadow:0 20px 50px rgba(0,0,0,.1),0 0 20px rgba(232,162,0,.15);}
.contact-info-item{display:flex;gap:1rem;align-items:flex-start;margin-bottom:2rem;}
.contact-info-icon{width:48px;height:48px;background:rgba(232,162,0,.1);border:1px solid rgba(232,162,0,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;}
.contact-info-label{font-family:'Syne',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:.3rem;}
.contact-info-val{font-size:1rem;color:var(--text2);}

/* ─── ABOUT PAGE ─── */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-top:3rem;}
.about-img-box{
  background:var(--dark2);border:1.5px solid rgba(232,162,0,.15);border-radius:var(--radius);height:400px;
  display:flex;align-items:center;justify-content:center;font-size:8rem;
  transition:all .4s cubic-bezier(.23,1,.32,1);
  transform:perspective(1000px) rotateX(0deg);
}
.about-img-box:hover{transform:perspective(1000px) rotateX(5deg) rotateY(-5deg);border-color:rgba(232,162,0,.3);box-shadow:0 30px 70px rgba(0,0,0,.12),0 0 30px rgba(232,162,0,.15);}
.about-values{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2rem;}
.value-card{
  background:linear-gradient(135deg,var(--dark3),rgba(245,245,245,.5));border:1.5px solid rgba(232,162,0,.12);
  border-radius:var(--radius-sm);padding:1.5rem;
  transition:all .4s cubic-bezier(.23,1,.32,1);
  transform:perspective(1000px) rotateX(0deg) rotateY(0deg);
}
.value-card:hover{
  transform:perspective(1000px) rotateX(-8deg) rotateY(0deg) translateY(-6px);
  border-color:rgba(232,162,0,.25);
  box-shadow:0 15px 40px rgba(0,0,0,.08),0 0 20px rgba(232,162,0,.12),inset -2px -2px 10px rgba(232,162,0,.05);
}
.value-icon{font-size:1.8rem;margin-bottom:.8rem;display:block;transition:all .3s;animation:float3D 3s ease-in-out infinite;}
.value-card:hover .value-icon{transform:scale(1.2);animation:none;}
.value-title{font-family:'Syne',sans-serif;font-size:1rem;font-weight:700;margin-bottom:.4rem;}
.value-desc{font-size:.88rem;color:var(--text2);line-height:1.6;}

/* ─── FOOTER ─── */
footer{background:linear-gradient(135deg,#1A1A1A 0%,#0F0F0F 100%);border-top:2px solid rgba(232,162,0,.2);padding:5rem 4rem 2rem;position:relative;}
footer::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(232,162,0,.08),transparent 50%);pointer-events:none;}
.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;position:relative;z-index:1;}
.footer-brand p{font-size:1rem;color:#CCCCCC;line-height:1.9;margin:1rem 0 1.5rem;max-width:300px;font-weight:500;}
.footer-socials{display:flex;gap:.7rem;}
.soc-btn{width:40px;height:40px;border-radius:10px;background:var(--dark3);border:1px solid rgba(232,162,0,.1);display:flex;align-items:center;justify-content:center;font-size:1rem;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;color:var(--text);} 
.soc-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(232,162,0,.2),transparent);opacity:0;transition:opacity .3s;}
.soc-btn:hover{background:linear-gradient(135deg,var(--dark3),rgba(232,162,0,.1));border-color:var(--gold);transform:perspective(1000px) rotateY(15deg) scale(1.1);box-shadow:0 0 20px rgba(232,162,0,.3);}
.soc-btn:hover::before{opacity:1;}
.footer-col h4{font-family:'Syne',sans-serif;font-size:.8rem;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:1.3rem;text-shadow:0 0 10px rgba(232,162,0,.3);}
.footer-col ul{list-style:none;}
.footer-col ul li{margin-bottom:.9rem;}
.footer-col ul a{color:#BBBBBB;text-decoration:none;font-size:1rem;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;font-weight:500;}
.footer-col ul a::before{content:'';position:absolute;bottom:-3px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold2));transition:width .4s cubic-bezier(.23,1,.32,1);}
.footer-col ul a:hover{color:var(--gold);text-shadow:0 0 15px rgba(232,162,0,.4);transform:translateX(4px);}
.footer-col ul a:hover::before{width:100%;box-shadow:0 0 10px rgba(232,162,0,.4);}
.footer-bottom{max-width:1200px;margin:3rem auto 0;padding-top:2rem;border-top:2px solid rgba(232,162,0,.15);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}
.footer-bottom p{font-size:.9rem;color:#999999;font-weight:500;}

/* ─── PARTICLES ─── */
#parts{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.p{position:absolute;bottom:-10px;border-radius:50%;background:var(--gold);opacity:0;animation:pFloat linear infinite;}
@keyframes pFloat{0%{opacity:0;bottom:0;transform:translateX(0);}20%{opacity:.6;}80%{opacity:.3;}100%{opacity:0;bottom:100%;transform:translateX(var(--d));}}

/* ─── RESPONSIVE ─── */
@media(max-width:900px){
  nav{padding:.8rem 1.5rem;}
  nav ul{display:none;}
  .book-strip-inner{grid-template-columns:1fr 1fr;}
  .stats-inner{grid-template-columns:1fr 1fr;}
  .stat-box{border-right:none;border-bottom:1px solid rgba(232,162,0,.1);}
  .how-steps{grid-template-columns:1fr 1fr;}
  .how-steps::before{display:none;}
  .reviews-grid{grid-template-columns:1fr;}
  .contact-grid,.about-grid{grid-template-columns:1fr;}
  footer{padding:3rem 1.5rem 2rem;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .book-strip-inner{grid-template-columns:1fr;}
  .book-strip{padding:2rem 1.5rem;}
  .stats-inner{grid-template-columns:1fr 1fr;}
  .how-steps,.fleet-grid,.footer-grid,.about-values{grid-template-columns:1fr;}
}

html {
  font-size: 16px;
}

body {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  line-height: 1.7;
  color: #2f2f2f;
}

h1, h2, h3, h4, h5, h6,
.hero-h1,
.s-title,
.logo-text,
.nav-book,
button {
  font-family: 'Poppins', sans-serif;
}

.hero-h1 {
  font-size: clamp(3.6rem, 7vw, 5.8rem);
  line-height: 0.95;
  letter-spacing: 1px;
}

.s-title {
  font-size: clamp(2.2rem, 4vw, 3.6rem);
  line-height: 1.1;
  letter-spacing: 0.5px;
}

.hero-sub,
.s-sub,
.review-text,
.step-desc,
.value-desc,
.footer-brand p,
.footer-col a,
input,
select,
textarea,
label {
  font-size: 1.02rem;
}

nav ul li a {
  font-size: 0.98rem;
  font-weight: 500;
}

.btn-gold,
.btn-ghost,
.car-book-btn,
.nav-book {
  font-size: 0.95rem;
  font-weight: 600;
}
.car-name {
  font-size: 1.6rem;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
}

.car-cat {
  font-size: 0.88rem;
  letter-spacing: 1.5px;
}

.spec {
  font-size: 0.82rem;
}

.car-price {
  font-size: 1.9rem;
  font-weight: 700;
}

.car-price span {
  font-size: 0.95rem;
}
label {
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 1.5px;
}

input,
select,
textarea {
  font-size: 1rem;
  padding: 1rem 1.1rem;
  border-radius: 12px;
}

textarea {
  min-height: 120px;
}

.booking-summary,
.summary-card {
  font-size: 0.98rem;
}
.contact-form label,
.contact-card,
.faq-q {
  font-size: 1rem;
}

.contact-card strong,
.reach-title {
  font-size: 1.02rem;
}

.faq-q {
  font-weight: 600;
  padding: 1.1rem 0;
}

.faq-a {
  font-size: 0.98rem;
  line-height: 1.7;
}
footer {
  font-family: 'Inter', sans-serif;
}

.footer-col h4,
.footer-brand .logo-text {
  font-family: 'Poppins', sans-serif;
}

.footer-col a,
.footer-brand p,
.footer-bottom p {
  font-size: 0.96rem;
  line-height: 1.8;
}

.booking-wrap,
.booking-grid,
.booking-card,
.booking-form,
.summary-card {
  border-radius: 20px;
}

.booking-form,
.summary-card {
  background: #ffffff;
  border: 1px solid rgba(232,162,0,0.16);
  box-shadow: 0 18px 40px rgba(0,0,0,0.05);
}

.booking-form {
  padding: 2rem;
}

.summary-card {
  padding: 2rem;
}

.booking-form label,
.summary-card label {
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: 1.6px;
}

.booking-form input,
.booking-form select,
.booking-form textarea {
  height: 58px;
  border-radius: 14px;
  font-size: 1rem;
  background: #fff;
}

.booking-form textarea {
  min-height: 130px;
  height: auto;
  padding-top: 1rem;
}

.summary-card h3,
.summary-card h2 {
  font-size: 2rem;
  font-weight: 700;
  color: #d99a00;
}

.summary-card .sum-row,
.summary-card p,
.summary-card span {
  font-size: 1rem;
  line-height: 1.7;
}

.whatsapp-btn,
.quick-whatsapp-btn,
.booking-form .btn-green,
.summary-card .btn-green {
  background: linear-gradient(135deg, #e8a200, #f5bf2d);
  color: #111;
  border: none;
  font-weight: 700;
  border-radius: 14px;
  height: 58px;
  box-shadow: 0 12px 25px rgba(232,162,0,0.22);
}

.whatsapp-btn:hover,
.quick-whatsapp-btn:hover,
.booking-form .btn-green:hover,
.summary-card .btn-green:hover {
  transform: translateY(-2px);
}

.booking-note,
.info-note {
  background: #fffaf0;
  border: 1px solid rgba(232,162,0,0.2);
  border-radius: 14px;
  padding: 1rem 1.1rem;
  line-height: 1.8;
}

@media (max-width: 900px) {
  .booking-form,
  .summary-card {
    padding: 1.4rem;
  }
}

footer {
  background: linear-gradient(90deg, #0b0b0b 0%, #111111 40%, #16110a 70%, #0b0b0b 100%);
  padding: 55px 50px 22px;
  color: #f5f5f5;
}

.footer-grid {
  max-width: 1300px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.3fr .95fr .95fr .95fr .95fr;
  gap: 28px;
  align-items: start;
}

.footer-brand,
.footer-col {
  min-width: 0;
}

.footer-brand p {
  margin: 18px 0 20px;
  max-width: 260px;
  line-height: 1.8;
  font-size: 16px;
  color: rgba(255,255,255,0.82);
}

.footer-col h4 {
  margin: 0 0 18px;
  font-size: 15px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #e8a200;
}

.footer-col h4:not(:first-child) {
  margin-top: 22px;
}

.footer-col ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-col ul li {
  margin-bottom: 14px;
}

.footer-col ul li a {
  text-decoration: none;
  color: rgba(255,255,255,0.82);
  font-size: 16px;
  transition: 0.25s ease;
}

.footer-col ul li a:hover {
  color: #e8a200;
}

.footer-socials {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.soc-btn {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #f3f3f3;
  text-decoration: none;
}

.logo-wrap {
  display: flex;
  align-items: center;
  padding: 4px 0;
}

.logo-img {
  height: 64px;
  width: auto;
  object-fit: contain;
  transform: scale(1.2);
  filter: drop-shadow(0 0 10px rgba(232,162,0,0.4));
}

.footer-bottom {
  max-width: 1300px;
  margin: 30px auto 0;
  padding-top: 20px;
  border-top: 1px solid rgba(232,162,0,0.25);
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.footer-bottom p {
  margin: 0;
  font-size: 15px;
  color: rgba(255,255,255,0.72);
}

@media (max-width: 700px) {
  footer {
    padding: 55px 24px 22px;
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
}

@media (max-width: 600px) {
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .footer-bottom {
    flex-direction: column;
  }
}

/* ─── LEGAL MODAL ─── */
.legal-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:2rem;z-index:10050;background:rgba(10,10,10,0.55);}
.legal-modal.open{display:flex;}
.legal-modal-panel{position:relative;width:100%;max-width:900px;background:#fff;border-radius:12px;padding:2rem 2.5rem;box-shadow:0 30px 80px rgba(0,0,0,.6);color:var(--text);}
.legal-close{position:absolute;right:1rem;top:1rem;border:none;background:transparent;font-size:1.6rem;cursor:pointer;color:var(--text2);}
#legal-modal-title{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;color:var(--gold);margin:0 0 0.6rem;}
.legal-modal-content{max-height:60vh;overflow:auto;color:var(--text2);line-height:1.8;padding-right:0.5rem}
.legal-modal-content h4{margin-top:0;color:#111;font-size:1.05rem}
.legal-modal-content p, .legal-modal-content ul{margin:0.6rem 0}
.legal-modal-content a{color:var(--gold);text-decoration:underline}
@media(max-width:700px){.legal-modal-panel{padding:1.4rem 1.2rem;margin:1rem;height:auto;max-height:80vh}.legal-modal-content{max-height:64vh}}

/* 🔥 FOOTER LOGO SIZE FIX ONLY */
.footer-brand .logo-img {
  height: 58px;
  width: auto;
  object-fit: contain;
}
* {
  box-sizing: border-box;
}

html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

img, video {
  max-width: 100%;
  height: auto;
}

section {
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}

.navbar,
.hero,
.fleet-grid,
.steps-grid,
.testimonials-grid,
.booking-box,
.footer {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
}

.fleet-grid,
.steps-grid,
.testimonials-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 900px) {
  .hero {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .fleet-grid,
  .steps-grid,
  .testimonials-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .navbar {
    flex-wrap: wrap;
    gap: 12px;
  }

  .navbar ul {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
  }

  h1 {
    font-size: 42px !important;
    line-height: 1.05;
  }

  h2 {
    font-size: 30px !important;
  }

  .fleet-grid,
  .steps-grid,
  .testimonials-grid {
    grid-template-columns: 1fr;
  }

  .booking-box,
  form {
    width: 100%;
  }

  input,
  select,
  button {
    width: 100%;
    max-width: 100%;
  }
}


/* ===== MOBILE FIX ===== */

@media (max-width: 768px) {

  nav {
    padding: 10px 12px !important;
  }

  .logo-wrap {
    display: none;
  }

  .pill-nav-inner {
    width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .pill-nav-inner::-webkit-scrollbar {
    display: none;
  }

  .pill-items {
    display: flex;
    gap: 6px;
    flex-wrap: nowrap;
    min-width: max-content;
  }

  .pill-link {
    font-size: 13px;
    padding: 8px 10px;
    white-space: nowrap;
  }

  .nav-book {
    display: none;
  }

  .hero,
  .page-hero {
    padding-top: 140px;
    text-align: center;
  }

  .hero-h1,
  .s-title {
    font-size: clamp(2.5rem, 12vw, 3.8rem);
    line-height: 1;
  }

  .hero {
    grid-template-columns: 1fr !important;
  }

  .hero-btns {
    flex-direction: column;
    align-items: center;
  }

  .hero-btns a {
    width: 90%;
  }
}

/* ===== FINAL NAV FIX ===== */
@media (max-width: 768px) {

  .pill-nav {
    padding: 8px 6px !important;
  }

  .pill-items {
    gap: 4px;
  }

  .pill-link {
    font-size: 12px;
    padding: 6px 8px;
  }

}

@media (max-width: 768px) {
  nav {
    min-height: 58px !important;
  }

  .pill-link {
    font-size: 11.5px !important;
    padding: 6px 7px !important;
  }

  .hero,
  .page-hero {
    padding-top: 120px !important;
  }

  .s-label {
    font-size: 11px !important;
    letter-spacing: 6px !important;
  }
}