:root{
    --bg:#0A0A09;
    --bg-alt:#141412;
    --surface:#191915;
    --surface-2:#1F1F1A;
    --orange:#FF9E01;
    --orange-dark:#D98600;
    --amber:#FFC169;
    --text:#F6F4EC;
    --text-dim:#9C998D;
    --line:#2B2B25;
    --line-soft:rgba(246,244,236,0.10);
    --radius:2px;
    --display: 'General Sans', 'Inter', sans-serif;
    --body: 'Inter', sans-serif;
    --mono: 'IBM Plex Mono', monospace;
  }
  .promise{padding:96px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--bg-alt);}
  .promise .eyebrow{justify-content:center; text-align:center; display:flex; font-size:18px; letter-spacing:0.16em;}
  .promise-text{
    font-family:var(--display);
    font-weight:600;
    font-size:clamp(24px,3.6vw,42px);
    line-height:1.35;
    letter-spacing:-0.01em;
    max-width:920px;
    margin:22px auto 0;
    text-align:center;
  }
  .promise-text .word{
    color:#3A392F;
    transition:color 0.45s ease, opacity 0.45s ease, text-shadow 0.45s ease;
    opacity:0.4;
  }
  .promise-text .word.is-active{
    color:var(--text);
    opacity:1;
    text-shadow:0 0 6px rgba(246,244,236,0.15);
  }
  .promise-text .word.is-accent{
    color:var(--orange-dark);
  }
  .promise-text .word.is-accent.is-active{
    color:var(--orange);
    text-shadow:0 0 6px rgba(255,158,1,0.25);
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important;}
  }
  body{
    font-family:var(--body);
    background:var(--bg);
    color:var(--text);
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }
  a{color:inherit; text-decoration:none;}
  img{max-width:100%; display:block;}
  .wrap{max-width:1160px; margin:0 auto; padding:0 28px;}
  h1,h2,h3{font-family:var(--display); letter-spacing:-0.015em; line-height:1.05;}
  .eyebrow{
    font-family:var(--body);
    font-weight:600;
    font-size:12.5px;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:var(--orange);
    display:flex;
    align-items:center;
    gap:10px;
  }
  .eyebrow::before{content:""; width:22px; height:1px; background:var(--orange);}
  button, .btn{
    font-family:var(--body);
    font-weight:600;
    font-size:15px;
    cursor:pointer;
    border:none;
    border-radius:var(--radius);
    padding:13px 24px;
    transition:transform .15s ease, background .2s ease, box-shadow .2s ease;
  }
  .btn-primary{background:var(--orange); color:#0A0A09;}
  .btn-primary:hover{background:var(--orange-dark);}
  .btn-primary:focus-visible, .btn-ghost:focus-visible, a:focus-visible, .navlink:focus-visible{
    outline:2px solid var(--orange); outline-offset:3px;
  }
  .btn-ghost{background:transparent; color:var(--text); border:1px solid var(--line-soft); }
  .btn-ghost:hover{background:var(--surface); border-color:var(--orange);}

  /* ===== HEADER ===== */
  header{
    position:sticky; top:0; z-index:50;
    background:rgba(10,10,9,0.90);
    backdrop-filter:blur(8px);
    border-bottom:1px solid var(--line);
  }
  .topbar{
    background:#000; color:var(--text-dim);
    font-family:var(--body); font-size:13px; font-weight:500;
    letter-spacing:.01em;
    border-bottom:1px solid var(--line);
  }
  .topbar .wrap{
    display:flex; justify-content:space-between; align-items:center;
    padding:8px 28px; flex-wrap:wrap; gap:6px;
  }
  .topbar a{color:var(--amber);}
  nav.main{display:none;}
  .brand-row{
    display:flex; align-items:center; justify-content:space-between;
    padding:16px 28px;
  }
  .nav-row{
    display:flex; align-items:center; justify-content:center;
    padding:10px 28px;
    border-top:1px solid var(--line);
  }
  .nav-row .navlinks{gap:40px;}
  .logo{
    font-family:var(--display); font-weight:700; font-size:20px;
    letter-spacing:-0.01em; display:flex; align-items:center; gap:14px; color:var(--text);
  }
  .logo .mark{
    width:96px; height:96px; border-radius:50%; overflow:hidden; flex-shrink:0;
  }
  .logo .mark img{width:100%; height:100%; object-fit:cover;}
  .logo small{display:block; font-family:var(--mono); font-weight:400; font-size:11px; letter-spacing:.12em; color:var(--text-dim); text-transform:uppercase; margin-top:2px; text-align:center;}
  .navlinks{display:flex; gap:32px; align-items:center;}
  .navlink{font-size:14px; font-weight:500; color:var(--text-dim); position:relative; padding:4px 0;}
  .navlink:hover{color:var(--text);}
  .navlink::after{content:""; position:absolute; left:0; bottom:-2px; width:0; height:1px; background:var(--orange); transition:width .2s ease;}
  .navlink:hover::after{width:100%;}
  .nav-cta{display:flex; align-items:center; gap:18px;}
  .nav-phone{font-family:var(--mono); font-size:13px; color:var(--text); display:flex; align-items:center; gap:6px;}
  .burger{display:none; background:none; border:none; padding:6px;}
  .burger span{display:block; width:22px; height:2px; background:var(--text); margin:5px 0;}

  /* ===== HERO ===== */
  .hero{
    position:relative;
    padding:88px 0 64px;
    overflow:hidden;
    background:var(--bg);
  }
  .hero-video-bg{
    position:absolute; inset:0; width:100%; height:100%;
    object-fit:cover; object-position:center; z-index:0;
  }
  .hero-video-overlay{
    position:absolute; inset:0; z-index:1;
    background:
      linear-gradient(180deg, rgba(10,10,9,0.55) 0%, rgba(10,10,9,0.62) 55%, rgba(10,10,9,0.88) 100%),
      linear-gradient(100deg, rgba(10,10,9,0.35) 0%, rgba(10,10,9,0) 55%);
  }
  .hero .wrap.hero-grid{position:relative; z-index:2;}
  .hero-grid{display:grid; grid-template-columns:1.15fr 0.85fr; gap:56px; align-items:center;}
  .hero h1{font-size:clamp(38px,5vw,60px); font-weight:700; margin:18px 0 22px; color:var(--text);}
  .hero h1 em{font-style:normal; font-weight:700; color:var(--orange);}
  .hero p.lead{font-size:18px; color:var(--text-dim); max-width:480px; margin-bottom:32px;}
  .hero-actions{display:flex; gap:14px; flex-wrap:wrap; margin-bottom:44px;}

  .manifest-strip{
    display:flex; border:1px solid rgba(246,244,236,0.16); border-radius:var(--radius);
    overflow:hidden;
    background:rgba(20,20,18,0.55);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }
  .manifest-strip div{
    flex:1; padding:20px 18px; border-right:1px solid var(--line);
  }
  .manifest-strip div:last-child{border-right:none;}
  .manifest-strip .num{font-family:var(--display); font-size:38px; font-weight:700; color:var(--orange); line-height:1.1;}
  .manifest-strip .lbl{font-family:var(--body); font-weight:600; font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--text-dim); margin-top:4px;}

  /* Route card signature visual */
  .route-card{
    background:rgba(20,20,18,0.55); border:1px solid rgba(246,244,236,0.16); border-radius:4px; padding:26px 24px 22px;
    color:var(--text); position:relative;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }
  .route-card .tag{
    font-family:var(--body); font-weight:600; font-size:11.5px; letter-spacing:.08em; text-transform:uppercase;
    color:var(--orange); border:1px solid rgba(255,158,1,0.35); display:inline-block;
    padding:3px 9px; border-radius:2px; margin-bottom:18px;
  }
  .route-line{position:relative; height:120px; margin:8px 4px 20px;}
  .route-line svg{width:100%; height:100%; display:block;}
  .route-labels{display:flex; justify-content:space-between; font-family:var(--mono); font-size:12px;}
  .route-labels .from{color:var(--text);}
  .route-labels .to{color:var(--orange); text-align:right;}
  .route-labels small{display:block; color:var(--text-dim); font-size:10px; margin-top:2px;}
  .manifest-id{
    margin-top:18px; padding-top:16px; border-top:1px dashed var(--line);
    font-family:var(--mono); font-size:11px; color:var(--text-dim);
    display:flex; justify-content:space-between;
  }

  /* ===== SECTION HEADERS ===== */
  section{padding:88px 0;}
  .sec-head{max-width:640px; margin-bottom:48px;}
  .sec-head h2{font-size:clamp(28px,3.4vw,38px); margin-top:14px; font-weight:600; color:var(--text);}
  .sec-head p{color:var(--text-dim); margin-top:14px; font-size:16px;}

  /* ===== WHY / STATS ===== */
  .why{background:var(--bg-alt); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:4px; overflow:hidden;}
  .why-card{background:var(--bg-alt); padding:32px 28px;}
  .why-card .n{font-family:var(--body); font-weight:600; font-size:12px; letter-spacing:.04em; color:var(--orange); margin-bottom:14px;}
  .why-card h3{font-size:22px; font-weight:600; margin-bottom:10px; color:var(--text);}
  .why-card p{font-size:16px; line-height:1.5; color:var(--text-dim);}

  /* ===== FLEET ===== */
  .fleet-tabs{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:36px;}
  .tab{
    font-family:var(--mono); font-size:12px; letter-spacing:.05em; text-transform:uppercase;
    padding:9px 16px; border:1px solid var(--line); border-radius:20px; background:var(--surface);
    color:var(--text-dim); cursor:pointer; transition:all .15s ease;
  }
  .tab.active, .tab:hover{background:var(--orange); border-color:var(--orange); color:#0A0A09;}
  .fleet-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
  .vcard{
    background:var(--surface); border:1px solid var(--line); border-radius:4px; overflow:hidden;
    display:flex; flex-direction:column; transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease;
  }
  .vcard:hover{box-shadow:0 14px 30px -18px rgba(255,158,1,0.25); transform:translateY(-2px); border-color:rgba(255,158,1,0.4);}
  .vcard-top{
    background:var(--surface-2); padding:26px 22px 18px; position:relative;
    border-bottom:1px dashed var(--line);
  }
  .vcard-top .stamp{
    position:absolute; top:16px; right:16px; font-family:var(--mono); font-size:9.5px;
    color:var(--orange); border:1px solid var(--orange); padding:2px 7px; border-radius:2px;
    letter-spacing:.08em; transform:rotate(3deg);
  }
  .vcard-top .brand{font-family:var(--mono); font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:var(--text-dim);}
  .vcard-top h3{font-size:20px; margin-top:6px; font-weight:600; color:var(--text);}
  .vcard-body{padding:18px 22px 22px; flex:1; display:flex; flex-direction:column;}
  .spec-row{display:flex; justify-content:space-between; font-family:var(--mono); font-size:12.5px; padding:7px 0; border-bottom:1px solid var(--line); color:var(--text-dim);}
  .spec-row span:last-child{color:var(--text); font-weight:500;}
  .vcard-cta{
    margin-top:16px; display:flex; justify-content:space-between; align-items:center;
    font-size:13.5px; font-weight:600; color:var(--orange);
  }
  .vcard-cta:hover{text-decoration:underline;}

  /* ===== PROCESS ===== */
  .process{background:var(--bg-alt); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .steps{display:grid; grid-template-columns:repeat(5,1fr); gap:0; position:relative; margin-top:12px;}
  .steps::before{
    content:""; position:absolute; top:22px; left:6%; right:6%; height:1px;
    background:repeating-linear-gradient(90deg, var(--amber) 0 8px, transparent 8px 14px);
    opacity:0.5;
  }
  .step{position:relative; padding-right:14px;}
  .step .dot{
    width:44px; height:44px; border-radius:50%; background:var(--bg-alt); border:2px solid var(--orange);
    display:flex; align-items:center; justify-content:center; font-family:var(--mono); font-weight:600;
    color:var(--orange); font-size:14px; margin-bottom:18px; position:relative; z-index:1;
  }
  .step h3{font-size:18.5px; font-weight:600; margin-bottom:8px; color:var(--text);}
  .step p{font-size:15px; line-height:1.45; color:var(--text-dim);}

  /* ===== ROUTES / COVERAGE ===== */
  .coverage-grid{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}
  .region-list{display:grid; grid-template-columns:1fr 1fr; gap:0 48px;}
  .region-list div{
    font-family:var(--body); font-size:14px; padding:11px 0; border-bottom:1px solid var(--line);
    display:flex; justify-content:space-between; color:var(--text-dim);
  }
  .region-list div span{color:var(--text); font-weight:500;}

  /* ===== TESTIMONIALS ===== */
  .testi-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
  .tcard{background:var(--surface); border:1px solid var(--line); border-radius:4px; padding:26px; }
  .tcard .quote{font-size:17px; color:var(--text); margin-bottom:18px; line-height:1.6;}
  .tcard .who{font-family:var(--mono); font-size:14px; color:var(--text-dim); border-top:1px solid var(--line); padding-top:12px;}
  .tcard .who span{color:var(--orange);}

  /* ===== CONTACT / QUOTE ===== */
  .quote-sec{background:#000; border-top:1px solid var(--line);}
  .quote-grid{display:grid; grid-template-columns:1fr 1fr; gap:56px;}
  .quote-sec h2{font-size:clamp(28px,3.4vw,36px); margin:14px 0 16px; color:var(--text);}
  .quote-sec p{color:var(--text-dim); font-size:16px; margin-bottom:28px; max-width:440px;}
  .contact-line{display:flex; align-items:center; gap:12px; font-family:var(--display); font-weight:600; font-size:16.5px; letter-spacing:-0.01em; margin-bottom:14px; color:var(--amber);}
  .form-status{font-size:13.5px; margin-top:12px; min-height:1em;}
  .form-status.is-success{color:#7CD992;}
  .form-status.is-error{color:#FF6B6B;}
  form{background:var(--surface); border:1px solid var(--line); border-radius:6px; padding:28px; color:var(--text);}
  .field{margin-bottom:16px;}
  .field label{display:block; font-family:var(--mono); font-size:11.5px; text-transform:uppercase; letter-spacing:.06em; color:var(--text-dim); margin-bottom:6px;}
  .field input, .field select, .field textarea{
    width:100%; padding:11px 13px; border:1px solid var(--line); border-radius:2px; font-family:var(--body); font-size:14.5px; background:var(--bg); color:var(--text);
  }
  .field input::placeholder, .field textarea::placeholder{color:var(--text-dim);}
  .field input:focus, .field select:focus, .field textarea:focus{outline:2px solid var(--orange); outline-offset:1px;}
  .field-row{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
  form .btn-primary{width:100%; margin-top:6px;}

  /* ===== FOOTER ===== */
  footer{padding:44px 0 30px; border-top:1px solid var(--line); background:var(--bg);}
  .foot-grid{display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; gap:24px;}
  .foot-links{display:flex; gap:52px; flex-wrap:wrap;}
  .foot-col h4{font-family:var(--display); font-weight:600; font-size:17px; letter-spacing:-0.01em; color:var(--text); margin-bottom:14px;}
  .foot-col a{display:block; font-size:14px; color:var(--text); margin-bottom:9px;}
  .foot-col a:hover{color:var(--orange);}
  .social-icons{display:flex; gap:18px; align-items:center;}
  .social-icons a{color:var(--text-dim); display:inline-flex; margin-bottom:0; transition:color 0.2s ease;}
  .social-icons a:hover{color:var(--orange);}
  .social-icons svg{width:28px; height:28px; display:block;}
  .foot-bottom{
    margin-top:40px; padding-top:20px; border-top:1px solid var(--line);
    display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;
    font-family:var(--body); font-size:12.5px; color:var(--text-dim);
  }

  /* ===== WHATSAPP FLOAT (mobile only) ===== */
  .whatsapp-float{
    display:none;
    position:fixed; right:18px; bottom:18px; z-index:50;
    width:54px; height:54px; border-radius:50%;
    background:#25D366; align-items:center; justify-content:center;
    box-shadow:0 4px 16px rgba(0,0,0,0.35);
  }
  .whatsapp-float svg{width:28px; height:28px; display:block;}
  @media (max-width:920px){
    .whatsapp-float{display:flex;}
  }

  /* ===== RESPONSIVE ===== */
  @media (max-width:920px){
    .nav-phone{display:none;}
    .nav-cta > a.btn-primary{display:none;}
    .burger{display:block; position:relative; z-index:10;}
    .logo .mark{width:56px; height:56px;}
    .logo{font-size:17px; gap:10px;}
    .logo small{font-size:9px;}
    .brand-row{padding:12px 20px;}
    .wrap{padding:0 20px;}
    .nav-row{
      display:none; border-top:1px solid var(--line); background:var(--bg-alt);
    }
    .nav-row.open{display:block; padding:6px 20px 18px;}
    .nav-row .navlinks{
      flex-direction:column; align-items:stretch; gap:0; width:100%;
    }
    .nav-row .navlink{
      width:100%; padding:14px 4px; font-size:16px; border-bottom:1px solid var(--line);
    }
    .nav-row .navlink::after{display:none;}
    .burger span{transition:transform .2s ease, opacity .2s ease;}
    .burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
    .burger.open span:nth-child(2){opacity:0;}
    .burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
    .hero{padding:56px 0 40px;}
    .hero h1{font-size:clamp(30px,7vw,42px);}
    .hero p.lead{font-size:16px;}
    .hero-actions{flex-direction:column;}
    .hero-actions .btn{width:100%; text-align:center;}
    .hero-grid{grid-template-columns:1fr;}
    .why-grid, .fleet-grid, .testi-grid{grid-template-columns:1fr;}
    .steps{grid-template-columns:1fr 1fr; row-gap:28px;}
    .steps::before{display:none;}
    .coverage-grid, .quote-grid{grid-template-columns:1fr;}
    .field-row{grid-template-columns:1fr;}
    section{padding:56px 0;}
    .sec-head h2{font-size:clamp(24px,6vw,32px);}
    .region-list{grid-template-columns:1fr;}
    .category-head{align-items:flex-start; flex-direction:column;}
  }
  @media (max-width:560px){
    .steps{grid-template-columns:1fr;}
    .manifest-strip{flex-direction:column;}
    .manifest-strip div{border-right:none; border-bottom:1px solid var(--line);}
    section{padding:60px 0;}
  }

  /* ===== FEATURED VEHICLE ===== */
  .featured-vehicle{padding:88px 0; border-bottom:1px solid var(--line); overflow:hidden;}
  .featured-grid{
    display:grid;
    grid-template-columns:1.05fr 1fr;
    grid-template-areas:
      "info media"
      "cta  media";
    column-gap:52px; row-gap:20px;
    align-items:center;
  }
  .featured-info{grid-area:info;}
  .featured-cta{grid-area:cta; margin-bottom:0;}
  .featured-media{grid-area:media;
    position:relative; aspect-ratio:16/11; max-width:520px; overflow:hidden;
    background:var(--bg); border-radius:var(--radius); border:1px solid var(--line);
    box-shadow:0 0 0 rgba(255,158,1,0);
    transition:box-shadow 0.5s ease;
  }
  .featured-media:hover{
    box-shadow:0 0 36px rgba(255,158,1,0.28), 0 0 70px rgba(255,158,1,0.14);
  }
  .featured-media img{
    width:100%; height:100%; object-fit:contain; display:block;
    opacity:0; transform:scale(0.86);
    transition:opacity 0.6s ease, transform 0.5s ease;
  }
  .featured-media img.is-loaded{opacity:1;}
  .featured-media:hover img{transform:scale(0.98);}
  .featured-media .mcard-stamp{position:absolute; top:16px; left:16px; z-index:2;}
  .featured-info h2{
    font-size:clamp(24px,3vw,36px); font-weight:700; letter-spacing:-0.015em;
    margin:12px 0 14px; color:var(--text); line-height:1.08;
  }
  .featured-info .vehicle-specs-row{margin-bottom:0;}
  @media (max-width:860px){
    .featured-grid{
      grid-template-columns:1fr;
      grid-template-areas:
        "info"
        "media"
        "cta";
    }
    .featured-media{max-width:100%; margin:8px 0;}
  }

  /* ===== FLEET PAGE ===== */
  .fleet-page-hero{padding:56px 0 24px; border-bottom:1px solid var(--line); background:var(--bg-alt);}
  .category-block{padding:64px 0; border-bottom:1px solid var(--line);}
  .category-block:last-of-type{border-bottom:none;}
  .category-head{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:32px; flex-wrap:wrap; gap:12px;}
  .category-head h2{font-size:clamp(24px,3vw,32px); font-weight:600; color:var(--text);}
  .category-count{font-family:var(--body); font-weight:500; font-size:12.5px; color:var(--text-dim); letter-spacing:.02em; text-transform:uppercase;}
  .back-link{display:inline-flex; align-items:center; gap:8px; font-size:14px; color:var(--text-dim); margin-bottom:18px;}
  .back-link:hover{color:var(--orange);}

  /* ===== INCLUDED CARD (replaces the fake live-route card) ===== */
  .checklist{list-style:none; margin:4px 0 20px;}
  .checklist li{
    position:relative; padding-left:28px; margin-bottom:15px;
    font-size:14.5px; color:var(--text); line-height:1.45;
  }
  .checklist li::before{
    content:"✓"; position:absolute; left:0; top:0;
    color:var(--orange); font-weight:700; font-size:15px;
  }
  .included-foot{
    margin-top:18px; padding-top:16px; border-top:1px dashed var(--line);
    font-family:var(--body); font-weight:500; font-size:12.5px; color:var(--text-dim);
  }

  /* ===== VEHICLE GALLERY PAGE ===== */
  .vehicle-hero{padding:48px 0 28px; border-bottom:1px solid var(--line); background:var(--bg-alt);}
  .vehicle-hero h1{font-size:clamp(26px,3.4vw,38px); font-weight:700; margin:12px 0 14px; color:var(--text);}
  .vehicle-specs-row{display:flex; gap:28px; flex-wrap:wrap; margin-top:18px;}
  .vehicle-specs-row div{font-family:var(--body); font-weight:500; font-size:13px; color:var(--text-dim);}
  .vehicle-specs-row div span{display:block; color:var(--text); font-size:15px; font-weight:600; margin-top:2px;}
  .vehicle-detail-grid{
    display:grid; grid-template-columns:repeat(3, 1fr); gap:20px 44px;
    margin-top:26px; padding-top:26px; border-top:1px solid var(--line);
  }
  .detail-item{display:flex; align-items:center; justify-content:space-between; gap:14px;}
  .detail-item .detail-label{display:flex; align-items:center; gap:10px; font-size:13.5px; color:var(--text-dim);}
  .detail-item .detail-label svg{flex-shrink:0; color:var(--orange);}
  .detail-item .detail-value{font-weight:700; font-size:14px; color:var(--text); letter-spacing:0.01em; text-transform:uppercase; text-align:right;}
  @media (max-width:760px){
    .vehicle-detail-grid{grid-template-columns:1fr; gap:14px;}
  }
  .gallery-grid{
    display:grid; grid-template-columns:repeat(3, 1fr); gap:14px;
    padding:48px 0;
  }
  .gallery-grid img{
    width:100%; height:260px; object-fit:cover; border-radius:3px; cursor:pointer;
    border:1px solid var(--line); transition:opacity .15s ease;
  }
  .gallery-grid img:hover{opacity:0.85;}
  .lightbox{
    display:none; position:fixed; inset:0; background:rgba(0,0,0,0.92);
    z-index:200; align-items:center; justify-content:center; padding:40px;
  }
  .lightbox.open{display:flex;}
  .lightbox img{max-width:90vw; max-height:85vh; object-fit:contain; border-radius:2px;}
  .lightbox-close, .lightbox-prev, .lightbox-next{
    position:absolute; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.2);
    color:#fff; font-size:20px; cursor:pointer; border-radius:50%;
    width:44px; height:44px; display:flex; align-items:center; justify-content:center;
  }
  .lightbox-close{top:24px; right:24px;}
  .lightbox-prev{left:24px; top:50%; transform:translateY(-50%);}
  .lightbox-next{right:24px; top:50%; transform:translateY(-50%);}
  .lightbox-close:hover, .lightbox-prev:hover, .lightbox-next:hover{background:rgba(255,158,1,0.2); border-color:var(--orange);}
  @media (max-width:920px){
    .gallery-grid{grid-template-columns:repeat(2, 1fr);}
    .gallery-grid img{height:200px;}
  }
  @media (max-width:560px){
    .gallery-grid{grid-template-columns:1fr;}
  }

  /* ===== PHOTO CARD (Milele-style vehicle card) ===== */
  .mcard{
    position:relative; border-radius:14px; overflow:hidden; background:var(--surface);
    border:1px solid var(--line); display:block; text-decoration:none;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  }
  .mcard:hover{
    transform:translateY(-3px); box-shadow:0 18px 36px -18px rgba(255,158,1,0.28);
    border-color:rgba(255,158,1,0.4);
  }
  .mcard-media{position:relative; aspect-ratio:16/11; overflow:hidden; background:var(--surface-2);}
  .mcard-media img{width:100%; height:100%; object-fit:cover; display:block;}
  .mcard-media .img-primary{
    position:absolute; inset:0; object-fit:contain; padding:2px; box-sizing:border-box; z-index:2;
    transition:transform .35s ease;
  }
  .mcard:hover .img-primary{transform:scale(1.08);}
  .mcard-stamp{
    position:absolute; top:14px; left:14px; z-index:3; font-family:var(--mono); font-size:10px;
    color:var(--orange); border:1px solid var(--orange); padding:3px 9px; border-radius:2px;
    letter-spacing:.08em; transform:rotate(-2deg); background:rgba(10,10,9,0.55); backdrop-filter:blur(2px);
  }
  .mcard-body{padding:20px 20px 18px;}
  .mcard-title{
    font-family:var(--display); font-weight:700; font-size:16.5px; letter-spacing:-0.01em;
    color:var(--text); text-transform:uppercase; margin-bottom:14px; padding-bottom:14px;
    border-bottom:1px solid var(--line);
  }
  .mcard-specs{display:flex; gap:20px; margin-bottom:20px; flex-wrap:wrap;}
  .mcard-spec{display:flex; align-items:center; gap:7px; font-size:12.5px; color:var(--text-dim);}
  .mcard-spec svg{flex-shrink:0;}
  .mcard-footer{display:flex; justify-content:flex-end;}
  .mcard-view{
    background:var(--orange); color:#0A0A09; font-weight:700; font-size:13px;
    padding:10px 26px; border-radius:22px; transition:background .2s ease;
  }
  .mcard:hover .mcard-view{background:var(--orange-dark);}

  /* ===== FLEET SEARCH ===== */
  .fleet-search-wrap{
    position:relative; max-width:480px;
  }
  .fleet-search-icon{
    position:absolute; left:16px; top:50%; transform:translateY(-50%); color:var(--text-dim); pointer-events:none;
  }
  .fleet-search-input{
    width:100%; padding:13px 16px 13px 44px; border:1px solid var(--line); border-radius:24px;
    background:var(--surface); color:var(--text); font-family:var(--body); font-size:14.5px;
  }
  .fleet-search-input::placeholder{color:var(--text-dim);}
  .fleet-search-input:focus{outline:2px solid var(--orange); outline-offset:1px;}
  .fleet-no-results{
    display:none; margin-top:20px; font-size:14px; color:var(--text-dim);
  }
  .fleet-no-results a{color:var(--orange); text-decoration:underline;}

  /* ===== CURSOR GLOW ===== */
  .cursor-glow{
    position:fixed; top:0; left:0; width:600px; height:600px;
    margin-left:-300px; margin-top:-300px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(255,158,1,0.07) 0%, rgba(255,158,1,0.03) 35%, rgba(255,158,1,0) 68%);
    pointer-events:none; z-index:9999; mix-blend-mode:screen;
    opacity:0; transition:opacity 0.5s ease;
    will-change:transform;
  }
  .cursor-glow.is-active{opacity:1;}
  @media (hover:none), (prefers-reduced-motion:reduce){
    .cursor-glow{display:none;}
  }