body{margin:0;background:#140E2E}
a{color:#EEEAF8}a:hover{color:#00DCC3}
@keyframes lanein{from{opacity:0;transform:skewX(-18deg) translateY(60px)}to{opacity:1;transform:skewX(-18deg) translateY(0)}}
@keyframes marquee{to{transform:translateX(-50%)}}
.lane{transition:flex-grow .7s cubic-bezier(.2,.8,.2,1);animation:lanein 1s cubic-bezier(.2,.8,.2,1) both}
.more{transition:opacity .5s ease .15s}
.navlink{color:#CFC8E8;text-decoration:none;font-size:15px;letter-spacing:.04em}
.navlink:hover{color:#FFFFFF}
.slant{transform:skewX(-12deg);transition:transform .2s ease,box-shadow .2s ease}
.slant:hover{transform:skewX(-12deg) translateY(-2px);box-shadow:0 10px 30px rgba(218,0,175,.3)}
.card{transition:transform .3s ease,border-color .3s ease}
.card:hover{transform:translateY(-6px);border-color:rgba(0,220,195,.45)}
.field{width:100%;box-sizing:border-box;min-height:52px;padding:12px 16px;background:#1C1440;border:1px solid rgba(207,200,232,.18);color:#EEEAF8;font-family:'Hind',sans-serif;font-size:17px}
.field:focus{outline:2px solid #00DCC3;outline-offset:1px}
.chip{cursor:pointer;min-height:44px;padding:0 20px;background:transparent;border:1px solid rgba(207,200,232,.25);color:#CFC8E8;font-family:'Saira',sans-serif;font-style:italic;font-weight:700;font-size:14px;letter-spacing:.1em;transform:skewX(-12deg);transition:all .25s ease}
.lbl{font-size:13px;letter-spacing:.2em;color:#A79FC6;text-transform:uppercase}
.fleet-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px) / 3);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;outline:none}
.fleet-track::-webkit-scrollbar{display:none}
.fleet-track:focus-visible{outline:2px solid #00DCC3;outline-offset:6px}
.fleet-card{scroll-snap-align:start;display:flex;flex-direction:column;background:#1C1440;border:1px solid rgba(207,200,232,.12);transition:border-color .3s ease}
.fleet-card:hover{border-color:rgba(0,220,195,.45)}
.fleet-media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:#241A4E}
.fleet-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.fleet-card:hover .fleet-media img{transform:scale(1.05)}
.fleet-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,14,46,0) 55%,rgba(20,14,46,.75) 100%)}
.fleet-tag{position:absolute;z-index:1;top:16px;left:16px;font-size:12px;letter-spacing:.2em;border:1px solid;padding:7px 12px;transform:skewX(-12deg);background:rgba(20,14,46,.6)}
.fleet-no{position:absolute;z-index:1;right:18px;bottom:6px;font-family:'Saira',sans-serif;font-style:italic;font-weight:900;font-size:64px;line-height:1;color:rgba(255,255,255,.16)}
.fleet-body{display:flex;flex-direction:column;gap:14px;padding:24px 24px 26px;flex:1}
.fleet-name{margin:0;font-family:'Saira',sans-serif;font-style:italic;font-weight:800;font-size:30px;line-height:1;color:#FFFFFF}
.fleet-line{margin:0;font-size:16px;line-height:1.5;color:#A79FC6}
.fleet-specs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.fleet-specs li{font-size:13px;color:#CFC8E8;border:1px solid rgba(207,200,232,.18);padding:6px 10px}
.fleet-use{display:flex;flex-direction:column;gap:6px;font-size:15px;color:#EEEAF8;border-top:1px solid rgba(207,200,232,.1);padding-top:14px;margin-top:auto}
.fleet-cta{color:#00DCC3;font-family:'Saira',sans-serif;font-style:italic;font-weight:700;letter-spacing:.08em;text-decoration:none;font-size:15px;min-height:44px;display:inline-flex;align-items:center;text-transform:uppercase}
.fleet-ctrl{display:flex;align-items:center;gap:12px}
.fleet-count{font-family:'Saira',sans-serif;font-style:italic;font-size:18px;color:#A79FC6;margin-right:8px;font-variant-numeric:tabular-nums}
.fleet-count b{color:#FFFFFF;font-weight:800}
.fleet-btn{width:52px;height:52px;cursor:pointer;background:transparent;border:1.5px solid rgba(0,220,195,.6);color:#FFFFFF;font-size:20px;transform:skewX(-12deg);transition:background .2s ease,opacity .2s ease}
.fleet-btn:hover{background:rgba(0,220,195,.14)}
.fleet-btn:disabled{opacity:.3;cursor:default;background:transparent}
.fleet-bar{height:2px;background:rgba(207,200,232,.12);margin-top:28px;position:relative;overflow:hidden}
.fleet-bar span{position:absolute;left:0;top:0;bottom:0;width:20%;background:linear-gradient(90deg,#00DCC3,#DA00AF);transition:transform .3s ease,width .3s ease}
.fleet-foot{display:flex;flex-wrap:wrap;gap:12px 40px;margin-top:22px;font-size:15px;color:#A79FC6;letter-spacing:.04em}
@media (max-width: 1100px){.fleet-track{grid-auto-columns:calc((100% - 20px) / 2)}}
@media (max-width: 860px){
  .fleet-track{grid-auto-columns:86%;gap:14px}
  .fleet-ctrl .fleet-btn{display:none}
  .fleet h3.h2{font-size:44px !important}
  .lanes{flex-direction:column !important;left:0 !important;right:0 !important;gap:6px !important}
  .lane{transform:none !important;animation:none !important;flex:1 1 auto !important}
  .lane-inner{transform:none !important;padding:28px 24px !important}
  .lane .big{font-size:96px !important}
  .lane .more{opacity:1 !important}
  .hero{height:auto !important;min-height:0 !important}
  .lanes{position:relative !important;top:0 !important;bottom:0 !important;padding-top:110px}
  .navlinks{display:none !important}
  .wrap{padding-left:20px !important;padding-right:20px !important}
  .h2{font-size:52px !important}
  .nextbar{flex-direction:column;align-items:flex-start !important;gap:14px;padding:20px !important;height:auto !important}
  .lane{min-height:0 !important}
  .lane-inner{position:relative !important;inset:auto !important;padding:150px 22px 34px !important}
  .lane:first-child .lane-inner{padding-top:230px !important}
  .lane > div[aria-hidden]{transform:none !important;left:0 !important;width:100% !important}
  .lane h2{font-size:44px !important}
  .lanes{padding-top:96px !important}
  .hero nav{flex-wrap:nowrap !important;padding:18px 20px !important}
  .hero nav img{height:38px !important}
  #events a.card{grid-template-columns:72px minmax(0,1fr) !important;gap:14px !important}
  #events a.card > span:last-child{grid-column:1 / -1;justify-self:start}
  #events a.card > span:first-child{font-size:20px !important}
}

.chip[aria-pressed="true"]{color:#FFFFFF;background:rgba(0,220,195,.14);border-color:#00DCC3}
.chip[data-exp="Off-road training"][aria-pressed="true"],.chip[data-interest="Dirt"][aria-pressed="true"]{background:rgba(79,62,158,.35);border-color:#A898E8}
.chip[data-exp="Group day"][aria-pressed="true"],.chip[data-interest="Land"][aria-pressed="true"]{background:rgba(218,0,175,.16);border-color:#DA00AF}
.chip:focus-visible,.slant:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #00DCC3;outline-offset:3px}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
.lane:focus-within .more{opacity:1!important}
@media (max-width: 860px){.crew-row{grid-template-columns:1fr !important;gap:24px !important}.crew-row > .card{max-width:340px}}
.skip{position:absolute;left:-999px;top:8px;background:#00DCC3;color:#140E2E;padding:10px 14px;z-index:99}.skip:focus{left:8px}