:root{--ink:#081d2f;--ink2:#0d2b45;--gold:#c59a43;--gold2:#e0b95f;--sand:#f4f1e9;--cream:#fbfaf7;--line:#d9d5cb;--white:#fff;--muted:#657382}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Kufi Arabic","Noto Sans Arabic",Tahoma,Arial,sans-serif;line-height:1.8}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button{font:inherit}
.topbar{position:absolute;top:0;right:0;left:0;z-index:30;color:#fff}.topbar-inner{max-width:1240px;height:92px;margin:auto;padding:0 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px}.brand{width:188px;height:66px;display:flex;align-items:center}.brand img{width:100%;height:60px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 3px 8px rgba(0,0,0,.2))}.main-nav{display:flex;justify-content:center;gap:34px;font-size:13px;font-weight:700}.main-nav a{opacity:.74;transition:.2s}.main-nav a:hover,.main-nav a.active{opacity:1}.top-cta{border:1px solid rgba(255,255,255,.32);border-radius:999px;padding:10px 22px;font-size:12px;font-weight:800;background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}.menu-toggle,.mobile-nav{display:none}
.hero{min-height:890px;background:radial-gradient(circle at 22% 10%,#174a72 0,#0d2b45 27%,#071a2a 72%);color:#fff;position:relative;overflow:hidden;padding:142px 0 0}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 45%,rgba(255,255,255,.035) 45% 46%,transparent 46% 100%);background-size:72px 72px;opacity:.28}.hero-noise{position:absolute;width:580px;height:580px;border:1px solid rgba(255,255,255,.08);border-radius:50%;left:-180px;top:80px;box-shadow:0 0 0 90px rgba(255,255,255,.018),0 0 0 180px rgba(255,255,255,.012)}.hero-copy{position:relative;z-index:3;width:min(1180px,calc(100% - 56px));margin:auto}.hero-kicker{display:flex;align-items:center;gap:12px;color:#d6e1e9;font-size:13px;font-weight:700;margin-bottom:17px}.hero-kicker span{width:42px;height:2px;background:var(--gold2)}.hero h1{font-size:68px;line-height:1.2;letter-spacing:-2px;margin:0;max-width:700px;font-weight:500}.hero h1 strong{font-weight:900;color:var(--gold2)}.hero-copy>p{max-width:610px;color:#d2dde5;font-size:16px;line-height:2;margin:25px 0 30px}.hero-actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:10px;font-size:13px;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#10263a}.btn-ghost{border:1px solid rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.04)}.hero-scene{position:absolute;left:2%;bottom:100px;width:58%;z-index:2}.scene-frame{position:relative;border:1px solid rgba(255,255,255,.1);border-radius:34px 34px 8px 34px;padding:11px;background:rgba(255,255,255,.07);backdrop-filter:blur(12px);box-shadow:0 40px 80px rgba(0,0,0,.35);transform:perspective(900px) rotateY(5deg) rotateX(1deg)}.scene-frame img{width:100%;border-radius:24px;aspect-ratio:16/10;object-fit:cover}.floating-badge{position:absolute;right:-30px;bottom:55px;background:#fff;color:var(--ink);padding:18px 22px;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.25);min-width:180px}.floating-badge b,.floating-badge span{display:block}.floating-badge b{font-size:15px}.floating-badge span{font-size:10px;color:#6e7b87}.hero-bottom{position:absolute;bottom:0;right:0;left:0;z-index:4;background:rgba(4,18,29,.76);border-top:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);display:grid;grid-template-columns:repeat(4,1fr);padding:0 calc((100% - 1180px)/2);min-height:95px}.hero-bottom>div{padding:18px 28px;border-left:1px solid rgba(255,255,255,.09);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:13px;align-content:center}.hero-bottom span{grid-row:1/3;color:var(--gold2);font-weight:900;font-size:18px}.hero-bottom b{font-size:14px}.hero-bottom small{color:#9fb0bd;font-size:10px}
.fleet{max-width:1240px;margin:auto;padding:110px 28px 120px;display:grid;grid-template-columns:310px 1fr;gap:70px;align-items:start}.side-title{position:sticky;top:30px}.section-intro>span,.eyebrow{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.4px}.section-intro h2,.about h2,.portfolio h2,.cta-band h2{font-size:48px;line-height:1.35;margin:10px 0 18px;letter-spacing:-1px}.section-intro p,.portfolio-head p{color:var(--muted);font-size:13px}.fleet-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.fleet-card{position:relative;background:#fff;border:1px solid #e5e1d9;border-radius:24px;overflow:hidden;min-height:430px;box-shadow:0 18px 50px rgba(12,31,47,.06)}.fleet-card.featured{grid-column:1/3;display:grid;grid-template-columns:1.15fr .85fr;min-height:390px}.card-index{position:absolute;top:18px;left:18px;z-index:2;background:var(--ink);color:#fff;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;font-weight:900}.fleet-media{background:linear-gradient(135deg,#eef2f4,#dce4e9);min-height:245px;overflow:hidden}.fleet-card.featured .fleet-media{min-height:100%}.fleet-media img{width:100%;height:100%;object-fit:cover}.fleet-info{padding:24px 26px 26px}.fleet-card.featured .fleet-info{display:flex;flex-direction:column;justify-content:center;padding:46px}.fleet-info small{color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:1px}.fleet-info h3{font-size:22px;line-height:1.5;margin:7px 0 9px}.fleet-info p{font-size:12px;color:var(--muted);margin:0 0 14px}.fleet-info a,.text-link{font-size:12px;font-weight:900;color:var(--ink)}.fleet-info a span,.text-link span{margin-right:5px;color:var(--gold)}
.about{background:var(--sand);display:grid;grid-template-columns:1.08fr .92fr;min-height:700px}.about-visual{position:relative;overflow:hidden}.about-visual img{width:100%;height:100%;object-fit:cover;object-position:48% center}.vertical-label{position:absolute;right:0;top:0;bottom:0;width:58px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:3px}.about-copy{padding:90px 8vw 80px 7vw;display:flex;flex-direction:column;justify-content:center}.about-copy>p{color:#5d6b76;font-size:14px;max-width:590px}.about-list{margin:18px 0 26px;border-top:1px solid #d8d1c4}.about-list>div{padding:18px 0;border-bottom:1px solid #d8d1c4;display:grid;grid-template-columns:170px 1fr;gap:20px}.about-list b{font-size:13px}.about-list span{font-size:11px;color:#6c786f}
.portfolio{max-width:1240px;margin:auto;padding:120px 28px}.portfolio-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}.portfolio-head p{max-width:450px}.showcase-row{display:grid;grid-template-columns:.72fr 1.28fr;min-height:350px;border-top:1px solid var(--line);padding:30px 0;gap:30px;align-items:center}.showcase-row.reverse{grid-template-columns:1.28fr .72fr}.showcase-row.reverse .showcase-copy{order:2}.showcase-row.reverse .showcase-image{order:1}.showcase-copy span{color:var(--gold);font-weight:900;font-size:11px}.showcase-copy h3{font-size:28px;line-height:1.5;margin:10px 0 8px}.showcase-copy p{color:var(--muted);font-size:12px}.showcase-image{border-radius:24px;overflow:hidden;background:#e5eaed}.showcase-image img{width:100%;aspect-ratio:16/8.5;object-fit:cover}
.cta-band{margin:0 28px 28px;background:linear-gradient(110deg,#0b2942,#061927);color:#fff;border-radius:30px;min-height:330px;padding:64px 8vw;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;overflow:hidden}.cta-band:after{content:"";position:absolute;left:-100px;top:-120px;width:430px;height:430px;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018)}.cta-copy{position:relative;z-index:2}.cta-copy>span{color:var(--gold2);font-size:12px;font-weight:900}.cta-copy h2{font-size:44px;margin:8px 0 10px}.cta-copy p{color:#b9c9d5;font-size:13px}.btn.big{min-height:56px;padding:0 32px;position:relative;z-index:2}
.footer{background:#050f17;color:#fff;padding:62px 28px 20px}.footer-main{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.8fr 1fr 1fr 1.2fr;gap:70px}.footer-brand img{width:210px;height:86px;object-fit:contain;filter:brightness(0) invert(1)}.footer-brand p,.footer p,.footer a{font-size:11px;color:#a9bbc8}.footer h4{font-size:12px;margin:15px 0 12px;color:#d9e2e8}.footer a{display:block;margin:7px 0}.footer-bottom{max-width:1180px;margin:48px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;font-size:9px;color:#718696}
@media(max-width:1000px){.main-nav{gap:18px}.hero{min-height:810px}.hero h1{font-size:56px}.hero-scene{width:54%;left:0}.fleet{grid-template-columns:1fr;gap:35px}.side-title{position:static;max-width:650px}.about-copy{padding:70px 45px}.footer-main{grid-template-columns:1.6fr 1fr 1fr;gap:38px}.footer-main>div:last-child{grid-column:2/4}}
@media(max-width:760px){.topbar{position:absolute}.topbar-inner{height:76px;padding:0 20px;display:flex;justify-content:space-between}.brand{width:150px}.brand img{height:52px}.main-nav,.top-cta{display:none}.menu-toggle{display:flex;width:42px;height:42px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.04);border-radius:10px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:20px;height:2px;background:#fff}.mobile-nav{display:none;position:absolute;top:76px;right:16px;left:16px;background:#fff;color:var(--ink);border-radius:14px;padding:10px;box-shadow:0 20px 50px rgba(0,0,0,.22)}.mobile-nav.open{display:grid}.mobile-nav a{padding:11px 12px;border-bottom:1px solid #edf0f2;font-size:12px}.hero{padding-top:120px;min-height:auto;padding-bottom:0}.hero-copy{width:auto;margin:0;padding:0 22px}.hero h1{font-size:43px}.hero-copy>p{font-size:13px}.hero-actions{flex-wrap:wrap}.hero-scene{position:relative;left:auto;bottom:auto;width:auto;margin:46px 22px 0}.scene-frame{transform:none;border-radius:24px}.floating-badge{right:12px;bottom:12px}.hero-bottom{position:relative;margin-top:26px;padding:0;grid-template-columns:1fr 1fr}.hero-bottom>div{padding:14px 20px}.fleet{padding:70px 20px}.section-intro h2,.about h2,.portfolio h2{font-size:36px}.fleet-cards{grid-template-columns:1fr}.fleet-card.featured{grid-column:auto;display:block}.fleet-card.featured .fleet-info{padding:24px 26px}.about{grid-template-columns:1fr}.about-visual{min-height:360px}.about-copy{padding:55px 24px}.about-list>div{grid-template-columns:1fr;gap:4px}.portfolio{padding:70px 20px}.portfolio-head{display:block;margin-bottom:30px}.showcase-row,.showcase-row.reverse{grid-template-columns:1fr;padding:24px 0}.showcase-row.reverse .showcase-copy,.showcase-row.reverse .showcase-image{order:initial}.showcase-image{order:-1}.cta-band{margin:0 16px 16px;padding:50px 24px;display:block}.cta-copy h2{font-size:34px}.btn.big{margin-top:16px}.footer{padding:45px 20px 18px}.footer-main{grid-template-columns:1fr 1fr;gap:28px}.footer-main>div:first-child{grid-column:1/3}.footer-main>div:last-child{grid-column:auto}.footer-bottom{display:block;text-align:center}.footer-bottom span{display:block;margin:5px}}
@media(max-width:450px){.hero h1{font-size:37px}.hero-bottom{grid-template-columns:1fr 1fr}.hero-bottom>div{grid-template-columns:auto 1fr}.fleet-card{min-height:0}.fleet-media{min-height:210px}.about-visual{min-height:290px}.section-intro h2,.about h2,.portfolio h2{font-size:32px}.portfolio .showcase-copy h3{font-size:23px}.footer-main{grid-template-columns:1fr}.footer-main>div:first-child{grid-column:auto}}

/* Real vehicle photography */
.hero-scene{height:560px;left:1.5%;bottom:102px;width:57%;}
.hero-photo-main{position:absolute;left:0;bottom:20px;width:82%;height:390px;border-radius:34px 34px 10px 34px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 38px 85px rgba(0,0,0,.42);background:#102535;transform:perspective(1000px) rotateY(4deg)}
.hero-photo-main:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(3,17,28,.32));pointer-events:none}
.hero-photo-main img,.hero-photo-card img{width:100%;height:100%;object-fit:cover}
.hero-photo-card{position:absolute;overflow:hidden;border:7px solid rgba(255,255,255,.96);background:#fff;box-shadow:0 22px 55px rgba(0,0,0,.32);z-index:3}
.hero-photo-truck{left:3%;top:8px;width:31%;height:178px;border-radius:24px 8px 24px 8px;transform:rotate(-2.5deg)}
.hero-photo-cars{right:1%;top:82px;width:38%;height:220px;border-radius:10px 28px 10px 28px;transform:rotate(2deg)}
.hero-photo-cars img{object-position:center}
.hero-scene .floating-badge{right:5%;bottom:26px;min-width:205px}
.fleet-media img{object-fit:cover}
.fleet-card.featured .fleet-media img{object-position:center}
.showcase-image img{min-height:285px}

.vehicle-gallery{max-width:1240px;margin:auto;padding:20px 28px 120px}
.gallery-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px}
.gallery-head h2{font-size:46px;line-height:1.35;margin:10px 0 0;letter-spacing:-1px}
.gallery-head p{max-width:440px;color:var(--muted);font-size:13px}
.gallery-grid{display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:270px 335px;gap:20px}
.gallery-item{position:relative;margin:0;border-radius:26px;overflow:hidden;background:#e4eaee;box-shadow:0 16px 40px rgba(9,29,46,.08)}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.gallery-item:hover img{transform:scale(1.025)}
.gallery-item:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(3,17,28,.76));pointer-events:none}
.gallery-item figcaption{position:absolute;z-index:2;right:24px;bottom:20px;color:#fff;display:flex;flex-direction:column;text-shadow:0 2px 8px rgba(0,0,0,.28)}
.gallery-item figcaption b{font-size:17px}.gallery-item figcaption span{font-size:10px;color:#d8e0e6}
.gallery-wide{grid-column:1;grid-row:1}.gallery-wide img{object-position:center 52%}
.gallery-grid .gallery-item:nth-child(2){grid-column:2;grid-row:1}.gallery-grid .gallery-item:nth-child(2) img{object-position:center}
.gallery-grid .gallery-item:nth-child(3){grid-column:1;grid-row:2}.gallery-grid .gallery-item:nth-child(4){grid-column:2;grid-row:2}
.gallery-large img{object-position:center}

@media(max-width:1000px){
  .hero-scene{width:55%;height:500px}
  .hero-photo-main{height:340px;width:86%}
  .hero-photo-truck{width:34%;height:150px}
  .hero-photo-cars{width:42%;height:190px}
}
@media(max-width:760px){
  .hero-scene{position:relative;left:auto;bottom:auto;width:auto;height:430px;margin:44px 20px 0}
  .hero-photo-main{left:0;bottom:0;width:93%;height:295px;transform:none;border-radius:24px}
  .hero-photo-truck{left:2%;top:0;width:38%;height:128px;border-width:5px;border-radius:18px 7px 18px 7px}
  .hero-photo-cars{right:0;top:36px;width:51%;height:155px;border-width:5px;border-radius:8px 20px 8px 20px}
  .hero-scene .floating-badge{right:10px;bottom:14px;min-width:176px;padding:13px 16px}
  .gallery-head{display:block}.gallery-head h2{font-size:34px}.gallery-head p{margin-top:15px}
  .vehicle-gallery{padding:5px 20px 75px}
  .gallery-grid{grid-template-columns:1fr;grid-template-rows:none;gap:16px}
  .gallery-grid .gallery-item,.gallery-wide,.gallery-grid .gallery-item:nth-child(2),.gallery-grid .gallery-item:nth-child(3),.gallery-grid .gallery-item:nth-child(4){grid-column:1;grid-row:auto;height:245px}
  .gallery-grid .gallery-item:nth-child(3),.gallery-grid .gallery-item:nth-child(4){height:280px}
}
@media(max-width:450px){
  .hero-scene{height:385px;margin-left:14px;margin-right:14px}
  .hero-photo-main{height:270px}
  .hero-photo-truck{height:112px}
  .hero-photo-cars{height:140px}
  .gallery-head h2{font-size:30px}
  .gallery-grid .gallery-item{height:220px}.gallery-grid .gallery-item:nth-child(3),.gallery-grid .gallery-item:nth-child(4){height:245px}
}


/* ===== Hero V2: merged real cars + trucks ===== */
.hero.hero-v2{
  min-height:820px;
  padding:0;
  position:relative;
  background:#071824;
  overflow:hidden;
  isolation:isolate;
}
.hero-v2:before{display:none}
.hero-v2 .hero-noise,.hero-v2 .hero-scene,.hero-v2 .hero-bottom{display:none}
.hero-v2-media{position:absolute;inset:0;z-index:-4;overflow:hidden}
.hero-v2-media picture{display:block;width:100%;height:100%}
.hero-v2-media img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.96) contrast(1.02)}
.hero-v2-overlay{position:absolute;inset:0;z-index:-3;background:
  linear-gradient(90deg,rgba(4,18,28,.02) 0%,rgba(4,18,28,.05) 47%,rgba(4,18,28,.30) 63%,rgba(4,18,28,.82) 100%),
  linear-gradient(0deg,rgba(3,14,22,.52) 0%,rgba(3,14,22,0) 34%)}
.hero-v2-lines{position:absolute;inset:0;z-index:-2;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(90deg,transparent 0,transparent 52%,#000 82%,#000 100%)}
.hero-v2-shell{width:min(1240px,calc(100% - 56px));min-height:820px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:50px;position:relative;z-index:2;padding-top:76px}
.hero-v2-copy{width:min(610px,52%);margin:0;padding:0;position:relative}
.hero-v2-copy:before{content:"";position:absolute;right:-34px;top:-42px;width:3px;height:94px;background:linear-gradient(var(--gold2),transparent);border-radius:3px}
.hero-v2 .hero-kicker{font-size:12px;color:#e3e9ee;margin-bottom:18px}
.hero-v2 h1{font-size:62px;line-height:1.25;max-width:650px;letter-spacing:-2px;text-shadow:0 5px 28px rgba(0,0,0,.22)}
.hero-v2 h1 strong{display:inline-block;color:#f0c966}
.hero-v2-copy>p{max-width:560px;font-size:15px;color:#dce5eb;line-height:2.05;margin:23px 0 28px}
.hero-v2 .btn{border-radius:999px;min-height:51px;padding:0 28px}
.hero-v2 .btn-ghost{background:rgba(5,24,38,.28);backdrop-filter:blur(8px)}
.hero-v2-mini{display:flex;gap:0;margin-top:36px;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.13);max-width:560px}
.hero-v2-mini>div{min-width:0;flex:1;padding:14px 18px;border-left:1px solid rgba(255,255,255,.13)}
.hero-v2-mini>div:last-child{border-left:0}
.hero-v2-mini b,.hero-v2-mini span{display:block}.hero-v2-mini b{font-size:13px;color:#fff}.hero-v2-mini span{font-size:9px;color:#aebdca;margin-top:1px}
.hero-v2-mark{align-self:flex-end;margin-bottom:130px;color:#fff;text-align:left;direction:ltr;padding-left:8px;opacity:.88}
.hero-v2-mark span{display:block;font-size:9px;letter-spacing:4px;color:#e6c46f;margin-bottom:10px}.hero-v2-mark b{font-size:19px;line-height:1.25;letter-spacing:1.8px;font-weight:800}
.hero-v2-bottom{position:absolute;right:0;bottom:0;z-index:3;width:min(670px,60%);height:62px;background:rgba(5,19,30,.88);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;gap:18px;padding:0 34px;border-top:1px solid rgba(255,255,255,.13);border-left:1px solid rgba(255,255,255,.10);clip-path:polygon(4% 0,100% 0,100% 100%,0 100%)}
.hero-v2-bottom span{font-size:10px;font-weight:800;color:#dae4eb;white-space:nowrap}.hero-v2-bottom i{width:4px;height:4px;background:var(--gold2);border-radius:50%;flex:0 0 auto}

@media(max-width:1000px){
  .hero.hero-v2,.hero-v2-shell{min-height:760px}
  .hero-v2-shell{width:calc(100% - 46px)}
  .hero-v2-copy{width:58%}
  .hero-v2 h1{font-size:52px}
  .hero-v2-mark{margin-bottom:108px}
}
@media(max-width:760px){
  .hero.hero-v2{min-height:790px;padding:0}
  .hero-v2-media{height:355px;background:#071824}
  .hero-v2-media img{object-position:center center;transform:none}
  .hero-v2-overlay{background:linear-gradient(180deg,rgba(4,17,27,.03) 0%,rgba(4,17,27,.04) 28%,rgba(4,17,27,.54) 43%,#061722 57%,#061722 100%)}
  .hero-v2-lines{display:none}
  .hero-v2-shell{width:auto;min-height:790px;margin:0;padding:310px 22px 95px;display:block}
  .hero-v2-copy{width:100%;max-width:570px;margin:0}
  .hero-v2-copy:before{right:0;top:-24px;width:70px;height:2px;background:linear-gradient(90deg,var(--gold2),transparent)}
  .hero-v2 .hero-kicker{font-size:10px;margin-bottom:12px}
  .hero-v2 h1{font-size:40px;line-height:1.3;letter-spacing:-1px}
  .hero-v2-copy>p{font-size:12px;line-height:1.95;margin:17px 0 22px}
  .hero-v2 .hero-actions{gap:9px}
  .hero-v2 .btn{min-height:45px;padding:0 19px;font-size:11px}
  .hero-v2-mini{margin-top:25px}
  .hero-v2-mini>div{padding:11px 8px}
  .hero-v2-mini b{font-size:11px}.hero-v2-mini span{font-size:8px}
  .hero-v2-mark{display:none}
  .hero-v2-bottom{width:100%;height:52px;clip-path:none;padding:0 16px;gap:10px}
  .hero-v2-bottom span{font-size:8px}.hero-v2-bottom i{width:3px;height:3px}
}
@media(max-width:450px){
  .hero.hero-v2,.hero-v2-shell{min-height:750px}
  .hero-v2-shell{padding-top:295px;padding-bottom:82px}
  .hero-v2 h1{font-size:35px}
  .hero-v2-copy>p{font-size:11.5px}
  .hero-v2 .hero-actions{flex-wrap:wrap}
  .hero-v2 .btn{flex:1;min-width:135px}
}

/* Company name directly below the header logo */
.brand{height:82px;flex-direction:column;justify-content:center;gap:0;text-align:center}
.brand img{height:50px}
.brand span{display:block;margin-top:-2px;font-size:8px;line-height:1.35;font-weight:800;color:#fff;white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.42)}
@media(max-width:760px){.brand{width:190px;height:70px;align-items:center}.brand img{width:145px;height:45px}.brand span{max-width:185px;font-size:6.8px;line-height:1.35;white-space:normal}}

/* ===== V9 premium identity + hero refinement ===== */
.topbar{
  background:linear-gradient(180deg,rgba(3,14,22,.76) 0%,rgba(3,14,22,.34) 72%,transparent 100%);
}
.topbar-inner{
  max-width:1320px;
  height:116px;
  padding:0 34px;
  grid-template-columns:260px 1fr auto;
  gap:34px;
}
.brand.brand-lockup{
  width:238px;
  height:104px;
  margin-top:0;
  padding:9px 16px 10px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  text-align:center;
  border:1px solid rgba(255,255,255,.10);
  border-top:0;
  border-radius:0 0 20px 20px;
  background:linear-gradient(180deg,rgba(7,24,36,.93),rgba(7,24,36,.72));
  box-shadow:0 14px 34px rgba(0,0,0,.18);
  backdrop-filter:blur(14px);
}
.brand-lockup .brand-logo{
  display:flex;
  height:48px;
  width:138px;
  align-items:center;
  justify-content:center;
  position:relative;
}
.brand-lockup .brand-logo:after{
  content:"";
  position:absolute;
  right:12px;
  left:12px;
  bottom:-4px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--gold2),transparent);
  opacity:.8;
}
.brand-lockup .brand-logo img{
  width:132px;
  height:45px;
  object-fit:contain;
  filter:drop-shadow(0 5px 12px rgba(0,0,0,.28));
}
.brand-lockup .brand-copy{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
  line-height:1.25;
  white-space:normal;
  text-shadow:0 2px 8px rgba(0,0,0,.34);
}
.brand-lockup .brand-copy strong{
  color:#fff;
  font-size:11.5px;
  font-weight:900;
  letter-spacing:-.15px;
}
.brand-lockup .brand-copy small{
  color:#d8ba6c;
  font-size:7.5px;
  font-weight:800;
  margin-top:2px;
}
.main-nav{gap:30px;font-size:12.5px}
.top-cta{
  padding:11px 22px;
  border-color:rgba(224,185,95,.42);
  background:rgba(6,23,35,.34);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.top-cta:hover{background:rgba(197,154,67,.20);border-color:rgba(224,185,95,.75)}

.hero.hero-v2{min-height:860px;background:#061520}
.hero-v2-media img{
  object-position:left center;
  filter:saturate(.90) contrast(1.035) brightness(.94);
}
.hero-v2-media:after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 24% 62%,transparent 0 28%,rgba(3,15,24,.05) 48%,rgba(3,15,24,.30) 100%);
  pointer-events:none;
}
.hero-v2-overlay{
  background:
    linear-gradient(90deg,rgba(4,15,23,.02) 0%,rgba(4,15,23,.02) 39%,rgba(4,15,23,.17) 56%,rgba(4,15,23,.78) 79%,rgba(4,15,23,.96) 100%),
    linear-gradient(0deg,rgba(2,12,19,.70) 0%,rgba(2,12,19,.10) 25%,rgba(2,12,19,.04) 66%,rgba(2,12,19,.26) 100%);
}
.hero-v2-lines{opacity:.08;background-size:110px 110px;mask-image:linear-gradient(90deg,transparent 0,transparent 55%,#000 78%,#000 100%)}
.hero-v2-shell{
  width:min(1320px,calc(100% - 68px));
  min-height:860px;
  padding-top:118px;
  align-items:center;
}
.hero-v2-copy{
  width:min(570px,45%);
}
.hero-v2-copy:before{display:none}
.hero-v2-card{
  position:relative;
  padding:43px 42px 28px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:30px;
  background:linear-gradient(145deg,rgba(7,28,43,.74),rgba(5,19,30,.50));
  box-shadow:0 30px 80px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(14px);
  overflow:hidden;
}
.hero-v2-card:before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:132px;
  height:3px;
  background:linear-gradient(90deg,var(--gold2),rgba(224,185,95,0));
}
.hero-v2-card:after{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:50%;
  left:-120px;
  bottom:-145px;
  box-shadow:0 0 0 45px rgba(255,255,255,.015),0 0 0 90px rgba(255,255,255,.008);
  pointer-events:none;
}
.hero-v2 .hero-kicker{
  color:#e5d19d;
  margin-bottom:15px;
  font-size:11px;
  letter-spacing:.1px;
}
.hero-v2 .hero-kicker span{width:34px;height:1px;background:var(--gold2)}
.hero-v2 h1{
  font-size:54px;
  line-height:1.32;
  letter-spacing:-1.7px;
  max-width:520px;
  text-shadow:0 7px 26px rgba(0,0,0,.28);
}
.hero-v2 h1 strong{
  color:#f0c96b;
  font-weight:900;
  position:relative;
}
.hero-v2 h1 strong:after{
  content:"";
  position:absolute;
  right:0;
  bottom:-8px;
  width:74px;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg,var(--gold2),transparent);
}
.hero-v2-card>p{
  max-width:510px;
  font-size:13.5px;
  color:#d6e0e7;
  line-height:2.05;
  margin:25px 0 25px;
}
.hero-v2 .hero-actions{gap:10px}
.hero-v2 .btn{min-height:49px;padding:0 23px;font-size:11.5px;border-radius:12px}
.hero-v2 .btn-gold{box-shadow:0 12px 28px rgba(197,154,67,.18)}
.hero-v2 .btn-gold span{margin-right:8px;font-size:16px}
.hero-v2 .btn-ghost{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.18)}
.hero-v2-mini{
  margin-top:31px;
  max-width:none;
  border:0;
  gap:8px;
}
.hero-v2-mini>div{
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto;
  column-gap:9px;
  flex:1;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:13px;
  background:rgba(255,255,255,.035);
}
.hero-v2-mini>div:last-child{border-left:1px solid rgba(255,255,255,.09)}
.hero-v2-mini .mini-icon{
  grid-row:1/3;
  align-self:center;
  width:27px;
  height:27px;
  border:1px solid rgba(224,185,95,.42);
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#e4c26f;
  font-size:8px;
  font-weight:900;
}
.hero-v2-mini b{font-size:11px;line-height:1.15}
.hero-v2-mini small{font-size:7.5px;color:#9fb1bf;line-height:1.3;margin-top:2px}
.hero-v2-mark{
  position:absolute;
  left:0;
  bottom:112px;
  margin:0;
  padding:16px 18px 14px;
  border-right:2px solid rgba(224,185,95,.72);
  background:linear-gradient(90deg,rgba(3,15,23,.52),transparent);
  opacity:.92;
}
.hero-v2-mark span{font-size:8px;letter-spacing:3.2px;margin-bottom:5px}
.hero-v2-mark b{font-size:17px;letter-spacing:1.5px}
.hero-v2-mark i{display:block;width:48px;height:1px;background:rgba(224,185,95,.58);margin:9px 0 7px}
.hero-v2-mark small{font-size:6.8px;letter-spacing:1.4px;color:#b4c0c9}
.hero-v2-bottom{
  right:50%;
  transform:translateX(50%);
  bottom:24px;
  width:min(720px,calc(100% - 56px));
  height:60px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:17px;
  clip-path:none;
  background:rgba(4,17,27,.70);
  box-shadow:0 18px 42px rgba(0,0,0,.20);
  gap:20px;
  padding:0 28px;
}
.hero-v2-bottom span{font-size:9.5px;letter-spacing:.1px}.hero-v2-bottom i{background:#e0b95f}

@media(max-width:1100px){
  .topbar-inner{grid-template-columns:220px 1fr auto;gap:20px;padding:0 22px}
  .brand.brand-lockup{width:210px}.main-nav{gap:17px;font-size:11px}
  .hero-v2-copy{width:50%}.hero-v2 h1{font-size:47px}.hero-v2-card{padding:38px 34px 26px}
}

@media(max-width:760px){
  .topbar{background:linear-gradient(180deg,rgba(3,14,22,.88),rgba(3,14,22,.36) 80%,transparent)}
  .topbar-inner{height:96px;padding:0 14px 0 16px;display:flex;align-items:flex-start}
  .brand.brand-lockup{
    width:216px;
    height:88px;
    margin:0;
    padding:7px 13px 8px;
    border-radius:0 0 17px 17px;
    align-items:center;
  }
  .brand-lockup .brand-logo{width:112px;height:38px}
  .brand-lockup .brand-logo img{width:108px;height:36px}
  .brand-lockup .brand-copy strong{font-size:10px}
  .brand-lockup .brand-copy small{font-size:6.8px}
  .menu-toggle{margin-top:18px;width:40px;height:40px;background:rgba(5,20,31,.52);backdrop-filter:blur(8px)}
  .mobile-nav{top:92px}

  .hero.hero-v2{min-height:830px;background:#061722}
  .hero-v2-media{height:338px}
  .hero-v2-media img{object-position:center center;filter:saturate(.94) contrast(1.02) brightness(.94)}
  .hero-v2-media:after{background:linear-gradient(180deg,transparent 45%,rgba(4,17,27,.28) 78%,#061722 100%)}
  .hero-v2-overlay{background:linear-gradient(180deg,rgba(3,14,22,.04) 0%,rgba(3,14,22,.02) 55%,rgba(3,14,22,.72) 84%,#061722 100%)}
  .hero-v2-shell{min-height:830px;padding:288px 14px 84px;display:block;width:auto}
  .hero-v2-copy{width:100%;max-width:none}
  .hero-v2-card{
    padding:25px 19px 19px;
    border-radius:25px;
    background:linear-gradient(155deg,rgba(8,31,47,.94),rgba(5,20,31,.93));
    box-shadow:0 24px 55px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);
    backdrop-filter:blur(12px);
  }
  .hero-v2 .hero-kicker{font-size:9.5px;margin-bottom:11px}
  .hero-v2 h1{font-size:34px;line-height:1.35;letter-spacing:-.8px}
  .hero-v2 h1 strong:after{bottom:-5px;width:54px}
  .hero-v2-card>p{font-size:11.5px;line-height:1.95;margin:18px 0 19px}
  .hero-v2 .btn{min-height:44px;padding:0 16px;font-size:10.5px}
  .hero-v2-mini{margin-top:20px;gap:6px}
  .hero-v2-mini>div{padding:9px 8px;column-gap:6px;border-radius:11px}
  .hero-v2-mini .mini-icon{width:23px;height:23px;border-radius:7px;font-size:7px}
  .hero-v2-mini b{font-size:9.5px}.hero-v2-mini small{font-size:6.5px}
  .hero-v2-mark{display:none}
  .hero-v2-bottom{bottom:16px;width:calc(100% - 28px);height:48px;border-radius:14px;padding:0 12px;gap:8px}
  .hero-v2-bottom span{font-size:7.6px}.hero-v2-bottom i{width:3px;height:3px}
}

@media(max-width:420px){
  .brand.brand-lockup{width:200px}.brand-lockup .brand-copy strong{font-size:9.5px}.brand-lockup .brand-copy small{font-size:6.3px}
  .hero.hero-v2,.hero-v2-shell{min-height:805px}
  .hero-v2-shell{padding-top:278px;padding-bottom:76px}
  .hero-v2-card{padding:23px 17px 17px}
  .hero-v2 h1{font-size:31px}
  .hero-v2 .hero-actions{display:grid;grid-template-columns:1fr 1fr}
  .hero-v2 .btn{min-width:0;padding:0 10px}
  .hero-v2-mini{display:grid;grid-template-columns:repeat(3,1fr)}
  .hero-v2-mini>div{display:block;text-align:center;padding:8px 4px}
  .hero-v2-mini .mini-icon{margin:0 auto 5px}.hero-v2-mini small{display:block;margin-top:2px}
}

/* Premium curved footer — v10 */
.footer.footer-wave{position:relative;background:transparent;color:#fff;padding:0;margin-top:0;overflow:hidden;isolation:isolate}
.footer-curve{height:188px;background:var(--cream);position:relative;z-index:2;line-height:0}
.footer-curve svg{display:block;width:100%;height:100%}
.footer-curve-fill{fill:#07121c}
.footer-curve-gold{fill:none;stroke:#d5a548;stroke-width:4.5;vector-effect:non-scaling-stroke}
.footer-curve-soft{fill:none;stroke:rgba(156,178,194,.22);stroke-width:1.5;vector-effect:non-scaling-stroke}
.footer-body{position:relative;margin-top:-2px;background:radial-gradient(circle at 52% 20%,#132535 0,#0b1824 44%,#06111a 100%);padding:48px 28px 22px;overflow:hidden}
.footer-body:before{content:"";position:absolute;left:-12%;right:-12%;bottom:126px;height:190px;border:1px solid rgba(183,198,210,.18);border-radius:50%;transform:rotate(-2deg);pointer-events:none}
.footer-glow{position:absolute;right:46%;top:-90px;width:390px;height:390px;background:radial-gradient(circle,rgba(207,160,69,.07),transparent 68%);pointer-events:none}
.footer-dot-pattern{position:absolute;left:-38px;bottom:78px;width:300px;height:220px;opacity:.45;background-image:radial-gradient(circle,#d5a548 1.2px,transparent 1.5px);background-size:11px 11px;clip-path:ellipse(68% 58% at 8% 100%);pointer-events:none}
.footer-main{position:relative;z-index:2;max-width:1260px;margin:0 auto;display:grid;grid-template-columns:1.05fr .88fr 1.55fr 1.08fr;gap:48px;align-items:start;direction:ltr}
.footer-main>*{direction:rtl}
.footer-panel{padding-top:26px;min-width:0}
.footer-panel:not(:last-child){border-left:1px solid rgba(255,255,255,.08);padding-left:38px}
.footer h4{margin:0 0 26px;color:#e0b25b;font-size:17px;font-weight:900;letter-spacing:.1px}
.footer a{color:#dce5eb;transition:color .2s ease,transform .2s ease}
.footer a:hover{color:#e5b957}
.footer-contact-row{display:flex;align-items:flex-start;gap:13px;margin:0 0 19px;color:#d8e0e6;font-size:12px;line-height:1.8}
a.footer-contact-row:hover{transform:translateX(-3px)}
.footer-mini-icon{flex:0 0 31px;width:31px;height:31px;border:1px solid rgba(224,178,91,.48);border-radius:50%;display:grid;place-items:center;color:#e0b25b;font-size:13px;line-height:1}
.footer-links a{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:max-content;max-width:100%;margin:0 0 13px;font-size:12px;color:#cad5dd}
.footer-links a span{color:#dca941;font-size:19px;line-height:1;margin-top:-2px}
.footer-links a:hover{transform:translateX(-3px)}
.footer-brand-premium{text-align:center;padding:0 22px;display:flex;flex-direction:column;align-items:center}
.footer-logo-halo{width:174px;height:105px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:8px}
.footer-logo-halo:before{content:"";position:absolute;width:128px;height:128px;border-radius:50%;background:radial-gradient(circle,rgba(213,165,72,.11),transparent 68%)}
.footer-brand-premium img{position:relative;z-index:1;width:168px;height:96px;object-fit:contain;mix-blend-mode:screen;filter:saturate(.96) brightness(1.25) drop-shadow(0 8px 24px rgba(0,0,0,.28))}
.footer-brand-premium>strong{font-size:27px;line-height:1.35;color:#fff;font-weight:900;margin-top:2px}
.footer-brand-sub{color:#e0b25b;font-size:13px;font-weight:800;margin-top:3px}
.footer-brand-rule{display:flex;align-items:center;justify-content:center;gap:10px;width:172px;margin:17px 0 18px}
.footer-brand-rule i{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(219,171,78,.8))}
.footer-brand-rule i:last-child{background:linear-gradient(90deg,rgba(219,171,78,.8),transparent)}
.footer-brand-rule b{width:7px;height:7px;background:#d9a847;border-radius:50%;box-shadow:0 0 0 4px rgba(217,168,71,.08)}
.footer-brand-premium p{max-width:370px;margin:0;color:#afbdc7;font-size:11px;line-height:2.05}
.footer-brand-cta{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;margin-top:17px!important;padding:9px 17px;border:1px solid rgba(221,171,75,.45);border-radius:999px;color:#f0c66f!important;font-weight:800;font-size:11px!important;background:rgba(214,163,70,.04)}
.footer-brand-cta:hover{background:rgba(214,163,70,.1);transform:translateY(-2px)}
.footer-services>a{display:grid;grid-template-columns:41px 1fr;gap:13px;align-items:start;margin:0 0 16px;color:#dce5eb}
.footer-services>a:hover{transform:translateX(-3px)}
.footer-service-icon{width:39px;height:39px;border:1px solid rgba(224,178,91,.5);border-radius:12px;display:grid;place-items:center;color:#e0b25b;font-size:18px;line-height:1;background:rgba(224,178,91,.025)}
.footer-services b,.footer-services small{display:block}
.footer-services b{color:#eef3f6;font-size:11.5px;margin-bottom:1px}
.footer-services small{color:#98aab7;font-size:9.7px;line-height:1.8}
.footer-lower-wave{position:absolute;right:-9%;left:-9%;bottom:76px;height:155px;border-top:1px solid rgba(201,216,226,.18);border-radius:50% 50% 0 0/52% 52% 0 0;transform:rotate(2deg);pointer-events:none}
.footer-lower-wave:after{content:"";position:absolute;left:-10%;bottom:-48px;width:42%;height:160px;border-top:1px solid rgba(213,165,72,.55);border-radius:50%;transform:rotate(-11deg)}
.footer-bottom{position:relative;z-index:2;max-width:840px;margin:76px auto 0;padding:20px 26px 0;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;gap:22px;text-align:center;color:#95a8b5;font-size:9.5px}
.footer-divider{width:1px;height:18px;background:rgba(255,255,255,.18)}

@media(max-width:1000px){
  .footer-curve{height:145px}
  .footer-body{padding-top:34px}
  .footer-main{grid-template-columns:1fr 1fr;gap:34px 38px;max-width:820px}
  .footer-brand-premium{grid-column:1/3;grid-row:1;max-width:560px;justify-self:center;margin-bottom:6px}
  .footer-contact{grid-column:1;grid-row:2}.footer-links{grid-column:2;grid-row:2}.footer-services{grid-column:1/3;grid-row:3;display:grid;grid-template-columns:1fr 1fr;column-gap:26px}
  .footer-services h4{grid-column:1/3}
  .footer-panel:not(:last-child){border-left:0;padding-left:0}
}
@media(max-width:760px){
  .footer-curve{height:92px}
  .footer-curve-gold{stroke-width:3}
  .footer-body{padding:24px 20px 18px}
  .footer-main{grid-template-columns:1fr 1fr;gap:28px 22px}
  .footer-brand-premium{grid-column:1/3;padding:0 5px;margin-bottom:10px}
  .footer-logo-halo{width:150px;height:91px}.footer-brand-premium img{width:146px;height:84px}
  .footer-brand-premium>strong{font-size:23px}.footer-brand-sub{font-size:11px}
  .footer-brand-premium p{font-size:10.5px;max-width:430px}
  .footer-panel{padding-top:8px}
  .footer h4{font-size:15px;margin-bottom:17px}
  .footer-contact-row{font-size:10.5px;gap:9px;margin-bottom:13px}.footer-mini-icon{width:27px;height:27px;flex-basis:27px;font-size:11px}
  .footer-links a{font-size:10.5px;margin-bottom:10px}
  .footer-services{grid-column:1/3;grid-template-columns:1fr 1fr;gap:10px 18px}
  .footer-services>a{grid-template-columns:34px 1fr;gap:9px;margin-bottom:8px}.footer-service-icon{width:33px;height:33px;border-radius:10px;font-size:15px}
  .footer-services b{font-size:10px}.footer-services small{font-size:8.7px}
  .footer-dot-pattern{width:190px;height:150px;bottom:58px}
  .footer-bottom{margin-top:52px;padding:16px 0 0;display:block;font-size:8.7px}.footer-divider{display:none}.footer-bottom span{display:block;margin:4px 0}
}
@media(max-width:480px){
  .footer-curve{height:72px}
  .footer-body{padding-right:17px;padding-left:17px}
  .footer-main{grid-template-columns:1fr;gap:24px}
  .footer-brand-premium,.footer-contact,.footer-links,.footer-services{grid-column:1}
  .footer-contact{grid-row:2}.footer-links{grid-row:3}.footer-services{grid-row:4;grid-template-columns:1fr}
  .footer-services h4{grid-column:1}.footer-panel{border-top:1px solid rgba(255,255,255,.08);padding-top:22px}.footer-brand-premium{border-top:0;padding-top:0}
  .footer-links a{width:100%;justify-content:space-between;padding:4px 0}
  .footer-services>a{grid-template-columns:38px 1fr}.footer-service-icon{width:37px;height:37px}
  .footer-body:before{bottom:95px;height:130px}.footer-lower-wave{bottom:66px;height:110px}
}


/* ===== V11 curved cinematic hero ===== */
.hero.hero-v2.hero-curve{
  min-height:860px;
  background:#061722;
  overflow:hidden;
  isolation:isolate;
}
.hero-curve .hero-v2-media{
  inset:0;
  z-index:-5;
  background:#071824;
}
.hero-curve .hero-v2-media img{
  object-position:left center;
  filter:saturate(.95) contrast(1.04) brightness(.97);
  transform:scale(1.015);
}
.hero-curve .hero-v2-media:after{
  background:
    linear-gradient(90deg,rgba(3,13,21,.02) 0%,rgba(3,13,21,.02) 46%,rgba(3,13,21,.22) 62%,rgba(3,13,21,.72) 80%,rgba(3,13,21,.96) 100%),
    linear-gradient(0deg,rgba(2,11,18,.40),transparent 32%);
}
.hero-curve .hero-v2-overlay{
  z-index:-4;
  background:linear-gradient(0deg,rgba(3,14,22,.38) 0%,rgba(3,14,22,.04) 40%,rgba(3,14,22,.13) 100%);
}
.hero-curve .hero-v2-lines{display:none}

/* upper navy sweep — the curved split of the banner */
.hero.hero-v2.hero-curve:before{
  content:"";
  display:block;
  position:absolute;
  z-index:-1;
  width:78%;
  height:565px;
  top:-260px;
  right:-115px;
  border-radius:0 0 0 72% / 0 0 0 58%;
  background:linear-gradient(145deg,#071b2a 0%,#061722 58%,#04121c 100%);
  border-bottom:3px solid rgba(224,185,95,.96);
  box-shadow:0 18px 48px rgba(0,0,0,.20);
}
/* lower navy sweep */
.hero.hero-v2.hero-curve:after{
  content:"";
  position:absolute;
  z-index:1;
  width:94%;
  height:410px;
  left:-170px;
  bottom:-305px;
  border-radius:54% 52% 0 0 / 42% 46% 0 0;
  background:linear-gradient(180deg,#071a29,#061722 72%);
  border-top:3px solid rgba(224,185,95,.94);
  box-shadow:0 -20px 55px rgba(0,0,0,.18);
}
.hero-curve .hero-v2-shell{
  width:min(1320px,calc(100% - 72px));
  min-height:860px;
  padding-top:126px;
  align-items:center;
  position:relative;
  z-index:3;
}
.hero-curve .hero-v2-copy{
  width:min(570px,43%);
  margin-right:0;
  margin-left:auto;
}
.hero-curve .hero-v2-card{
  padding:22px 8px 26px 12px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  overflow:visible;
}
.hero-curve .hero-v2-card:before,
.hero-curve .hero-v2-card:after{display:none}
.hero-curve .hero-kicker{
  color:#e5c66f;
  font-size:12px;
  margin-bottom:17px;
}
.hero-curve .hero-kicker span{
  width:52px;
  height:2px;
  border-radius:3px;
  background:linear-gradient(90deg,var(--gold2),rgba(224,185,95,.2));
}
.hero-curve h1{
  max-width:570px;
  font-size:58px;
  line-height:1.28;
  letter-spacing:-1.8px;
  text-shadow:0 8px 30px rgba(0,0,0,.30);
}
.hero-curve h1 strong{
  color:#efc85f;
  display:inline-block;
}
.hero-curve h1 strong:after{
  width:105px;
  height:3px;
  bottom:-12px;
  background:linear-gradient(90deg,var(--gold2),rgba(224,185,95,.05));
}
.hero-curve .hero-v2-card>p{
  max-width:520px;
  color:#d6e0e7;
  font-size:14px;
  line-height:2.1;
  margin:27px 0 28px;
}
.hero-curve .hero-actions{gap:12px}
.hero-curve .btn{
  min-height:52px;
  padding:0 26px;
  border-radius:999px;
  font-size:12px;
}
.hero-curve .btn-gold{
  box-shadow:0 16px 34px rgba(197,154,67,.22);
}
.hero-curve .btn-ghost{
  border-color:rgba(224,185,95,.58);
  background:rgba(4,18,28,.26);
  backdrop-filter:blur(8px);
}
.hero-curve .hero-v2-mini{
  margin-top:34px;
  gap:0;
  border-top:1px solid rgba(224,185,95,.30);
  border-bottom:1px solid rgba(255,255,255,.09);
  padding:9px 0;
}
.hero-curve .hero-v2-mini>div{
  border:0;
  border-left:1px solid rgba(255,255,255,.12);
  border-radius:0;
  background:transparent;
  padding:9px 13px;
}
.hero-curve .hero-v2-mini>div:last-child{border-left:0}
.hero-curve .hero-v2-mini .mini-icon{
  border-color:rgba(224,185,95,.46);
  color:#efca70;
  background:rgba(224,185,95,.05);
}
.hero-curve .hero-v2-mark{display:none}
.hero-curve .hero-v2-bottom{
  z-index:4;
  right:50%;
  transform:translateX(50%);
  bottom:24px;
  width:min(850px,calc(100% - 70px));
  height:68px;
  border:1px solid rgba(224,185,95,.24);
  border-radius:20px;
  background:rgba(4,17,27,.72);
  box-shadow:0 20px 50px rgba(0,0,0,.24);
  backdrop-filter:blur(16px);
}
.hero-curve .hero-v2-bottom span{font-size:10px;color:#e6edf2}
.hero-curve .hero-v2-bottom i{background:#e0b95f;width:5px;height:5px}

@media(max-width:1100px){
  .hero.hero-v2.hero-curve:before{width:86%;right:-180px}
  .hero-curve .hero-v2-shell{width:calc(100% - 48px)}
  .hero-curve .hero-v2-copy{width:48%}
  .hero-curve h1{font-size:48px}
}

@media(max-width:760px){
  .hero.hero-v2.hero-curve{
    min-height:860px;
    background:#061722;
  }
  .hero-curve .hero-v2-media{
    height:405px;
    inset:0 0 auto;
  }
  .hero-curve .hero-v2-media picture{height:100%}
  .hero-curve .hero-v2-media img{
    object-position:center center;
    transform:none;
    filter:saturate(.98) contrast(1.03) brightness(.92);
  }
  .hero-curve .hero-v2-media:after{
    background:linear-gradient(180deg,rgba(3,14,22,.06) 0%,rgba(3,14,22,.04) 52%,rgba(3,14,22,.28) 76%,rgba(3,14,22,.68) 100%);
  }
  .hero.hero-v2.hero-curve:before{
    width:132%;
    height:610px;
    right:-24%;
    top:315px;
    border-radius:50% 0 0 0 / 16% 0 0 0;
    border:0;
    border-top:3px solid rgba(224,185,95,.94);
    background:linear-gradient(180deg,#071b2a 0%,#061722 68%,#05141f 100%);
    box-shadow:0 -12px 34px rgba(0,0,0,.24);
  }
  .hero.hero-v2.hero-curve:after{
    width:130%;
    height:225px;
    left:-50%;
    bottom:-155px;
    border-top:2px solid rgba(224,185,95,.70);
    opacity:.72;
  }
  .hero-curve .hero-v2-overlay{background:none}
  .hero-curve .hero-v2-shell{
    width:auto;
    min-height:860px;
    padding:382px 20px 88px;
    display:block;
  }
  .hero-curve .hero-v2-copy{
    width:100%;
    max-width:none;
  }
  .hero-curve .hero-v2-card{
    padding:20px 0 0;
  }
  .hero-curve .hero-kicker{font-size:10px;margin-bottom:12px}
  .hero-curve .hero-kicker span{width:42px}
  .hero-curve h1{
    font-size:38px;
    line-height:1.34;
    letter-spacing:-1px;
  }
  .hero-curve h1 strong:after{bottom:-7px;width:72px;height:2px}
  .hero-curve .hero-v2-card>p{
    font-size:11.5px;
    line-height:2;
    margin:20px 0 21px;
  }
  .hero-curve .hero-actions{gap:9px}
  .hero-curve .btn{min-height:46px;padding:0 17px;font-size:10.5px}
  .hero-curve .hero-v2-mini{margin-top:25px;padding:7px 0}
  .hero-curve .hero-v2-mini>div{padding:8px 8px}
  .hero-curve .hero-v2-mini b{font-size:10px}
  .hero-curve .hero-v2-mini small{font-size:7px}
  .hero-curve .hero-v2-mini .mini-icon{width:25px;height:25px;font-size:7px}
  .hero-curve .hero-v2-bottom{display:none}
}

@media(max-width:430px){
  .hero.hero-v2.hero-curve{min-height:825px}
  .hero-curve .hero-v2-media{height:370px}
  .hero.hero-v2.hero-curve:before{top:292px;height:590px}
  .hero-curve .hero-v2-shell{min-height:825px;padding:350px 16px 72px}
  .hero-curve h1{font-size:34px}
  .hero-curve .hero-actions{flex-wrap:wrap}
  .hero-curve .btn{flex:1;min-width:138px}
}

/* ===== V12 curved header edge (matches approved visual) ===== */
.topbar{overflow:visible}
.topbar-inner,.mobile-nav{position:relative;z-index:2}
.header-curve{
  position:absolute;
  z-index:1;
  right:0;
  left:0;
  top:96px;
  height:82px;
  pointer-events:none;
  filter:drop-shadow(0 5px 9px rgba(0,0,0,.12));
}
.header-curve svg{display:block;width:100%;height:100%;overflow:visible}
.header-curve-fill{fill:#061722}
.header-curve-gold{fill:none;stroke:#d9a441;stroke-width:2;vector-effect:non-scaling-stroke;opacity:.95}
@media(max-width:760px){
  .header-curve{top:76px;height:48px}
  .header-curve-gold{stroke-width:1.5}
}


/* ===== V13 language switcher + floating WhatsApp ===== */
.header-actions{display:flex;align-items:center;gap:10px;position:relative;z-index:3}
.lang-toggle{
  min-width:44px;height:38px;padding:0 12px;border-radius:999px;
  border:1px solid rgba(224,185,95,.55);background:rgba(255,255,255,.035);
  color:#efd078;font:700 12px/1 inherit;letter-spacing:.8px;cursor:pointer;
  transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease;
}
.lang-toggle:hover{background:rgba(224,185,95,.12);border-color:#e0b95f;transform:translateY(-1px)}
.lang-toggle:focus-visible{outline:2px solid #e0b95f;outline-offset:3px}
.lang-toggle-mobile{display:none;width:100%;height:44px;margin-top:6px}

.whatsapp-float{
  position:fixed;left:22px;bottom:22px;z-index:9999;width:62px;height:62px;border-radius:50%;
  display:grid;place-items:center;background:#25D366;box-shadow:0 12px 32px rgba(0,0,0,.25),0 0 0 5px rgba(255,255,255,.82);
  transition:transform .2s ease,box-shadow .2s ease;isolation:isolate;
}
.whatsapp-float:before{content:"";position:absolute;inset:-7px;border-radius:inherit;border:1px solid rgba(37,211,102,.28);animation:waPulse 2.4s ease-out infinite;z-index:-1}
.whatsapp-float svg{width:32px;height:32px;fill:#fff;display:block}
.whatsapp-float:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 16px 38px rgba(0,0,0,.30),0 0 0 5px rgba(255,255,255,.9)}
.whatsapp-float:focus-visible{outline:3px solid #fff;outline-offset:4px}
@keyframes waPulse{0%{transform:scale(.92);opacity:.8}70%,100%{transform:scale(1.3);opacity:0}}

html[dir="ltr"] body{direction:ltr}
html[dir="ltr"] .topbar-inner,html[dir="ltr"] .main-nav,html[dir="ltr"] .header-actions{direction:ltr}
html[dir="ltr"] .hero-copy,html[dir="ltr"] .section-intro,html[dir="ltr"] .about-copy,html[dir="ltr"] .portfolio,html[dir="ltr"] .gallery-head,html[dir="ltr"] .cta-copy,html[dir="ltr"] .footer-body{text-align:left}
html[dir="ltr"] .hero-curve .hero-v2-copy{margin-left:0;margin-right:auto}
html[dir="ltr"] .fleet-info a span,html[dir="ltr"] .text-link span{display:inline-block;transform:scaleX(-1)}

@media(max-width:1100px){
  .header-actions .top-cta{display:none}
}
@media(max-width:760px){
  .header-actions{margin-inline-start:auto}
  .header-actions .lang-toggle{display:none}
  .lang-toggle-mobile{display:block}
  .whatsapp-float{width:56px;height:56px;left:14px;bottom:16px}
  .whatsapp-float svg{width:29px;height:29px}
}
@media(prefers-reduced-motion:reduce){.whatsapp-float:before{animation:none}.whatsapp-float,.lang-toggle{transition:none}}

/* ===== V14 full responsive pass: desktop / iPad / mobile ===== */
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}

/* Large desktop */
@media(min-width:1280px){
  .topbar-inner{max-width:1380px;padding-inline:34px}
  .hero-v2-shell,.fleet,.portfolio,.vehicle-gallery{max-width:1380px}
  .hero-curve h1{font-size:clamp(54px,4vw,66px)}
  .hero-curve .hero-v2-card>p{font-size:14px}
}

/* Small laptop + iPad landscape */
@media(min-width:901px) and (max-width:1199px){
  .topbar-inner{height:88px;padding-inline:24px;gap:22px;grid-template-columns:minmax(245px,auto) 1fr auto}
  .brand.brand-lockup{min-width:245px;gap:12px}
  .brand-lockup .brand-logo{width:65px;height:65px}
  .brand-lockup .brand-copy strong{font-size:18px}
  .brand-lockup .brand-copy small{font-size:9px}
  .main-nav{gap:19px;font-size:11px}
  .header-curve{top:88px;height:70px}
  .hero.hero-v2.hero-curve{min-height:760px}
  .hero-curve .hero-v2-shell{width:calc(100% - 44px);min-height:760px;padding-top:112px}
  .hero-curve .hero-v2-copy{width:48%;max-width:530px}
  .hero-curve h1{font-size:45px;line-height:1.3}
  .hero-curve .hero-v2-card>p{font-size:12.5px}
  .hero-curve .hero-v2-bottom{width:min(760px,calc(100% - 50px));bottom:18px}
  .fleet{padding:90px 24px 100px;grid-template-columns:260px 1fr;gap:42px}
  .fleet-cards{gap:18px}
  .fleet-card.featured .fleet-info{padding:34px}
  .about-copy{padding:70px 5vw}
  .portfolio{padding:100px 24px}
  .vehicle-gallery{padding:10px 24px 100px}
  .gallery-grid{grid-template-rows:235px 300px}
  .cta-band{margin-inline:24px;padding-inline:6vw}
}

/* iPad portrait and tablets */
@media(min-width:761px) and (max-width:900px){
  .topbar{position:absolute}
  .topbar-inner{height:82px;padding:0 22px;display:flex;justify-content:space-between;gap:14px}
  .brand.brand-lockup{min-width:0;max-width:310px;gap:10px}
  .brand-lockup .brand-logo{width:58px;height:58px}
  .brand-lockup .brand-copy strong{font-size:17px}
  .brand-lockup .brand-copy small{font-size:8.5px}
  .main-nav,.header-actions .top-cta{display:none}
  .header-actions{margin-inline-start:auto}
  .header-actions .lang-toggle{display:inline-flex;align-items:center;justify-content:center}
  .menu-toggle{display:flex;width:42px;height:42px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.05);border-radius:11px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
  .menu-toggle span{width:20px;height:2px;background:#fff;border-radius:2px}
  .mobile-nav{top:82px;right:18px;left:18px;z-index:40}
  .header-curve{top:82px;height:56px}

  .hero.hero-v2.hero-curve{min-height:940px;background:#061722}
  .hero-curve .hero-v2-media{height:520px;inset:0 0 auto}
  .hero-curve .hero-v2-media img{object-position:center 38%;transform:none}
  .hero-curve .hero-v2-media:after{background:linear-gradient(180deg,rgba(4,16,24,.04),rgba(4,16,24,.05) 58%,rgba(4,16,24,.55) 88%,#061722 100%)}
  .hero.hero-v2.hero-curve:before{width:122%;height:610px;right:-12%;top:445px;border-radius:50% 0 0 0 / 13% 0 0 0;border:0;border-top:3px solid rgba(224,185,95,.92);background:linear-gradient(180deg,#071b2a,#061722 72%);box-shadow:0 -12px 34px rgba(0,0,0,.22)}
  .hero-curve .hero-v2-shell{width:auto;min-height:940px;padding:515px 34px 90px;display:block}
  .hero-curve .hero-v2-copy{width:100%;max-width:650px;margin-inline:auto}
  .hero-curve .hero-v2-card{padding-top:30px}
  .hero-curve h1{font-size:48px;max-width:620px}
  .hero-curve .hero-v2-card>p{font-size:13.5px;max-width:610px}
  .hero-curve .hero-v2-bottom{display:none}

  .fleet{padding:85px 28px 95px;grid-template-columns:1fr;gap:34px}
  .side-title{position:static;max-width:680px}
  .fleet-cards{grid-template-columns:1fr 1fr;gap:18px}
  .fleet-card.featured{grid-column:1/3;grid-template-columns:1.1fr .9fr}
  .fleet-card.featured .fleet-info{padding:34px}
  .section-intro h2,.about h2,.portfolio h2{font-size:41px}
  .about{grid-template-columns:1fr;min-height:0}
  .about-visual{min-height:480px}
  .about-copy{padding:62px 48px 70px}
  .portfolio{padding:90px 28px}
  .portfolio-head{align-items:start;gap:28px}
  .showcase-row,.showcase-row.reverse{grid-template-columns:.85fr 1.15fr;gap:24px}
  .showcase-row.reverse{grid-template-columns:1.15fr .85fr}
  .vehicle-gallery{padding:0 28px 95px}
  .gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:240px 280px}
  .cta-band{margin:0 22px 22px;padding:54px 48px;min-height:300px}
  .footer-main{grid-template-columns:1fr 1fr;gap:34px}
  .footer-main>div:first-child{grid-column:1/3}
}

/* Phones */
@media(max-width:760px){
  .topbar-inner{height:72px;padding:0 14px;gap:10px}
  .brand.brand-lockup{width:auto;height:64px;min-width:0;max-width:245px;gap:8px;flex-direction:row;text-align:right}
  .brand-lockup .brand-logo{width:48px;height:48px;flex:0 0 48px}
  .brand-lockup .brand-logo img{width:100%;height:100%}
  .brand-lockup .brand-copy{min-width:0}
  .brand-lockup .brand-copy strong{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .brand-lockup .brand-copy small{font-size:7.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .header-actions{display:none}
  .menu-toggle{flex:0 0 42px}
  .mobile-nav{top:72px;right:12px;left:12px;border-radius:16px;padding:8px;max-height:calc(100vh - 92px);overflow:auto}
  .mobile-nav a{padding:12px 13px;font-size:12px}
  .lang-toggle-mobile{display:block}
  .header-curve{top:72px;height:44px}

  .hero.hero-v2.hero-curve{min-height:820px}
  .hero-curve .hero-v2-media{height:360px}
  .hero-curve .hero-v2-media img{object-position:center center}
  .hero.hero-v2.hero-curve:before{top:286px;height:590px;right:-22%;width:135%}
  .hero-curve .hero-v2-shell{min-height:820px;padding:345px 18px 68px}
  .hero-curve .hero-v2-copy{width:100%}
  .hero-curve .hero-v2-card{padding-top:18px}
  .hero-curve .hero-kicker{font-size:9.5px}
  .hero-curve h1{font-size:clamp(31px,9vw,38px);line-height:1.34;letter-spacing:-.7px}
  .hero-curve .hero-v2-card>p{font-size:11.5px;line-height:1.9;margin:18px 0 20px}
  .hero-curve .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .hero-curve .btn{width:100%;min-width:0;padding:0 12px;font-size:10px;white-space:nowrap}
  .hero-curve .hero-v2-mini{grid-template-columns:repeat(3,1fr);overflow:hidden}
  .hero-curve .hero-v2-mini>div{min-width:0;padding:8px 5px}
  .hero-curve .hero-v2-mini b{font-size:9.5px;white-space:nowrap}
  .hero-curve .hero-v2-mini small{font-size:6.8px;white-space:nowrap}

  .fleet{padding:68px 16px 76px;gap:26px}
  .section-intro h2,.about h2,.portfolio h2{font-size:clamp(30px,9vw,36px)}
  .section-intro p,.portfolio-head p{font-size:12px}
  .fleet-cards{grid-template-columns:1fr;gap:16px}
  .fleet-card,.fleet-card.featured{grid-column:auto;display:block;min-height:0;border-radius:20px}
  .fleet-card.featured .fleet-info,.fleet-info{padding:22px 20px 24px}
  .fleet-card.featured .fleet-media,.fleet-media{min-height:220px;height:220px}

  .about{grid-template-columns:1fr;min-height:0}
  .about-visual{min-height:315px}
  .vertical-label{width:42px;font-size:8px}
  .about-copy{padding:48px 18px 56px}
  .about-copy>p{font-size:12.5px}
  .about-list>div{grid-template-columns:1fr;gap:3px;padding:14px 0}

  .portfolio{padding:68px 16px}
  .portfolio-head{display:block;margin-bottom:25px}
  .portfolio-head p{margin-top:12px}
  .showcase-row,.showcase-row.reverse{grid-template-columns:1fr;min-height:0;padding:22px 0;gap:18px}
  .showcase-row.reverse .showcase-copy,.showcase-row.reverse .showcase-image{order:initial}
  .showcase-image{order:-1;border-radius:18px}
  .showcase-copy h3{font-size:23px}
  .showcase-image img{aspect-ratio:16/10}

  .vehicle-gallery{padding:0 16px 72px}
  .gallery-head{display:block;margin-bottom:24px}
  .gallery-head p{margin-top:12px}
  .gallery-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none;gap:14px}
  .gallery-grid .gallery-item,.gallery-grid .gallery-item:nth-child(2),.gallery-grid .gallery-item:nth-child(3),.gallery-grid .gallery-item:nth-child(4){grid-column:auto;grid-row:auto;min-height:0;height:250px}
  .gallery-item{border-radius:18px}

  .cta-band{margin:0 12px 14px;padding:44px 20px;min-height:0;border-radius:24px;display:block}
  .cta-copy h2{font-size:31px}
  .cta-copy p{font-size:12px}
  .btn.big{margin-top:18px;width:100%;justify-content:center}

  .footer{padding-inline:16px}
  .footer-main{grid-template-columns:1fr;gap:24px}
  .footer-main>div:first-child,.footer-main>div:last-child{grid-column:auto}
  .footer-bottom{text-align:center}
  .whatsapp-float{left:14px;bottom:max(16px,env(safe-area-inset-bottom));width:54px;height:54px}
}

/* Narrow phones */
@media(max-width:390px){
  .brand.brand-lockup{max-width:215px}
  .brand-lockup .brand-logo{width:43px;height:43px;flex-basis:43px}
  .brand-lockup .brand-copy strong{font-size:13px}
  .brand-lockup .brand-copy small{font-size:6.5px}
  .hero.hero-v2.hero-curve{min-height:790px}
  .hero-curve .hero-v2-media{height:338px}
  .hero.hero-v2.hero-curve:before{top:268px}
  .hero-curve .hero-v2-shell{min-height:790px;padding:326px 14px 62px}
  .hero-curve .hero-actions{grid-template-columns:1fr}
  .hero-curve .btn{min-height:44px}
  .hero-curve .hero-v2-mini small{display:none}
  .fleet-card.featured .fleet-media,.fleet-media{height:205px;min-height:205px}
  .gallery-grid .gallery-item,.gallery-grid .gallery-item:nth-child(2),.gallery-grid .gallery-item:nth-child(3),.gallery-grid .gallery-item:nth-child(4){height:220px}
}

/* LTR responsive alignment */
html[dir="ltr"] .brand.brand-lockup{text-align:left}
html[dir="ltr"] .mobile-nav{text-align:left}
html[dir="ltr"] .hero-curve .hero-v2-copy{margin-left:0;margin-right:auto}
@media(max-width:900px){html[dir="ltr"] .hero-curve .hero-v2-copy{margin-inline:auto}}

/* ===== V15 integrated company identity in header ===== */
.brand.brand-lockup{
  width:auto;
  min-width:300px;
  height:82px;
  padding:8px 14px;
  margin:0;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  text-align:right;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
.brand-lockup .brand-logo{
  width:72px;
  height:62px;
  flex:0 0 72px;
}
.brand-lockup .brand-logo:after{display:none}
.brand-lockup .brand-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 5px 12px rgba(0,0,0,.24));
}
.brand-lockup .brand-copy{
  min-width:0;
  align-items:flex-start;
  text-align:right;
  gap:3px;
  white-space:nowrap;
}
.brand-lockup .brand-copy strong{
  font-size:20px;
  line-height:1.2;
  color:#fff;
  font-weight:900;
}
.brand-lockup .brand-copy small{
  margin:0;
  font-size:10px;
  line-height:1.35;
  color:#dca83f;
  font-weight:800;
}

@media (max-width:1100px){
  .brand.brand-lockup{min-width:250px;gap:9px;padding-inline:8px}
  .brand-lockup .brand-logo{width:58px;height:52px;flex-basis:58px}
  .brand-lockup .brand-copy strong{font-size:16px}
  .brand-lockup .brand-copy small{font-size:8px}
}
@media (max-width:760px){
  .brand.brand-lockup{
    width:auto;
    min-width:0;
    max-width:265px;
    height:64px;
    padding:4px 0;
    gap:8px;
    flex-direction:row;
    text-align:right;
  }
  .brand-lockup .brand-logo{width:47px;height:47px;flex:0 0 47px}
  .brand-lockup .brand-copy{align-items:flex-start;text-align:right}
  .brand-lockup .brand-copy strong{font-size:14px;white-space:nowrap}
  .brand-lockup .brand-copy small{font-size:6.8px;white-space:nowrap}
}
@media (max-width:390px){
  .brand.brand-lockup{max-width:230px;gap:6px}
  .brand-lockup .brand-logo{width:42px;height:42px;flex-basis:42px}
  .brand-lockup .brand-copy strong{font-size:12.5px}
  .brand-lockup .brand-copy small{font-size:6.2px}
}
html[dir="ltr"] .brand.brand-lockup{flex-direction:row;text-align:left}
html[dir="ltr"] .brand-lockup .brand-copy{align-items:flex-start;text-align:left}

/* ===== V16 approved header integration: brand lives inside the header, never in a card ===== */
.topbar{background:rgba(4,17,27,.94);backdrop-filter:blur(10px)}
.brand.brand-lockup{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
.brand-lockup .brand-logo,
.brand-lockup .brand-copy{background:transparent!important;border:0!important;box-shadow:none!important}
.header-curve{filter:drop-shadow(0 6px 10px rgba(255,255,255,.08)) drop-shadow(0 4px 7px rgba(0,0,0,.10))}
.header-curve-fill{fill:#061722}

/* desktop: compact integrated identity on the same baseline as navigation */
@media(min-width:901px){
  .topbar-inner{height:96px;grid-template-columns:minmax(300px,auto) 1fr auto;align-items:center}
  .brand.brand-lockup{height:84px;min-width:300px;padding:0;gap:12px;flex-direction:row;justify-content:flex-start;align-items:center}
  .brand-lockup .brand-logo{width:72px;height:64px;flex:0 0 72px}
  .brand-lockup .brand-copy{align-items:flex-start;text-align:right;gap:2px}
  .brand-lockup .brand-copy strong{font-size:20px;line-height:1.25}
  .brand-lockup .brand-copy small{font-size:9.5px}
  .header-curve{top:96px;height:74px}
}

/* iPad / tablet: same integrated identity, no floating box */
@media(min-width:761px) and (max-width:900px){
  .topbar-inner{height:84px;padding:0 20px;display:grid;grid-template-columns:42px 1fr 54px;gap:12px;direction:ltr}
  .menu-toggle{grid-column:1;display:flex;margin:0}
  .brand.brand-lockup{grid-column:2;justify-self:end;direction:rtl;width:auto;max-width:none;height:72px;padding:0;gap:10px;flex-direction:row}
  .brand-lockup .brand-logo{width:58px;height:58px;flex:0 0 58px}
  .brand-lockup .brand-copy strong{font-size:17px}
  .brand-lockup .brand-copy small{font-size:8px}
  .header-actions{grid-column:3;display:flex!important;margin:0;justify-self:end;direction:ltr}
  .header-actions .lang-toggle{display:inline-flex!important;min-width:48px;height:38px;padding:0 10px}
  .header-actions .top-cta{display:none!important}
  .header-curve{top:84px;height:58px}
  .mobile-nav{top:84px}
}

/* phones: burger | integrated brand | EN, all inside one clean header row */
@media(max-width:760px){
  .topbar{background:rgba(4,17,27,.96)}
  .topbar-inner{height:74px;padding:0 12px;display:grid;grid-template-columns:44px minmax(0,1fr) 48px;align-items:center;gap:8px;direction:ltr}
  .menu-toggle{grid-column:1;display:flex!important;width:40px;height:40px;margin:0;justify-self:start;flex:0 0 auto}
  .brand.brand-lockup{
    grid-column:2;
    justify-self:center;
    direction:rtl;
    width:auto;
    max-width:100%;
    min-width:0;
    height:64px;
    padding:0;
    gap:7px;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    text-align:right;
  }
  .brand-lockup .brand-logo{width:45px;height:45px;flex:0 0 45px}
  .brand-lockup .brand-copy{display:flex!important;align-items:flex-start;text-align:right;min-width:0;gap:1px}
  .brand-lockup .brand-copy strong{font-size:13.2px;line-height:1.25;white-space:nowrap;overflow:visible;text-overflow:clip}
  .brand-lockup .brand-copy small{font-size:6.2px;line-height:1.35;white-space:nowrap;overflow:visible;text-overflow:clip}
  .header-actions{grid-column:3;display:flex!important;margin:0;justify-self:end;direction:ltr}
  .header-actions .lang-toggle{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;height:36px;padding:0 8px;font-size:10px}
  .header-actions .top-cta{display:none!important}
  .lang-toggle-mobile{display:none!important}
  .header-curve{top:74px;height:48px}
  .mobile-nav{top:74px;right:12px;left:12px}
}

@media(max-width:390px){
  .topbar-inner{grid-template-columns:40px minmax(0,1fr) 44px;padding:0 9px;gap:5px}
  .brand.brand-lockup{gap:5px}
  .brand-lockup .brand-logo{width:40px;height:40px;flex-basis:40px}
  .brand-lockup .brand-copy strong{font-size:11.5px}
  .brand-lockup .brand-copy small{font-size:5.6px}
  .header-actions .lang-toggle{min-width:40px;padding:0 6px}
}

/* LTR keeps the same integrated lockup behavior */
html[dir="ltr"] .brand.brand-lockup{direction:ltr}
html[dir="ltr"] .brand-lockup .brand-copy{text-align:left;align-items:flex-start}


/* ===== V18 clean footer contact ===== */
.footer-contact{
  padding-top:24px;
}
.footer-contact h4{
  position:relative;
  display:inline-block;
  margin:0 0 24px;
  color:#e4b55b;
  font-size:20px;
  line-height:1.35;
  font-weight:800;
  letter-spacing:0;
}
.footer-contact h4::after{
  content:"";
  display:block;
  width:42px;
  height:2px;
  margin-top:10px;
  margin-right:0;
  border-radius:999px;
  background:linear-gradient(90deg,#e0b25b,rgba(224,178,91,.15));
}
.footer-contact-details{
  display:flex;
  flex-direction:column;
  gap:16px;
  margin:0;
  padding:0;
  border:0;
  background:none;
  box-shadow:none;
}
.footer-contact-detail{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  align-items:baseline;
  gap:14px;
  margin:0;
  padding:0;
  color:#edf3f6;
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
}
a.footer-contact-detail:hover{
  transform:none;
  color:#edf3f6;
}
.footer-contact-label{
  color:#d8aa54;
  font-size:11px;
  line-height:1.7;
  font-weight:700;
  white-space:nowrap;
}
.footer-contact-detail b{
  color:#eef3f6;
  font-size:12px;
  line-height:1.7;
  font-weight:500;
  text-align:right;
  overflow-wrap:anywhere;
}
@media(max-width:760px){
  .footer-contact{padding-top:20px}
  .footer-contact h4{font-size:18px;margin-bottom:20px}
  .footer-contact h4::after{width:36px;margin-top:8px}
  .footer-contact-details{gap:14px}
  .footer-contact-detail{grid-template-columns:78px minmax(0,1fr);gap:10px}
  .footer-contact-label{font-size:10.5px}
  .footer-contact-detail b{font-size:11.5px}
}
@media(max-width:480px){
  .footer-contact{padding-top:18px}
  .footer-contact h4{font-size:22px;margin-bottom:22px}
  .footer-contact-details{gap:17px}
  .footer-contact-detail{grid-template-columns:84px minmax(0,1fr);gap:12px}
  .footer-contact-label{font-size:11px}
  .footer-contact-detail b{font-size:12.5px;max-width:none;text-align:right}
}
html[dir="ltr"] .footer-contact h4::after{margin-left:0;margin-right:auto}
html[dir="ltr"] .footer-contact-detail b{text-align:left}


/* V20 — supplied oils integrated into the existing design only */
.hero-oils-pair{
  position:absolute;z-index:2;right:5.5%;bottom:8.5%;width:250px;height:245px;
  pointer-events:none;display:flex;align-items:flex-end;justify-content:center;gap:4px;
  filter:drop-shadow(0 20px 20px rgba(0,0,0,.48));
}
.hero-oils-pair img{display:block;width:auto;object-fit:contain;object-position:bottom center}
.hero-oils-pair .oil-valvoline{height:225px;transform:translateY(4px) rotate(-1deg)}
.hero-oils-pair .oil-amsoil{height:185px;transform:translateY(4px)}
.fleet-media-oils{background:radial-gradient(circle at 50% 42%,rgba(224,185,95,.12),transparent 55%),#071722}
.fleet-media-oils img{height:82%;width:auto;max-width:72%;object-fit:contain;margin:auto;filter:drop-shadow(0 16px 18px rgba(0,0,0,.38))}
@media(max-width:1100px){
 .hero-oils-pair{right:3.5%;bottom:9%;width:190px;height:195px}
 .hero-oils-pair .oil-valvoline{height:180px}.hero-oils-pair .oil-amsoil{height:145px}
}
@media(max-width:760px){
 .hero-oils-pair{right:8px;top:214px;bottom:auto;width:118px;height:126px;gap:1px;z-index:1}
 .hero-oils-pair .oil-valvoline{height:116px;transform:translateY(2px)}
 .hero-oils-pair .oil-amsoil{height:92px;transform:translateY(2px)}
 .fleet-media-oils img{height:76%;max-width:64%}
}
@media(max-width:420px){
 .hero-oils-pair{right:6px;top:218px;width:102px;height:108px}
 .hero-oils-pair .oil-valvoline{height:100px}.hero-oils-pair .oil-amsoil{height:80px}
}

/* V21 — keep original design; blend supplied oils into the vehicle scene */
.hero-oils-pair{
  right:8.5%;bottom:12.5%;width:205px;height:180px;gap:0;z-index:1;
  align-items:flex-end;opacity:.96;
  filter:drop-shadow(0 16px 16px rgba(0,0,0,.42));
}
.hero-oils-pair .oil-valvoline{height:170px;transform:translate(12px,8px) rotate(-1deg)}
.hero-oils-pair .oil-amsoil{height:132px;transform:translate(-5px,8px)}
@media(max-width:1100px){
  .hero-oils-pair{right:6%;bottom:13%;width:165px;height:150px}
  .hero-oils-pair .oil-valvoline{height:142px}.hero-oils-pair .oil-amsoil{height:110px}
}
@media(max-width:760px){
  .hero-oils-pair{right:7%;top:238px;bottom:auto;width:96px;height:92px;z-index:1;opacity:.94}
  .hero-oils-pair .oil-valvoline{height:86px;transform:translate(7px,4px)}
  .hero-oils-pair .oil-amsoil{height:66px;transform:translate(-2px,4px)}
}
@media(max-width:420px){
  .hero-oils-pair{right:6%;top:242px;width:86px;height:82px}
  .hero-oils-pair .oil-valvoline{height:76px}.hero-oils-pair .oil-amsoil{height:59px}
}

/* V22 — responsive header identity: larger logo/company name, same approved design */
@media(min-width:1200px){
  .topbar-inner{grid-template-columns:minmax(350px,auto) 1fr auto}
  .brand.brand-lockup{min-width:350px;height:92px;gap:14px}
  .brand-lockup .brand-logo{width:84px;height:76px;flex-basis:84px}
  .brand-lockup .brand-copy strong{font-size:24px;line-height:1.18}
  .brand-lockup .brand-copy small{font-size:11px;line-height:1.35}
}
@media(min-width:901px) and (max-width:1199px){
  .topbar-inner{grid-template-columns:minmax(290px,auto) 1fr auto}
  .brand.brand-lockup{min-width:290px;gap:11px}
  .brand-lockup .brand-logo{width:70px;height:64px;flex-basis:70px}
  .brand-lockup .brand-copy strong{font-size:20px}
  .brand-lockup .brand-copy small{font-size:9.5px}
}
@media(min-width:761px) and (max-width:900px){
  .brand.brand-lockup{gap:10px;justify-self:center}
  .brand-lockup .brand-logo{width:64px;height:60px;flex-basis:64px}
  .brand-lockup .brand-copy strong{font-size:18px;line-height:1.2}
  .brand-lockup .brand-copy small{font-size:8.5px}
}
@media(max-width:760px){
  .topbar-inner{height:82px;grid-template-columns:46px minmax(0,1fr) 50px;gap:6px;padding-inline:10px}
  .brand.brand-lockup{height:72px;gap:8px;max-width:none;width:100%;justify-content:center}
  .brand-lockup .brand-logo{width:56px;height:56px;flex-basis:56px}
  .brand-lockup .brand-copy strong{font-size:16px;line-height:1.2;font-weight:800}
  .brand-lockup .brand-copy small{font-size:7.5px;line-height:1.35}
  .header-curve{top:82px}
  .mobile-nav{top:82px}
}
@media(max-width:390px){
  .topbar-inner{height:80px;grid-template-columns:42px minmax(0,1fr) 46px;padding-inline:7px;gap:4px}
  .brand.brand-lockup{height:70px;gap:6px}
  .brand-lockup .brand-logo{width:50px;height:50px;flex-basis:50px}
  .brand-lockup .brand-copy strong{font-size:14.5px}
  .brand-lockup .brand-copy small{font-size:6.8px}
  .header-curve{top:80px}
  .mobile-nav{top:80px}
}

/* ===== V23 exact header lockup alignment ===== */
.brand.brand-lockup{
  width:310px;
  height:88px;
  margin:0;
  padding:0;
  flex-direction:row-reverse;
  justify-content:flex-start;
  align-items:center;
  gap:14px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  text-align:right;
}
.brand-lockup .brand-logo{width:82px;height:72px;flex:0 0 82px}
.brand-lockup .brand-logo:after{display:none}
.brand-lockup .brand-logo img{width:82px;height:72px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.28))}
.brand-lockup .brand-copy{align-items:flex-start;text-align:right;line-height:1.18;white-space:nowrap}
.brand-lockup .brand-copy strong{font-size:22px;font-weight:900;letter-spacing:-.5px}
.brand-lockup .brand-copy small{font-size:10px;margin-top:5px;color:#d9ad4d;font-weight:900}

@media (max-width:1000px){
  .topbar-inner{grid-template-columns:250px 1fr auto;gap:18px;padding:0 24px}
  .brand.brand-lockup{width:250px;gap:10px}
  .brand-lockup .brand-logo{width:66px;height:60px;flex-basis:66px}
  .brand-lockup .brand-logo img{width:66px;height:60px}
  .brand-lockup .brand-copy strong{font-size:18px}
  .brand-lockup .brand-copy small{font-size:8.5px}
}

@media (max-width:760px){
  .topbar-inner{height:118px;padding:0 20px;display:grid;grid-template-columns:54px 1fr 54px;align-items:center;gap:8px}
  .brand.brand-lockup{grid-column:2;width:100%;height:86px;justify-content:center;gap:9px;min-width:0}
  .brand-lockup .brand-logo{width:58px;height:58px;flex:0 0 58px}
  .brand-lockup .brand-logo img{width:58px;height:58px}
  .brand-lockup .brand-copy{min-width:0;align-items:flex-start;text-align:right;white-space:nowrap}
  .brand-lockup .brand-copy strong{font-size:17px;line-height:1.2}
  .brand-lockup .brand-copy small{font-size:7.5px;line-height:1.25;margin-top:4px}
  .menu-toggle{grid-column:1;grid-row:1;width:48px;height:48px}
  .header-actions{grid-column:3;grid-row:1;display:flex;justify-content:flex-end}
  .header-actions .top-cta{display:none}
  .header-actions .lang-toggle{display:flex;width:48px;height:48px;align-items:center;justify-content:center;padding:0;border-radius:50%}
  .header-curve{top:92px}
}

@media (max-width:430px){
  .topbar-inner{padding:0 14px;grid-template-columns:48px 1fr 48px}
  .brand.brand-lockup{gap:7px}
  .brand-lockup .brand-logo{width:50px;height:52px;flex-basis:50px}
  .brand-lockup .brand-logo img{width:50px;height:52px}
  .brand-lockup .brand-copy strong{font-size:15px}
  .brand-lockup .brand-copy small{font-size:6.6px}
  .menu-toggle,.header-actions .lang-toggle{width:44px;height:44px}
}

/* V24 FIXED — integrate only the supplied oil/filter images into the approved V23 hero */
.hero-oils-pair{
  right:4.3%; bottom:7.7%; width:390px; height:235px; z-index:1;
  display:block; opacity:1; filter:none; pointer-events:none;
}
.hero-oils-pair img{
  position:absolute; display:block; width:auto; object-fit:contain; object-position:bottom center;
  filter:drop-shadow(0 14px 14px rgba(0,0,0,.48));
}
.hero-oils-pair .oil-valvoline{height:176px; right:168px; bottom:0; transform:rotate(-1deg)}
.hero-oils-pair .oil-amsoil{height:135px; right:102px; bottom:1px; transform:none}
.hero-oils-pair .oil-group{height:142px; right:0; bottom:0; transform:none; opacity:.98}
.hero-oils-pair .oil-filter{height:72px; right:300px; bottom:0; transform:none}
.fleet-media-oils img{height:78%; width:auto; max-width:86%; object-fit:contain; margin:auto; filter:drop-shadow(0 16px 18px rgba(0,0,0,.32))}

@media(max-width:1100px){
  .hero-oils-pair{right:2.3%; bottom:8.4%; width:300px; height:186px}
  .hero-oils-pair .oil-valvoline{height:140px; right:128px}
  .hero-oils-pair .oil-amsoil{height:108px; right:77px}
  .hero-oils-pair .oil-group{height:112px; right:0}
  .hero-oils-pair .oil-filter{height:57px; right:228px}
}
@media(max-width:760px){
  .hero-oils-pair{right:3%; top:239px; bottom:auto; width:174px; height:99px; z-index:1}
  .hero-oils-pair .oil-valvoline{height:78px; right:74px; bottom:0}
  .hero-oils-pair .oil-amsoil{height:60px; right:45px; bottom:0}
  .hero-oils-pair .oil-group{height:62px; right:0; bottom:0}
  .hero-oils-pair .oil-filter{height:31px; right:132px; bottom:0}
  .fleet-media-oils img{height:72%; max-width:82%}
}
@media(max-width:420px){
  .hero-oils-pair{right:2%; top:243px; width:154px; height:90px}
  .hero-oils-pair .oil-valvoline{height:70px; right:66px}
  .hero-oils-pair .oil-amsoil{height:54px; right:40px}
  .hero-oils-pair .oil-group{height:56px}
  .hero-oils-pair .oil-filter{height:28px; right:117px}
}

/* V25 — refined oil/product composition inside the existing hero (no redesign) */
.hero-oils-pair{
  right:3.2%;
  bottom:3.2%;
  width:470px;
  height:230px;
  z-index:2;
  isolation:isolate;
}
.hero-oils-pair::after{
  content:"";
  position:absolute;
  right:12px;
  bottom:1px;
  width:430px;
  height:34px;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.48) 0%,rgba(0,0,0,.23) 42%,rgba(0,0,0,0) 74%);
  filter:blur(5px);
  z-index:-1;
  pointer-events:none;
}
.hero-oils-pair img{
  transform-origin:bottom center;
  filter:drop-shadow(0 12px 12px rgba(0,0,0,.40));
}
.hero-oils-pair .oil-group{
  height:158px;
  right:0;
  bottom:5px;
  opacity:.96;
  z-index:1;
}
.hero-oils-pair .oil-valvoline{
  height:190px;
  right:220px;
  bottom:3px;
  transform:rotate(-1deg);
  z-index:3;
}
.hero-oils-pair .oil-amsoil{
  height:148px;
  right:150px;
  bottom:4px;
  z-index:4;
}
.hero-oils-pair .oil-filter{
  height:86px;
  right:374px;
  bottom:4px;
  z-index:5;
}

@media(max-width:1100px){
  .hero-oils-pair{
    right:2.5%;
    bottom:4.4%;
    width:360px;
    height:190px;
  }
  .hero-oils-pair::after{width:330px;height:28px;right:8px}
  .hero-oils-pair .oil-group{height:124px;right:0}
  .hero-oils-pair .oil-valvoline{height:150px;right:170px}
  .hero-oils-pair .oil-amsoil{height:116px;right:115px}
  .hero-oils-pair .oil-filter{height:66px;right:286px}
}

@media(max-width:760px){
  /* Keep products visually grounded at the bottom edge of the vehicle photo. */
  .hero-oils-pair{
    top:252px;
    right:4.5%;
    bottom:auto;
    width:238px;
    height:90px;
    z-index:2;
  }
  .hero-oils-pair::after{width:220px;height:20px;right:4px;bottom:-1px;filter:blur(4px)}
  .hero-oils-pair .oil-group{height:82px;right:0;bottom:1px;opacity:.96}
  .hero-oils-pair .oil-valvoline{height:96px;right:111px;bottom:1px;transform:rotate(-1deg)}
  .hero-oils-pair .oil-amsoil{height:74px;right:76px;bottom:1px}
  .hero-oils-pair .oil-filter{height:43px;right:190px;bottom:1px}
}

@media(max-width:420px){
  .hero-oils-pair{
    top:250px;
    right:3.5%;
    width:215px;
    height:86px;
  }
  .hero-oils-pair::after{width:198px;height:18px}
  .hero-oils-pair .oil-group{height:76px}
  .hero-oils-pair .oil-valvoline{height:90px;right:100px}
  .hero-oils-pair .oil-amsoil{height:68px;right:69px}
  .hero-oils-pair .oil-filter{height:39px;right:171px}
}


/* v29 final fixes */
.hero-oils-pair{display:none!important;}
.fleet-media-oils{background:#f7f5ef!important;}
.fleet-media-oils img{height:78%!important;width:auto!important;max-width:82%!important;object-fit:contain!important;margin:auto!important;filter:drop-shadow(0 14px 16px rgba(8,22,34,.16))!important;}
@media(max-width:760px){.fleet-media-oils img{height:72%!important;max-width:78%!important;}}