:root{
  --navy:#090f2f;
  --navy-2:#11194a;
  --gold:#25248f;
  --gold-2:#5b5cc7;
  --blue:#25248f;
  --blue-light:#5b5cc7;
  --silver:#8b8b8b;
  --silver-light:#d7d7dc;
  --white:#fff;
  --text:#171a2b;
  --muted:#737583;
  --line:#e1e2e8;
  --bg:#f5f6fa;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Manrope",sans-serif;color:var(--text);background:#fff;line-height:1.65}
a{text-decoration:none;color:inherit}
img{max-width:100%}
.container{width:min(1180px,92%);margin:auto}
.header{position:fixed;top:0;left:0;width:100%;z-index:999;padding:18px 0;transition:.35s;border-bottom:1px solid transparent}
.header.scrolled{background:rgba(7,17,31,.96);padding:12px 0;border-color:rgba(255,255,255,.1);backdrop-filter:blur(12px)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;gap:12px;align-items:center;color:#fff}
.brand-mark{width:45px;height:45px;border:1px solid var(--gold);display:grid;place-items:center;font-weight:800;color:var(--gold);letter-spacing:1px}
.brand strong{display:block;font-size:15px;letter-spacing:1.5px}
.brand small{display:block;font-size:10px;color:#aab2bd;letter-spacing:2px;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:26px;color:#fff}
.nav a{font-size:13px;font-weight:600;opacity:.9}
.nav a:hover{color:var(--gold)}
.nav-cta{border:1px solid var(--gold);padding:10px 18px;color:var(--gold)!important}
.menu-btn{display:none;background:none;border:0}
.menu-btn span{display:block;width:28px;height:2px;background:#fff;margin:6px}

.hero{height:100vh;min-height:720px;position:relative;display:flex;align-items:center;background:
  linear-gradient(90deg,rgba(4,10,18,.94),rgba(4,10,18,.55),rgba(4,10,18,.3)),
  url("assets/bg.png") center/cover no-repeat}
  
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,17,31,.15),rgba(7,17,31,.45))}
.hero-content{position:relative;color:#fff;padding-top:70px}
.eyebrow,.section-label{font-size:11px;letter-spacing:3px;font-weight:800;color:var(--gold);margin-bottom:18px}
.hero h1{font-family:"Playfair Display",serif;font-size:clamp(52px,7vw,92px);line-height:1.02;max-width:900px;font-weight:600}
.hero h1 span{color:var(--gold-2)}
.hero p{max-width:690px;font-size:18px;color:#d4dae2;margin:28px 0 34px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 25px;font-size:13px;font-weight:800;letter-spacing:.5px;border:1px solid transparent;transition:.3s;cursor:pointer}
.btn-gold{background:var(--gold);color:var(--navy)}
.btn-gold:hover{background:var(--gold-2);transform:translateY(-2px)}
.btn-outline{border-color:rgba(255,255,255,.5);color:#fff}
.btn-outline:hover{border-color:var(--gold);color:var(--gold)}
.btn-dark{background:var(--navy);color:#fff;width:100%}
.hero-stats{display:flex;gap:60px;margin-top:65px}
.hero-stats div{border-left:1px solid rgba(255,255,255,.35);padding-left:16px}
.hero-stats strong{display:block;font-size:24px;color:var(--gold-2)}
.hero-stats span{font-size:11px;color:#b7c0cb;letter-spacing:1px;text-transform:uppercase}
.scroll-note{position:absolute;right:35px;bottom:60px;color:#fff;font-size:9px;letter-spacing:3px;transform:rotate(90deg);transform-origin:right bottom}
.trust-strip{background:var(--navy);color:#aeb8c4;border-top:1px solid rgba(255,255,255,.08)}
.trust-grid{display:grid;grid-template-columns:repeat(5,1fr);padding:22px 0;text-align:center;font-size:11px;letter-spacing:1px;text-transform:uppercase}
.trust-grid span+span{border-left:1px solid rgba(255,255,255,.12)}
.section{padding:110px 0}
.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}
.image-panel{position:relative;min-height:560px}
.image-main{height:100%;min-height:560px;background:url("https://images.unsplash.com/photo-1601584115197-04ecc0da31d7?auto=format&fit=crop&w=1200&q=85") center/cover}
.experience-card{position:absolute;right:-35px;bottom:35px;background:var(--navy);color:#fff;padding:28px 34px;border-left:4px solid var(--gold)}
.experience-card strong{display:block;color:var(--gold);font-family:"Playfair Display",serif;font-size:28px}
.experience-card span{font-size:12px;color:#c3cad3}
.section h2{font-family:"Playfair Display",serif;font-size:clamp(38px,5vw,58px);line-height:1.12;color:var(--navy);margin-bottom:25px}
.content p{color:var(--muted);margin-bottom:18px}
.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}
.check-grid span{font-size:13px;font-weight:700;color:#344052}
.text-link{font-weight:800;color:#9d7531;border-bottom:1px solid #caa660;padding-bottom:4px}
.dark-section{background:var(--navy);color:#fff}
.dark-section h2,.cta-section h2{color:#fff}
.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:55px}
.section-head>div{max-width:720px}
.section-head>p{max-width:360px;color:#aeb7c2}
.gold{color:var(--gold)}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.08)}
.service-card{background:var(--navy-2);padding:38px;min-height:310px;position:relative;transition:.3s}
.service-card:hover,.service-card.featured{background:#11233a;transform:translateY(-4px)}
.service-no{position:absolute;right:25px;top:20px;color:rgba(255,255,255,.16);font-size:30px;font-family:"Playfair Display",serif}
.service-icon{font-size:34px;margin-bottom:30px}
.service-card h3{font-family:"Playfair Display",serif;font-size:23px;margin-bottom:15px;color:#fff}
.service-card p{font-size:14px;color:#aeb7c2}
.fleet{background:var(--bg)}
.light-head p{color:var(--muted)}
.fleet-grid{display:grid;grid-template-columns:1.35fr .85fr .85fr;gap:18px}
.fleet-card{height:480px;position:relative;background-size:cover!important;background-position:center!important;overflow:hidden}
.fleet-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(7,17,31,.88))}
.fleet-card>div{position:absolute;left:30px;bottom:28px;z-index:1;color:#fff}
.fleet-card span{font-size:10px;letter-spacing:2px;color:var(--gold)}
.fleet-card h3{font-family:"Playfair Display",serif;font-size:27px}
.truck{background:url("https://images.unsplash.com/photo-1592838064575-70ed626d3a0e?auto=format&fit=crop&w=1200&q=85")}
.tanker{background:url("https://images.unsplash.com/photo-1567361808960-dec9cb578182?auto=format&fit=crop&w=900&q=85")}
.pickup{background:url("https://images.unsplash.com/photo-1533473359331-0135ef1b58bf?auto=format&fit=crop&w=900&q=85")}
.center-head{text-align:center;max-width:760px;margin:0 auto 55px}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.why-card{padding:35px 25px;border:1px solid var(--line);transition:.3s}
.why-card:hover{border-color:var(--gold);transform:translateY(-5px)}
.why-card strong{color:var(--gold);font-size:13px}
.why-card h3{font-family:"Playfair Display",serif;font-size:22px;margin:18px 0 10px}
.why-card p{font-size:13px;color:var(--muted)}
.cta-section{padding:85px 0;background:
  linear-gradient(90deg,rgba(7,17,31,.98),rgba(7,17,31,.83)),
  url("https://images.unsplash.com/photo-1519003722824-194d4455a60c?auto=format&fit=crop&w=1800&q=80") center/cover}
.cta-wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}
.cta-wrap>div{max-width:750px}
.cta-section h2{font-size:44px;margin:0}
.contact{background:#fff}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
.contact p{color:var(--muted);max-width:500px}
.contact-info{margin-top:35px;display:grid;gap:15px}
.contact-info a,.contact-info div{padding:17px 0;border-bottom:1px solid var(--line)}
.contact-info span{display:block;font-size:10px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}
.contact-info strong{font-size:17px}
.quote-form{background:var(--bg);padding:38px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
label{display:block;font-size:12px;font-weight:800;margin-bottom:18px}
input,select,textarea{width:100%;margin-top:8px;padding:14px 14px;border:1px solid #d9dde2;background:#fff;font-family:inherit;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--gold)}
.footer{background:#050c15;color:#fff;padding:45px 0 20px}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px}
.footer-brand{color:#fff}
.footer-grid p{color:#8f9aa8;font-size:13px}
.footer-links{display:flex;justify-content:flex-end;gap:22px;font-size:12px}
.copyright{border-top:1px solid rgba(255,255,255,.08);padding-top:20px;margin-top:30px;color:#687483;font-size:11px}
.whatsapp-float{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-weight:800;z-index:999;box-shadow:0 10px 30px rgba(0,0,0,.25)}
@media(max-width:960px){
  .nav{position:fixed;top:0;right:-100%;height:100vh;width:280px;background:var(--navy);flex-direction:column;align-items:flex-start;padding:100px 35px;transition:.35s}
  .nav.open{right:0}
  .menu-btn{display:block;z-index:1000}
  .two-col,.contact-grid{grid-template-columns:1fr}
  .image-panel{min-height:460px}
  .services-grid{grid-template-columns:1fr 1fr}
  .fleet-grid{grid-template-columns:1fr}
  .fleet-card{height:380px}
  .why-grid{grid-template-columns:1fr 1fr}
  .section-head,.cta-wrap{align-items:flex-start;flex-direction:column}
}
@media(max-width:640px){
  .hero{min-height:760px}
  .hero h1{font-size:48px}
  .hero p{font-size:15px}
  .hero-stats{gap:18px;flex-wrap:wrap}
  .trust-grid{grid-template-columns:1fr 1fr;gap:16px}
  .trust-grid span+span{border:0}
  .section{padding:75px 0}
  .services-grid,.why-grid,.form-row,.footer-grid{grid-template-columns:1fr}
  .section-head{margin-bottom:35px}
  .service-card{min-height:auto}
  .experience-card{right:0}
  .check-grid{grid-template-columns:1fr}
  .footer-links{justify-content:flex-start}
  .cta-section h2{font-size:34px}
  .scroll-note{display:none}
}


/* MND logo-based theme refinements */
.brand-logo{
  width:245px;
  height:66px;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 4px 14px rgba(0,0,0,.18));
}
.footer-logo{
  width:260px;
  max-width:100%;
  height:auto;
  object-fit:contain;
}
.header.scrolled .brand-logo{height:58px}
.hero{
  background:
    linear-gradient(90deg,rgba(9,15,47,.96),rgba(25,27,78,.70),rgba(37,36,143,.30)),
    url("https://images.unsplash.com/photo-1586191582151-f73872dfd183?auto=format&fit=crop&w=2000&q=85") center/cover no-repeat;
}
.hero-overlay{
  background:linear-gradient(180deg,rgba(37,36,143,.10),rgba(9,15,47,.55));
}
.btn-gold{
  background:var(--blue);
  color:#fff;
  box-shadow:0 10px 28px rgba(37,36,143,.28);
}
.btn-gold:hover{background:var(--blue-light);color:#fff}
.nav-cta{border-color:#8f90dc;color:#d7d8ff!important}
.nav-cta:hover{background:var(--blue);color:#fff!important}
.brand-mark{border-color:var(--blue-light);color:var(--blue-light)}
.trust-strip{background:#080e2b}
.dark-section{background:linear-gradient(145deg,#080e2b,#151b55)}
.service-card{background:#121844}
.service-card:hover,.service-card.featured{
  background:linear-gradient(145deg,#20216f,#303198);
}
.service-no{color:rgba(215,215,220,.20)}
.experience-card{
  background:linear-gradient(145deg,#141a50,#26278c);
  border-left-color:var(--silver);
}
.experience-card strong{color:#fff}
.text-link{color:var(--blue);border-color:var(--blue)}
.why-card:hover{border-color:var(--blue);box-shadow:0 18px 42px rgba(37,36,143,.10)}
.why-card strong,.section-label,.eyebrow,.fleet-card span{color:var(--blue)}
.dark-section .section-label,.cta-section .section-label,.hero .eyebrow{color:#b9baff}
.cta-section{
  background:
    linear-gradient(90deg,rgba(8,14,43,.98),rgba(30,31,104,.88)),
    url("https://images.unsplash.com/photo-1519003722824-194d4455a60c?auto=format&fit=crop&w=1800&q=80") center/cover;
}
.quote-form{
  background:linear-gradient(145deg,#f5f6fa,#ececf3);
  border-top:4px solid var(--blue);
}
input:focus,select:focus,textarea:focus{border-color:var(--blue)}
.footer{background:#070c28}
.whatsapp-float{box-shadow:0 10px 30px rgba(37,36,143,.22)}
@media(max-width:640px){
  .brand-logo{width:190px;height:54px}
  .footer-logo{width:220px}
}