:root{
      --ink:#0b0c10; --panel:#12151a; --panel2:#171b21; --white:#f7f8fa;
      --muted:#9aa3ad; --lime:#d8ff3e; --line:rgba(255,255,255,.11);
      --shadow:0 24px 80px rgba(0,0,0,.32); --r:24px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
    a{color:inherit;text-decoration:none}
    .wrap{width:min(1180px,calc(100% - 40px));margin:auto}
    nav{position:sticky;top:0;z-index:50;background:rgba(11,12,16,.76);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
    .navin{height:74px;display:flex;align-items:center;justify-content:space-between}
    .brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.04em;font-size:22px}.brand-logo{height:58px;width:240px;object-fit:cover;object-position:center 48%;display:block}.footer-logo{height:48px;width:200px;object-fit:cover;object-position:center 48%;display:block}
    .mark{width:38px;height:38px;border-radius:50%;border:7px solid var(--lime);position:relative;box-shadow:0 0 0 2px rgba(216,255,62,.12)}
    .mark:after{content:"";position:absolute;width:8px;height:14px;background:var(--lime);right:-8px;top:5px;border-radius:4px}
    .navlinks{display:flex;gap:28px;color:#c9cfd6;font-size:14px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;border-radius:14px;background:var(--lime);color:#111;font-weight:800;border:1px solid transparent;transition:.2s}
    .btn:hover{transform:translateY(-2px)}
    .btn.secondary{background:transparent;color:var(--white);border-color:var(--line)}
    .hero{padding:72px 0 60px;position:relative;overflow:hidden}
    .hero:before{content:"";position:absolute;inset:-20% -15% auto auto;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(216,255,62,.18),transparent 62%);pointer-events:none}
    .grid2{display:grid;grid-template-columns:1.03fr .97fr;gap:58px;align-items:center}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:#d9dee4;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
    .dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 18px var(--lime)}
    h1{font-size:clamp(48px,6vw,84px);line-height:.95;letter-spacing:-.065em;margin:22px 0 22px;max-width:850px}
    h1 em{font-style:normal;color:var(--lime)}
    .lead{font-size:19px;line-height:1.6;color:#b7bfc8;max-width:650px}
    .actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
    .micro{margin-top:18px;color:#818b95;font-size:13px}
    .phone-stage{min-height:580px;position:relative;display:grid;place-items:center}
    .phone{width:304px;background:#090b0e;border:1px solid rgba(255,255,255,.17);border-radius:44px;padding:10px;box-shadow:var(--shadow);transform:rotate(3deg);position:relative;z-index:2}
    .screen{height:580px;border-radius:35px;overflow:hidden;background:#e9edf0;color:#111;position:relative}
    .map{position:absolute;inset:0;background:
      linear-gradient(28deg,transparent 45%,rgba(255,255,255,.85) 46% 49%,transparent 50%),
      linear-gradient(-22deg,transparent 57%,rgba(255,255,255,.78) 58% 61%,transparent 62%),
      linear-gradient(70deg,transparent 63%,rgba(255,255,255,.7) 64% 67%,transparent 68%),
      #d8dde0}
    .river{position:absolute;left:-30px;right:-40px;top:220px;height:120px;border-radius:55% 45% 48% 52%;background:#b6cbd2;transform:rotate(-8deg)}
    .road{position:absolute;background:#f9fafb;height:16px;border-radius:10px;box-shadow:0 0 0 1px #cfd5d8}
    .road.r1{width:360px;top:160px;left:-30px;transform:rotate(26deg)}
    .road.r2{width:330px;top:360px;left:10px;transform:rotate(-18deg)}
    .road.r3{width:310px;top:470px;left:10px;transform:rotate(12deg)}
    .pin{position:absolute;width:46px;height:46px;border-radius:50% 50% 50% 0;background:#111;transform:rotate(-45deg);display:grid;place-items:center;box-shadow:0 10px 24px rgba(0,0,0,.2)}
    .pin:after{content:"";width:12px;height:12px;border-radius:50%;background:var(--lime)}
    .p1{left:150px;top:190px}.p2{left:70px;top:330px;transform:rotate(-45deg) scale(.8)}.p3{right:40px;top:390px;transform:rotate(-45deg) scale(.72)}
    .status{position:absolute;left:16px;right:16px;bottom:16px;background:#111;color:#fff;border-radius:22px;padding:18px;box-shadow:0 16px 35px rgba(0,0,0,.3)}
    .status small{color:#8f99a3}.status strong{font-size:18px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}
    .eta{display:inline-flex;padding:7px 10px;background:var(--lime);color:#111;border-radius:999px;font-weight:900;font-size:12px}
    .floatcard{position:absolute;z-index:3;background:#15181d;border:1px solid var(--line);border-radius:18px;padding:15px 16px;box-shadow:var(--shadow)}
    .fc1{left:0;top:120px}.fc2{right:-10px;bottom:100px}
    .fc-title{font-weight:800}.fc-sub{color:#9099a3;font-size:12px;margin-top:4px}
    section{padding:88px 0;border-top:1px solid var(--line)}
    .sectionhead{max-width:760px;margin-bottom:34px}
    h2{font-size:clamp(36px,4vw,58px);letter-spacing:-.05em;line-height:1.02;margin:12px 0}
    .muted{color:#9ca5af;line-height:1.65}
    .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .card{background:linear-gradient(180deg,#15191f,#111419);border:1px solid var(--line);border-radius:var(--r);padding:28px;min-height:260px}
    .num{font-size:12px;color:var(--lime);font-weight:900;letter-spacing:.12em}
    .card h3{font-size:24px;letter-spacing:-.03em;margin:50px 0 10px}
    .icon{width:50px;height:50px;border-radius:15px;background:rgba(216,255,62,.1);display:grid;place-items:center;color:var(--lime);font-size:24px}
    .darkfeature{background:var(--white);color:#111;border-radius:36px;padding:46px;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
    .darkfeature .muted{color:#5c646d}
    .worker-visual{min-height:470px;border-radius:28px;overflow:hidden;position:relative;background:#0f1114 url("/assets/img/worker.jpg") center/cover no-repeat;box-shadow:0 20px 50px rgba(0,0,0,.20)}
    .van{display:none;position:absolute;left:65px;bottom:65px;width:300px;height:138px;background:#f1f3f5;border-radius:22px 34px 12px 12px;box-shadow:0 20px 30px rgba(0,0,0,.25)}
    .van:before{content:"MENO";position:absolute;left:78px;top:50px;font-weight:950;font-size:38px;letter-spacing:-.06em;color:#111}
    .wheel{position:absolute;bottom:-23px;width:58px;height:58px;border:12px solid #1b1d20;border-radius:50%;background:#69717a}
    .w1{left:50px}.w2{right:50px}
    .person{display:none;position:absolute;right:80px;bottom:65px;width:55px;height:170px;background:#171a1e;border-radius:24px 24px 12px 12px;transform:rotate(-5deg)}
    .person:before{content:"";position:absolute;width:48px;height:48px;border-radius:50%;background:#a97b5a;top:-42px;left:4px}
    .person:after{content:"";position:absolute;left:6px;top:35px;width:42px;height:24px;background:var(--lime);border-radius:6px}
    .split{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .price{background:#15191f;border:1px solid var(--line);border-radius:28px;padding:34px}
    .price.featured{border-color:rgba(216,255,62,.55);box-shadow:inset 0 0 0 1px rgba(216,255,62,.08)}
    .money{font-size:52px;font-weight:900;letter-spacing:-.06em;margin:12px 0}.money span{font-size:16px;color:#87919b;font-weight:600}
    ul.clean{list-style:none;padding:0;margin:24px 0;display:grid;gap:12px;color:#bac1c8}
    ul.clean li:before{content:"✓";color:var(--lime);font-weight:900;margin-right:10px}
    .city{border-radius:34px;min-height:430px;overflow:hidden;position:relative;background:#0f1216}
    .city:before{content:"";position:absolute;inset:0;background:
      linear-gradient(90deg,transparent 49.5%,rgba(216,255,62,.35) 50%,transparent 50.5%),
      linear-gradient(0deg,transparent 49.5%,rgba(216,255,62,.18) 50%,transparent 50.5%);
      background-size:70px 70px;opacity:.38}
    .city-label{position:absolute;left:32px;top:32px;z-index:2}
    .borough{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:9px 13px;background:rgba(17,20,24,.84);font-size:12px}
    .b1{left:44%;top:33%}.b2{left:22%;top:59%}.b3{left:62%;top:66%}.b4{left:70%;top:27%}.b5{left:36%;top:75%}
    .pulse{position:absolute;left:50%;top:52%;width:20px;height:20px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 16px rgba(216,255,62,.13),0 0 0 36px rgba(216,255,62,.06)}
    .cta{text-align:center;padding:100px 20px;background:radial-gradient(circle at 50% 90%,rgba(216,255,62,.15),transparent 44%)}
    .cta h2{max-width:850px;margin:10px auto 20px}
    footer{padding:28px 0 46px;border-top:1px solid var(--line);color:#89929b;font-size:13px}
    .foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
    @media(max-width:900px){
      .grid2,.darkfeature,.split{grid-template-columns:1fr}
      .cards{grid-template-columns:1fr}
      .navlinks{display:none}
      .phone-stage{min-height:620px}
      .fc1{left:5px}.fc2{right:5px}
      section{padding:66px 0}
      .darkfeature{padding:28px}
    }
    @media(max-width:560px){
      .wrap{width:min(100% - 24px,1180px)}
      h1{font-size:52px}
      .hero{padding-top:42px}
      .phone{width:280px}
      .screen{height:540px}
      .fc1{top:90px}.fc2{bottom:65px}
      .worker-visual{min-height:340px}
      .van{left:20px;width:245px;height:118px}
      .person{right:25px}
      .darkfeature{border-radius:26px}
    }
  
    .roadside-photo{margin-top:18px;min-height:520px;border-radius:30px;overflow:hidden;position:relative;background-position:center 74%;background-size:cover;background-repeat:no-repeat;border:1px solid var(--line)}
    .roadside-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.72))}
    .roadside-copy{position:absolute;left:28px;right:28px;bottom:28px;z-index:2;max-width:620px}
    .roadside-copy h3{font-size:34px;line-height:1.05;letter-spacing:-.04em;margin:0 0 8px}
    .roadside-copy p{margin:0;color:#d0d5da;line-height:1.55}
    

    .google-map-card{
      min-height:520px;
      border-radius:34px;
      overflow:hidden;
      position:relative;
      border:1px solid var(--line);
      background:#111;
      box-shadow:0 24px 60px rgba(0,0,0,.28);
    }
    .google-map-card iframe{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      border:0;
      filter:saturate(.72) contrast(1.05);
    }
    .map-overlay{
      position:absolute;
      z-index:3;
      top:18px;
      left:18px;
      right:18px;
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      pointer-events:none;
    }
    .map-overlay>div{
      background:rgba(10,12,15,.92);
      backdrop-filter:blur(14px);
      border:1px solid rgba(255,255,255,.12);
      border-radius:18px;
      padding:14px 16px;
      box-shadow:0 12px 28px rgba(0,0,0,.22);
    }
    .map-overlay b{display:block;font-size:18px;letter-spacing:-.02em}
    .map-overlay span{display:block;margin-top:3px;color:#b8c0c8;font-size:12px}
    .live-pill{
      display:inline-flex!important;
      align-items:center;
      gap:6px;
      width:auto;
      color:#111!important;
      background:var(--lime);
      font-weight:900;
      border-radius:999px;
      padding:10px 12px;
      box-shadow:0 10px 24px rgba(0,0,0,.18);
    }


    .meno-map-image{
      background-position:center;
      background-size:cover;
      background-repeat:no-repeat;
    }
    .roadside-photo{
      min-height:520px;
      background-position:center 62%;
      background-position:center;
      background-size:cover;
      background-repeat:no-repeat;
    }
    @media(max-width:900px){
      .google-map-card{min-height:440px}
      .roadside-photo{min-height:480px;background-position:center}
      .worker-visual{min-height:420px;background-position:center}
    }
    @media(max-width:560px){
      .google-map-card{min-height:360px;border-radius:24px}
      .roadside-photo{min-height:430px;border-radius:24px}
      .worker-visual{min-height:360px;border-radius:22px}
    }


    .step-map{
      margin-top:22px;
      height:180px;
      border-radius:18px;
      overflow:hidden;
      position:relative;
      border:1px solid rgba(255,255,255,.09);
      background:#dfe4e7;
    }
    .step-map iframe{
      width:100%;
      height:100%;
      border:0;
      display:block;
      filter:saturate(.75) contrast(1.03);
      pointer-events:none;
    }
    .step-map:after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(180deg,transparent 58%,rgba(10,12,15,.35));
      pointer-events:none;
    }
    .step-pin{
      position:absolute;
      left:50%;
      top:50%;
      width:18px;
      height:18px;
      transform:translate(-50%,-50%);
      border-radius:50%;
      background:var(--lime);
      border:4px solid #111;
      box-shadow:0 0 0 10px rgba(216,255,62,.18);
      z-index:3;
    }
    .step-route{
      position:absolute;
      left:18%;
      right:18%;
      top:48%;
      height:4px;
      border-top:3px dashed var(--lime);
      transform:rotate(-8deg);
      z-index:3;
    }
    .step-car{
      position:absolute;
      right:18%;
      top:37%;
      z-index:4;
      width:36px;
      height:24px;
      border-radius:7px 9px 6px 6px;
      background:#111;
      box-shadow:0 8px 18px rgba(0,0,0,.3);
    }
    .step-car:before,.step-car:after{
      content:"";
      position:absolute;
      bottom:-5px;
      width:8px;
      height:8px;
      border-radius:50%;
      background:#111;
      border:2px solid #777;
    }
    .step-car:before{left:5px}.step-car:after{right:5px}
    @media(max-width:560px){
      .step-map{height:160px}
    }


    .mini-map{
      margin-top:22px;
      height:190px;
      border-radius:18px;
      overflow:hidden;
      position:relative;
      border:1px solid rgba(255,255,255,.10);
      background:#161a1f;
    }
    .mini-map svg{width:100%;height:100%;display:block}
    .map-label{
      position:absolute;left:14px;top:12px;z-index:4;
      background:rgba(10,12,15,.82);backdrop-filter:blur(8px);
      border:1px solid rgba(255,255,255,.10);border-radius:999px;
      padding:7px 10px;font-size:11px;font-weight:800;color:#fff;
    }
    .eta-chip{
      position:absolute;right:12px;bottom:12px;z-index:4;
      background:var(--lime);color:#111;border-radius:999px;
      padding:7px 10px;font-size:11px;font-weight:900;
      box-shadow:0 8px 20px rgba(0,0,0,.28);
    }
    .map-dot{fill:#d8ff3e;stroke:#111;stroke-width:4}
    .fitter-dot{fill:#111;stroke:#d8ff3e;stroke-width:4}
    .route{fill:none;stroke:#d8ff3e;stroke-width:5;stroke-linecap:round;stroke-dasharray:10 10}
    .roadline{fill:none;stroke:#3c434b;stroke-width:8;stroke-linecap:round}
    .roadthin{fill:none;stroke:#2c3238;stroke-width:4;stroke-linecap:round}
    .thames{fill:none;stroke:#223f4b;stroke-width:22;stroke-linecap:round}
    @media(max-width:560px){.mini-map{height:175px}}



.audience-switch{display:inline-flex;gap:6px;padding:6px;background:#12151a;border:1px solid var(--line);border-radius:999px;margin-top:24px}
.audience-switch a{padding:11px 16px;border-radius:999px;font-weight:800;color:#aeb6bf}.audience-switch a:first-child{background:var(--lime);color:#111}
.need-grid,.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.need-card,.trust-card,.booking-panel,.fitter-dashboard,.network-card{background:#14181d;border:1px solid var(--line);border-radius:24px;padding:24px}
.need-card{min-height:145px;display:flex;flex-direction:column;justify-content:space-between}.need-icon{font-size:26px;color:var(--lime)}
.booking-demo,.roadside-network{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.booking-map{min-height:330px;border-radius:22px;position:relative;overflow:hidden;background:linear-gradient(25deg,transparent 47%,rgba(255,255,255,.85) 48% 50%,transparent 51%),linear-gradient(-20deg,transparent 59%,rgba(255,255,255,.8) 60% 63%,transparent 64%),#d9dee1}
.booking-map:before{content:"";position:absolute;left:-6%;right:-6%;top:48%;height:54px;background:#adc6cf;transform:rotate(-7deg);border-radius:999px}
.demo-user,.demo-fitter{position:absolute;z-index:3;width:18px;height:18px;border-radius:50%;border:4px solid #111}.demo-user{left:28%;top:62%;background:var(--lime)}.demo-fitter{right:26%;top:30%;background:#111;box-shadow:0 0 0 4px var(--lime)}
.route-line{position:absolute;left:31%;top:58%;width:43%;border-top:4px dashed var(--lime);transform:rotate(-20deg);z-index:2}
.booking-row{display:flex;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}
.pill{display:inline-flex;padding:8px 11px;border-radius:999px;background:rgba(216,255,62,.11);color:var(--lime);font-size:12px;font-weight:900}
.job-card{margin-top:20px;background:#0c0f12;border:1px solid rgba(216,255,62,.28);border-radius:22px;padding:20px}.job-price{font-size:42px;font-weight:950}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.stat{background:#15191e;border:1px solid var(--line);border-radius:18px;padding:16px}.stat strong{display:block;font-size:22px}
.emergency{background:linear-gradient(135deg,#d8ff3e,#bdfa22);color:#111;border-radius:34px;padding:40px;display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}.emergency .muted{color:#333}.emergency-btn{display:flex;align-items:center;justify-content:center;min-height:78px;background:#111;color:#fff;border-radius:20px;font-size:22px;font-weight:950}
.network-item{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}.coming{color:#8b949e;font-size:13px}
@media(max-width:900px){.need-grid,.trust-grid{grid-template-columns:1fr 1fr}.booking-demo,.roadside-network,.emergency{grid-template-columns:1fr}}
@media(max-width:560px){.need-grid,.trust-grid,.stats{grid-template-columns:1fr}.audience-switch{display:grid;grid-template-columns:1fr 1fr}.emergency{padding:26px}}


:root{--lime:#d8ff3e}
#customer .sectionhead{margin-bottom:22px}
#customer .need-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
#customer .need-card{
  min-height:205px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.13);
  padding:26px;
  overflow:hidden;
  position:relative;
  background:#11151a;
  display:flex;
  justify-content:flex-start;
}
#customer .need-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(11,13,16,.98) 0%,rgba(11,13,16,.92) 31%,rgba(11,13,16,.48) 52%,rgba(11,13,16,.08) 78%);
  pointer-events:none;
}
#customer .need-card:nth-child(1){background-image:url("/assets/img/need-flat.jpg");background-position:right center;background-size:63% 100%;background-repeat:no-repeat}
#customer .need-card:nth-child(2){background-image:url("/assets/img/need-puncture.jpg");background-position:right center;background-size:63% 100%;background-repeat:no-repeat}
#customer .need-card:nth-child(3){background-image:url("/assets/img/need-replace.jpg");background-position:right center;background-size:63% 100%;background-repeat:no-repeat}
#customer .need-card:nth-child(4){background-image:url("/assets/img/need-wheel.jpg");background-position:right center;background-size:63% 100%;background-repeat:no-repeat}
#customer .need-card:nth-child(5){background-image:url("/assets/img/need-emergency.jpg");background-position:right center;background-size:63% 100%;background-repeat:no-repeat}
#customer .need-card:nth-child(6){display:none}
#customer .need-card>*{position:relative;z-index:2;max-width:43%}
#customer .need-icon{font-size:30px;color:var(--lime);margin-bottom:auto}
#customer .need-card strong{font-size:28px;line-height:1.05;letter-spacing:-.035em;margin-top:auto}
#customer .need-card .muted{font-size:18px;margin-top:10px;line-height:1.35}

#booking .sectionhead{margin-bottom:26px}
#booking .booking-demo{
  display:block;
}
#booking .booking-panel:first-child{
  padding:0;
  border:0;
  background:transparent;
}
#booking .booking-panel:nth-child(2){
  margin-top:-2px;
  border-radius:0 0 28px 28px;
  border-top:0;
}
#booking .booking-map{
  min-height:390px;
  border-radius:28px 28px 0 0;
  border:1px solid rgba(255,255,255,.12);
  overflow:hidden;
  position:relative;
  background:
    linear-gradient(12deg,transparent 45%,rgba(255,255,255,.12) 46% 48%,transparent 49%),
    linear-gradient(-18deg,transparent 61%,rgba(255,255,255,.10) 62% 64%,transparent 65%),
    #161b21;
}
#booking .booking-map:before{
  content:"";
  position:absolute;
  left:-8%;
  right:-8%;
  top:54%;
  height:70px;
  transform:rotate(-10deg);
  background:#202831;
  border-radius:999px;
  box-shadow:0 0 0 1px rgba(255,255,255,.03);
}
#booking .route-line{
  position:absolute;
  left:23%;
  top:61%;
  width:55%;
  border-top:5px solid var(--lime);
  transform:rotate(-14deg);
  z-index:3;
  box-shadow:0 0 14px rgba(216,255,62,.28);
}
#booking .demo-user{
  left:auto;right:13%;top:28%;
  width:30px;height:30px;background:#111;border:5px solid var(--lime);
  box-shadow:0 0 0 10px rgba(216,255,62,.10);
}
#booking .demo-user:after{
  content:"";
  position:absolute;
  left:50%;top:100%;
  width:18px;height:18px;
  background:var(--lime);
  transform:translate(-50%,-5px) rotate(45deg);
  border-radius:0 0 4px 0;
  z-index:-1;
}
#booking .demo-fitter{
  right:auto;left:25%;top:62%;
  width:46px;height:22px;
  border:0;border-radius:7px;
  background:var(--lime);
  box-shadow:0 8px 20px rgba(0,0,0,.4);
}
#booking .demo-fitter:before,#booking .demo-fitter:after{
  content:"";position:absolute;bottom:-6px;width:9px;height:9px;border-radius:50%;background:#111;border:2px solid #777
}
#booking .demo-fitter:before{left:7px}#booking .demo-fitter:after{right:7px}
#booking .booking-map .arrival{
  position:absolute;
  z-index:4;
  left:22px;bottom:22px;
  background:rgba(9,11,14,.88);
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:12px 15px;
  font-size:13px;
}
#booking .booking-map .arrival strong{display:block;color:var(--lime);font-size:26px;margin-top:2px}
#booking .booking-panel:nth-child(2){
  background:#11151a;
  padding:22px 24px 26px;
}
#booking .booking-panel:nth-child(2) h3{font-size:30px!important;margin:12px 0 2px}
#booking .booking-row{padding:12px 0}
#booking .actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
#booking .actions a:last-child::after{content:" ↗"}

@media(min-width:800px){
  #customer .need-grid{grid-template-columns:1fr 1fr}
  #customer .need-card:nth-child(5){grid-column:1/-1}
}
@media(max-width:560px){
  #customer .need-card{min-height:190px;padding:22px}
  #customer .need-card strong{font-size:24px}
  #customer .need-card .muted{font-size:16px}
  #customer .need-card>*{max-width:46%}
  #booking .booking-map{min-height:330px}
  #booking .actions{grid-template-columns:1fr 1fr 1fr}
  #booking .actions .btn{padding:13px 8px;font-size:13px}
}


.section-visual-card {
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:#11151a;
  box-shadow:0 24px 60px rgba(0,0,0,.26);
}
.section-visual-card img {
  width:100%;
  height:auto;
  display:block;
}
.section-visual-card.match img {
  object-fit:cover;
  object-position:center 59%;
  aspect-ratio: 16 / 9;
}
.section-visual-card.track img {
  object-fit:cover;
  object-position:center top;
  aspect-ratio: 3 / 4;
}
.section-visual-card.marcus img {
  object-fit:cover;
  object-position:center 78%;
  aspect-ratio: 4 / 5;
}
@media(max-width:560px){
  .section-visual-card.match img{aspect-ratio: 1.2 / 1}
  .section-visual-card.track img{aspect-ratio: .78 / 1}
  .section-visual-card.marcus img{aspect-ratio: .9 / 1}
}


.clean-flow-visual{
  margin-top:22px;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:#11151a;
  box-shadow:0 18px 44px rgba(0,0,0,.25);
}
.clean-flow-visual img{
  width:100%;
  height:auto;
  display:block;
}
.clean-flow-visual.match img{
  aspect-ratio: 16 / 10;
  object-fit:cover;
  object-position:center;
}
.clean-flow-visual.track img{
  aspect-ratio: 4 / 5;
  object-fit:cover;
  object-position:center;
}
#booking .section-visual-card img{
  aspect-ratio:4 / 5!important;
  object-fit:cover!important;
  object-position:center bottom!important;
}
@media(max-width:560px){
  .clean-flow-visual.match img{aspect-ratio:1.15/1}
  .clean-flow-visual.track img{aspect-ratio:.9/1}
}


.image-only-card{
  border-radius:26px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:#101318;
  box-shadow:0 20px 48px rgba(0,0,0,.28);
}
.image-only-card img{
  display:block;
  width:100%;
  height:auto;
}
.image-only-card.match img{aspect-ratio:16/8.7;object-fit:cover;object-position:center}
.image-only-card.track img{aspect-ratio:16/8.7;object-fit:cover;object-position:center}
.image-only-card.marcus img{aspect-ratio:16/10;object-fit:cover;object-position:center}
.image-only-step{
  padding-top:22px!important;
  padding-bottom:22px!important;
  min-height:auto!important;
}
.image-only-step > :not(.image-only-card){display:none!important}
#booking .sectionhead{display:none!important}
#booking .section-visual-card{display:none!important}
#booking{padding-top:36px!important}
@media(max-width:560px){
  .image-only-card.match img,.image-only-card.track img{aspect-ratio:1.45/1}
  .image-only-card.marcus img{aspect-ratio:1.2/1}
}


.image-only-card.match img,
.image-only-card.track img{
    width:100% !important;
    height:auto !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center !important;
    background:#0b0e12;
}
.image-only-card.match,
.image-only-card.track{
    padding:0 !important;
    overflow:hidden !important;
}