.fleet-v2{display:block;margin:75px 3% 30px;padding:clamp(24px,4vw,70px);background:#04162b;border-radius:24px;color:#edf8ff;box-shadow:0 25px 100px #0005}
.fleet-v2:before{background:radial-gradient(ellipse at 85% 5%,#077ccd40,transparent 55%);background-size:auto}
.fleet-v2 [hidden]{display:none!important}
.fleet-heading,.fleet-workspace{position:relative;z-index:1}
.fleet-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:44px}
.fleet-heading .eyebrow{color:#81dcff;font-size:12px;letter-spacing:.18em}
.fleet-heading h2{font-size:clamp(38px,4.9vw,72px);line-height:1.08;letter-spacing:-.055em;margin-top:17px}
.fleet-heading h2 em{font-style:normal;color:#93dbff}
.fleet-heading>p{color:#b3c9df;line-height:1.8;font-size:16px;max-width:310px;border-left:2px solid #11bcec;padding-left:20px}
.fleet-workspace{display:grid;grid-template-columns:245px minmax(0,1fr);border-top:1px solid #73caff30}
.fleet-sidebar{padding:26px 24px 24px 0;border-right:1px solid #73caff30}
.fleet-sidebar-title{font-size:13px;color:#d5ecff;letter-spacing:.09em;margin-bottom:24px}
.fleet-sidebar-title span{display:block;font-size:12px;color:#8ca9c4;margin-top:4px;letter-spacing:.04em}
#fleet-categories{display:grid;gap:8px}
#fleet-categories button{display:flex;align-items:center;gap:12px;width:100%;padding:16px 12px;text-align:left;background:transparent;border:1px solid transparent;color:#bdd4e9;border-radius:7px;font-size:14px;line-height:1.4;transition:background .2s,border-color .2s}
#fleet-categories button small{font-size:12px;color:#88a8c3}
#fleet-categories button span{flex:1}
#fleet-categories button b{font-size:14px;font-weight:500;color:#84dafa}
#fleet-categories button:hover{background:#ffffff09}
#fleet-categories button[aria-pressed=true]{background:linear-gradient(110deg,#127bb840,#2db5e40a);border-color:#40d2ff70;color:white;box-shadow:inset 3px 0 #4cdaff}
.fleet-availability{margin-top:32px;padding-top:18px;border-top:1px solid #73caff25;color:#9cb8d0;font-size:13px;line-height:1.7}
.fleet-main{min-width:0;padding:27px 0 0 30px}
.fleet-model-head{display:flex;align-items:start;justify-content:space-between;gap:20px}
.fleet-model-head .eyebrow{font-size:12px;color:#7fdcff;letter-spacing:.14em}
.fleet-model-head h3{font-size:clamp(24px,3vw,42px);line-height:1.15;letter-spacing:-.035em;margin:6px 0 21px;overflow-wrap:anywhere}
.fleet-unit-count{display:flex;flex-direction:column;align-items:end;flex-shrink:0}
.fleet-unit-count strong{font:500 36px/1.1 Manrope,Arial;color:#b6e8ff}
.fleet-unit-count span{font-size:12px;color:#8cabca;margin-top:7px}
.fleet-model-label{display:block;font-size:14px;color:#b9d1e5;margin-bottom:6px}
#fleet-model{width:100%;min-height:46px;padding:10px 35px 10px 14px;background:#0c2b4a;color:#effaff;border:1px solid #6ad8ff40;border-radius:7px;font:inherit;font-size:16px;cursor:pointer;margin-bottom:18px}
#fleet-model option{background:#0c2b4a;color:#fff}
.fleet-visual{position:relative;aspect-ratio:3/2;background:#031222;border-radius:12px;overflow:hidden;border:1px solid #75d6ff30;isolation:isolate}
.fleet-view-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:15px;flex-wrap:wrap}
.fleet-view-tools>div{display:flex;gap:6px;flex-wrap:wrap}
.fleet-view-tools button,#fleet-angles button{background:#0d2b48;color:#b3cfe4;border:1px solid #64cdff30;border-radius:6px;font-size:14px;padding:10px 14px;min-height:44px;line-height:1.4}
.fleet-view-tools button:hover,#fleet-angles button:hover{border-color:#6fdbff}
.fleet-view-tools button[aria-pressed=true],#fleet-angles button[aria-pressed=true]{color:#061a32;background:#a7e7ff;border-color:#a7e7ff}
#fleet-angles{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:12px}
#fleet-angles button{padding:8px 4px;font-size:12px}
.fleet-enquiry{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #73caff30;margin-top:23px;padding-top:23px}
.fleet-enquiry p{font-size:14px;color:#b9d0e5;max-width:240px}
.fleet-enquiry>a{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(115deg,#0868d7,#09bfe9);border:1px solid #50d7ff80;padding:17px 21px;border-radius:8px;color:white;box-shadow:0 8px 35px #00bfff25;transition:box-shadow .2s,transform .2s;flex-shrink:0;font-size:17px;font-weight:600}
.fleet-enquiry>a:hover{transform:translateY(-2px);box-shadow:0 12px 45px #00bfff45}
.fleet-enquiry small{display:block;font-size:13px;font-weight:400;margin-top:3px;color:#e5f9ff}
.fleet-caption{font-size:13px;color:#9ab7d0;line-height:1.6;margin-top:16px}
.fleet-v2 :is(button,select,a,[tabindex]):focus-visible{outline:2px solid #b6eeff;outline-offset:3px}
@media(min-width:1500px){.fleet-workspace{grid-template-columns:285px minmax(0,1fr)}.fleet-main{padding-left:40px}}
@media(max-width:1000px){.fleet-workspace{grid-template-columns:195px minmax(0,1fr)}.fleet-sidebar{padding-right:14px}.fleet-main{padding-left:20px}.fleet-heading>p{max-width:250px}.fleet-enquiry{align-items:stretch;flex-direction:column}.fleet-enquiry p{max-width:none}.fleet-enquiry>a{justify-content:space-between}}
@media(max-width:740px){.fleet-v2{margin:35px 0 0;padding:36px 18px;border-radius:18px}.fleet-heading{display:block;margin-bottom:28px}.fleet-heading h2{font-size:40px}.fleet-heading>p{margin-top:24px;max-width:none;font-size:15px}.fleet-workspace{display:block}.fleet-sidebar{padding:20px 0;border-right:0;border-bottom:1px solid #73caff30}.fleet-sidebar-title{margin-bottom:12px}.fleet-sidebar-title span{display:inline;margin-left:8px}#fleet-categories{display:flex;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}#fleet-categories button{width:auto;min-width:165px;flex-shrink:0;scroll-snap-align:start;padding:12px}.fleet-availability{margin-top:8px;padding-top:0;border:0}.fleet-main{padding:25px 0 0}.fleet-model-head h3{font-size:27px}.fleet-unit-count strong{font-size:28px}.fleet-unit-count span{font-size:12px;max-width:75px;text-align:right}.fleet-visual{aspect-ratio:1.1}.fleet-image-label{font-size:12px}.fleet-view-tools button{font-size:14px;padding:9px 12px}#fleet-angles{grid-template-columns:repeat(4,1fr)}.fleet-enquiry{gap:14px}#fleet-sprite{width:100%}}
/* Original HKS fleet turntables and flowing light borders. */
.fleet-v2:after,.fleet-visual:after,#fleet-categories button[aria-pressed=true]:after{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;padding:2px;pointer-events:none;background:linear-gradient(110deg,transparent 5%,#079fd6 24%,#65dfff 38%,#e0fcff 44%,#2fd4ff 51%,transparent 68%) 0% 0%/300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:service-light-circuit 4s linear infinite}
.fleet-v2:after{animation-duration:7s;opacity:.85}.fleet-visual:after{animation-duration:3.6s}#fleet-categories button{position:relative}#fleet-categories button[aria-pressed=true]:after{padding:1px;animation-duration:3s}
.fleet-workspace:before{content:'';position:absolute;top:-1px;left:0;right:0;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent 25%,#26c7ed 44%,#b5faff 50%,#20aedb 56%,transparent 72%) -100% 0/250% 100%;animation:fleet-waterline 5s linear infinite}
.fleet-enquiry{position:relative}.fleet-enquiry:before{content:'';position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 25%,#19b8e8 43%,#bbf9ff 50%,#19b8e8 57%,transparent 75%) -100% 0/250% 100%;animation:fleet-waterline 4s linear infinite;pointer-events:none}
@keyframes fleet-waterline{from{background-position:150% 0}to{background-position:-150% 0}}
.fleet-visual{aspect-ratio:1.2;background:#04162b;box-shadow:0 0 35px #05bce812,inset 0 0 50px #007eae10}
#fleet-spin{position:absolute;inset:0;background:#04162b;cursor:grab;touch-action:pan-y;user-select:none;outline-offset:-4px}#fleet-spin:active{cursor:grabbing}
#fleet-sprite{position:absolute;top:50%;left:50%;width:min(100%,680px);aspect-ratio:1;transform:translate(-50%,-50%);background-image:none;background-size:400% 200%;background-repeat:no-repeat}
.fleet-studio-mark{position:absolute;top:20px;left:20px;pointer-events:none;color:#dcf6ff;font-size:23px;font-weight:700;letter-spacing:-.06em;line-height:1}.fleet-studio-mark small{display:block;margin-top:7px;font-size:10px;font-weight:500;letter-spacing:.15em;color:#8bbbd2}.fleet-360-badge{position:absolute;top:18px;right:18px;padding:8px 13px;border:1px solid #5bddff55;border-radius:30px;color:#a8eaff;font-size:16px;background:#04162bc9;pointer-events:none}
#fleet-drag-help{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);white-space:nowrap;pointer-events:none;border:1px solid #5bc8ef35;border-radius:6px;padding:7px 11px;background:#04162bdb;color:#aedaf0;font-size:13px}
#fleet-loading,#fleet-view-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#04162b;color:#b9eaff;padding:35px;text-align:center;font-size:16px}#fleet-view-error{flex-direction:column;gap:15px}#fleet-retry{border:1px solid #64dfff70;border-radius:6px;padding:12px 18px;color:#d9f6ff;background:#0a3559;font-size:16px}
.fleet-view-tools button:disabled,#fleet-angles button:disabled{opacity:.45;cursor:wait}.fleet-view-tools output{font-size:13px;letter-spacing:.08em;color:#94c7e1;font-variant-numeric:tabular-nums}.fleet-view-tools button,#fleet-angles button{cursor:pointer}#fleet-angles button{font-size:14px}
.motion-paused .fleet-v2:after,.motion-paused .fleet-v2 *:before,.motion-paused .fleet-v2 *:after{animation-play-state:paused!important}
@media(max-width:740px){.fleet-visual{aspect-ratio:1}.fleet-studio-mark{top:14px;left:14px;font-size:20px}.fleet-360-badge{top:12px;right:12px;font-size:14px}#fleet-drag-help{font-size:12px;bottom:12px}#fleet-sprite{width:100%}}
@media(prefers-reduced-motion:reduce){.fleet-v2,.fleet-v2 *,.fleet-v2:after,.fleet-v2 *:before,.fleet-v2 *:after{transition:none!important;animation:none!important}}