.startup-demo{position:relative;background:#eef2f5;--demo-accent:#dd7b35}.startup-demo [hidden]{display:none!important}.startup-anchor{position:absolute;top:0}.startup-demo .section-head h2{max-width:25ch}.startup-tabs{display:flex;gap:6px;padding:5px;background:#dde4e9;border-radius:12px;width:fit-content}.startup-tabs button{border:0;border-radius:8px;background:transparent;padding:.75rem 2rem;font-weight:700;color:#455569;cursor:pointer;min-height:44px}.startup-tabs button[aria-selected=true]{background:#fff;color:#15202e;box-shadow:0 2px 6px #15202e12}.startup-intro{display:flex;justify-content:space-between;gap:2rem;align-items:center;margin:1.5rem 0 clamp(3rem,5vw,5rem)}.startup-intro h3{margin:0 0 .4rem}.startup-intro p{margin:0;max-width:650px}.startup-simulation{font-size:.75rem;color:#526177;white-space:nowrap}.startup-stages{display:flex;list-style:none;padding:0;margin:0 0 1.5rem;border-block:1px solid #cbd4de}.startup-stages li{flex:1;padding:.85rem;color:#66758a;border-bottom:3px solid transparent;font-size:.8rem}.startup-stages span{margin-left:.6rem}.startup-stages [aria-current]{border-color:#cf702b;color:#172435;font-weight:700}
.startup-device{max-width:1000px;margin:auto;background:linear-gradient(130deg,#343b43,#171c23);padding:18px;border:1px solid #48515b;border-radius:32px;box-shadow:0 24px 48px #15202e26;container-type:inline-size}.startup-device-top{display:flex;justify-content:space-between;gap:1rem;padding:0 12px 14px;color:#a6afb9;font-size:.65rem;letter-spacing:.1em}.startup-screen{position:relative;aspect-ratio:2/1;overflow:hidden;border:2px solid #080b10;border-radius:15px;background:#080d14}.startup-view{position:absolute;inset:0}.startup-off,.startup-initializing,.startup-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#dce5ee;padding:2rem;background:radial-gradient(ellipse at top,#1e2b39,#080d14 75%)}.startup-off,.startup-initializing{font-size:.85rem;color:#778593;background:#080d14}.startup-brand{gap:1rem}.startup-brand-mark{display:grid;place-items:center;border:2px solid #ec995a;color:#ee9957;border-radius:14px;width:64px;height:64px;font-size:2.6rem;font-weight:700}.startup-brand>strong{font-size:clamp(24px,5cqw,48px);letter-spacing:.18em}.startup-brand>span:last-child{font-size:.65rem;letter-spacing:.14em;color:#8d9cac}.startup-brand p{margin:0;font-size:clamp(12px,1.8cqw,18px);color:#ced7e1}
.startup-cluster{background:#0d151e;color:#e9f0f7;display:flex;flex-direction:column}.startup-cluster>header{display:flex;justify-content:space-between;align-items:center;padding:1.8cqw 2.8cqw;border-bottom:1px solid #293541;gap:1rem;font-size:clamp(11px,1.5cqw,15px)}.startup-cluster header strong{letter-spacing:.14em}.startup-cluster header small{font-size:.65em;color:#e39554;margin-left:1rem}.startup-cluster header>span{color:#a9bbc9}.startup-cluster-body{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0}.startup-instruments{padding:1.5cqw 3cqw;border-right:1px solid #293541;display:flex;flex-direction:column;justify-content:center}.startup-speed{display:flex;align-items:baseline;justify-content:center;gap:.8rem;padding:.5cqw 0 1.5cqw}.startup-speed strong{font-size:clamp(50px,10cqw,102px);font-weight:500;line-height:1;font-variant-numeric:tabular-nums}.startup-demo[data-connected=false] .startup-speed strong{font-size:clamp(16px,3cqw,28px);padding-block:2.7cqw}.startup-speed>span{font-size:12px;color:#a0b1c3}.startup-readings{display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw;margin:0}.startup-readings>div{border-top:1px solid #384553;padding-top:1.4cqw}.startup-readings dt{font-size:clamp(10px,1.4cqw,13px);color:#9cafbf}.startup-readings dd{font-size:clamp(14px,2.3cqw,23px);margin:.6cqw 0 0}.startup-demo[data-connected=false] .startup-readings dd{font-size:clamp(9px,1.3cqw,13px)}.startup-demo[data-connected=true][data-stand=Down] .startup-stand dd{color:#ffb66a}.startup-demo[data-connected=true][data-stand=Up] .startup-stand dd{color:#c6d8e7}/* A permanent base and two local lamp patches follow the shared signal clock. */
.startup-early-overview{display:flex;flex-direction:column;min-height:0;min-width:0;padding:1.4cqw 2cqw;gap:.6cqw}
.startup-front{position:relative;flex:1;min-height:0;width:100%}
.startup-front img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0}
.startup-front [data-front-signal=off]{opacity:1}
.startup-demo[data-indicator-on=true][data-indicator-side=left] .startup-front [data-front-signal=left],.startup-demo[data-indicator-on=true][data-indicator-side=right] .startup-front [data-front-signal=right]{opacity:1}
.startup-early-overview p{flex:none;text-align:center;font-size:clamp(10px,1.3cqw,13px);line-height:1.3;color:#a6b8c8;margin:0}
.startup-cluster>footer{padding:1.2cqw 2.8cqw;border-top:1px solid #293541;font-size:clamp(9px,1.2cqw,12px);color:#a5b7c6}.startup-overview{padding:1.4cqw 2cqw;display:flex;flex-direction:column;min-height:0}.startup-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.startup-overview h4{margin:0;font-size:clamp(11px,1.6cqw,16px);color:#e3eaf2}.startup-overview button{border:0;background:transparent;color:#dce5ee;min-height:44px;font-size:11px;cursor:pointer}.startup-model{position:relative;flex:1;min-height:0;margin:.8cqw 0;border-radius:8px;overflow:hidden;background:radial-gradient(ellipse at 45% 25%,#34485e 0%,#1b2939 55%,#101923 100%)}.startup-model img{display:block;object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.startup-model canvas{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:pan-y}.startup-trip{display:flex;justify-content:space-between;font-size:clamp(9px,1.2cqw,12px);color:#9cafbf;gap:.5rem}.startup-trip strong{color:#d5e0eb;font-weight:500;margin-left:.4rem}.startup-bezel-controls{display:flex;justify-content:center;gap:.8rem;padding:16px 0 0;flex-wrap:wrap}.startup-bezel-controls>button{border:1px solid #526170;border-radius:8px;min-height:44px;padding:.6rem 1rem;background:#242f3c;color:#edf1f5;cursor:pointer;font-size:.8rem}.startup-bezel-controls>button:first-child{color:#ffd3ae;border-color:#9a6944}.startup-bezel-controls>button:disabled{opacity:.55;cursor:default}.startup-demo button:focus-visible{outline:3px solid #449cea;outline-offset:3px}.startup-status{max-width:920px;min-height:3em;margin:1.5rem auto .6rem;text-align:center;font-size:.95rem;color:#344558}.startup-boundary{max-width:900px;text-align:center;margin:.5rem auto;font-size:.75rem;color:#596b7e}.startup-recovery-icon{font-size:3rem;color:#efaa74}
@media(max-width:700px){.startup-tabs{width:100%}.startup-tabs button{flex:1;padding:.7rem}.startup-intro{display:block}.startup-simulation{display:block;margin-top:.8rem}.startup-stages li{padding:.7rem .3rem;text-align:center;font-size:.7rem}.startup-stages span{display:block;margin:.2rem 0 0}.startup-device{padding:10px;border-radius:20px}.startup-device-top{font-size:8px;padding:2px 3px 10px;letter-spacing:0}.startup-screen{aspect-ratio:auto;height:460px}.startup-cluster>header{padding:14px 12px;font-size:11px}.startup-cluster header small{display:none}.startup-cluster-body{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.startup-instruments{padding:14px 18px;border-right:0;border-bottom:1px solid #293541}.startup-speed{padding:0 0 12px}.startup-speed strong{font-size:68px}.startup-demo[data-connected=false] .startup-speed strong{font-size:22px;padding-block:20px}.startup-readings dt{font-size:11px}.startup-readings dd{font-size:18px;margin-top:5px}.startup-demo[data-connected=false] .startup-readings dd{font-size:11px}.startup-readings>div{padding-top:8px}.startup-early-overview{padding:8px 14px;gap:4px}.startup-early-overview p{font-size:10px}.startup-cluster>footer{padding:9px 12px;font-size:10px}.startup-overview{padding:10px 14px}.startup-overview h4{font-size:12px}.startup-trip{font-size:10px}.startup-model{margin:7px 0}.startup-brand{padding:18px}.startup-brand>strong{font-size:28px}.startup-brand>span:last-child{font-size:9px}.startup-brand p{font-size:13px}.startup-bezel-controls{gap:8px;padding-top:10px}.startup-bezel-controls>button{font-size:11px;padding:8px 10px}.startup-status,.startup-boundary{text-align:left}.startup-status{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.startup-demo *{animation:none!important;transition:none!important}}

.startup-cluster header .startup-turn-indicator{color:#3c4855;font-size:clamp(18px,2.6cqw,26px);line-height:1;min-width:30px;text-align:center}.startup-cluster header .startup-turn-indicator.is-on{color:#ffb434;text-shadow:0 0 10px #ffa12666}

/* Feather the studio lighting into the instrument surface. */
.startup-model{border-radius:0;background:radial-gradient(ellipse at 48% 42%,#293c51 0%,#192838 38%,#0d151e00 74%)}
.startup-model,.startup-model img{mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}
.startup-turn-pair{display:flex;align-items:center;justify-content:center;gap:clamp(16px,4cqw,40px)}

.startup-model img{width:auto;max-width:100%;height:100%;left:50%;right:auto;transform:translateX(-50%)}

.startup-model-controls{display:flex;gap:.5rem;align-items:center}

.startup-turn-indicator{background:transparent;border:0;border-radius:6px;min-width:44px!important;min-height:44px;padding:4px;cursor:pointer}.startup-turn-indicator:disabled{cursor:default;opacity:.5}

/* A single persistent viewport moves between identical early/Linux slots. */
.startup-overview-slot{display:flex;min-width:0;min-height:0}
.startup-overview-slot>.startup-overview{width:100%;min-width:0;box-sizing:border-box}
.startup-overview-heading{height:44px;flex:none;gap:4px}
.startup-overview-heading h4{white-space:nowrap}
.startup-model-controls{gap:2px}
.startup-model-controls button{padding:2px 4px;font-size:10px;white-space:nowrap}
.startup-model{mask-image:none;background:none}
.startup-model:before{content:'';position:absolute;inset:0;opacity:1;background:radial-gradient(ellipse at 48% 42%,#293c51 0%,#192838 38%,#0d151e00 74%)}
.startup-model>.startup-front{position:absolute;inset:0;width:100%;height:100%}
.startup-model .startup-front img{width:100%;max-width:none;height:100%;left:0;right:0;transform:none;mask-image:none}
.startup-overview-caption{position:relative;height:24px;flex:none;display:grid;align-items:center}
.startup-overview-caption>*{grid-area:1/1;margin:0;font-size:clamp(10px,1.3cqw,13px);line-height:1.3;color:#a6b8c8}
.startup-overview-caption p{text-align:center}
@media(max-width:700px){.startup-overview-heading h4{font-size:11px}.startup-overview-caption>*{font-size:10px}.startup-overview-slot>.startup-overview{padding:6px 12px}.startup-overview-heading{height:44px}.startup-model{margin:2px 0}}
/* Fixed chrome and zero intrinsic grid minima keep the viewport identical at handoff. */
.startup-cluster>header{height:80px;flex:none;box-sizing:border-box}
.startup-cluster>footer{height:44px;flex:none;box-sizing:border-box}
.startup-cluster-body{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.startup-screen{height:540px}.startup-cluster>header{height:72px}.startup-cluster>footer{height:52px}.startup-cluster-body{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr))}}

/* A 720:800 coordinate plane fits the viewport exactly like the live front camera. */
.startup-model>.startup-front{container-type:size}
.startup-front-plane{position:absolute;width:min(100cqw,90cqh);height:min(100cqh,111.111111cqw);left:50%;top:50%;transform:translate(-50%,-50%)}
.startup-model .startup-front img[data-front-signal=left],.startup-model .startup-front img[data-front-signal=right]{left:var(--patch-x);top:var(--patch-y);width:var(--patch-width);height:var(--patch-height);right:auto;bottom:auto}

.startup-fault{position:absolute;z-index:2;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border:1px solid #ce863e;border-radius:7px;background:#18222ef5;color:#ffd69a;box-sizing:border-box}
.startup-fault strong{display:block;font-size:clamp(11px,1.5cqw,15px);line-height:1.2}
.startup-fault p{margin:3px 0 0;font-size:clamp(10px,1.3cqw,13px);line-height:1.2;color:#d9e2ed}
@media(max-width:700px){.startup-fault{padding:4px 6px;gap:4px}.startup-fault strong{font-size:10px}.startup-fault p{font-size:10px}}

.startup-fluid{flex:0 0 125px;display:grid;gap:6px;font-size:10px;color:#e8c792}
.startup-fluid progress{display:block;width:100%;height:7px;border:0;border-radius:8px;overflow:hidden;accent-color:#f4b654;background:#394352}
.startup-fluid progress::-webkit-progress-bar{background:#394352;border-radius:8px}
.startup-fluid progress::-webkit-progress-value{background:#f4b654;border-radius:8px}
.startup-fluid progress::-moz-progress-bar{background:#f4b654;border-radius:8px}
@media(max-width:700px){.startup-fluid{flex-basis:90px;font-size:9px;gap:5px}.startup-fault{min-height:48px}}

/* The housing stays fixed while the inserted key and cylinder turn together. */
.startup-bezel-controls{align-items:center;flex-direction:column}
.startup-bezel-controls .startup-ignition{width:180px;min-height:0;padding:0;border:0;background:transparent;color:#e5ebef;border-radius:50%;display:flex;align-items:center;flex-direction:column;gap:4px}
.startup-ignition-art{position:relative;display:block;width:100%;aspect-ratio:1}
.startup-ignition-art>img{display:block;width:100%;height:100%}
.startup-ignition-key{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-45deg);transform-origin:49.6% 49.28%;transition:transform 240ms ease-in-out;filter:drop-shadow(4px 7px 5px #0009)}
.startup-ignition[aria-checked=true] .startup-ignition-key{transform:rotate(0deg)}



@media(max-width:700px){.startup-bezel-controls .startup-ignition{width:140px}}
@media(prefers-reduced-motion:reduce){.startup-ignition-key{transition:none}}

/* Separate the display enclosure from its ignition control. */
.startup-console{display:grid;grid-template-columns:minmax(0,1000px) 200px;gap:28px;align-items:center;max-width:1228px;margin-inline:auto}
.startup-console .startup-device{width:100%;min-width:0;margin:0}
.startup-console>.startup-bezel-controls{padding:0;gap:12px}



@media(max-width:1000px){.startup-console{grid-template-columns:minmax(0,1fr);gap:24px}.startup-console>.startup-bezel-controls{justify-self:center}}

.startup-boot-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;max-width:100%;min-width:0}
.startup-boot-progress [data-demo-boot-status]{white-space:nowrap;font-size:clamp(10px,1.8cqw,18px);min-width:0}
.startup-spinner{display:block;flex:0 0 auto;width:18px;height:18px;border:2px solid #506071;border-top-color:#ee9957;border-radius:50%;animation:startup-spin .85s linear infinite;animation-play-state:paused}
.startup-demo[data-product=boot][data-phase=early] .startup-spinner{animation-play-state:running}
@keyframes startup-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.startup-spinner{animation:none}}

.startup-crossfade-out{z-index:2;pointer-events:none;animation:startup-fade-out 600ms ease-in-out both}
.startup-crossfade-in{animation:startup-fade-in 600ms ease-in-out both}
@keyframes startup-fade-out{from{opacity:1}to{opacity:0}}
@keyframes startup-fade-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.startup-crossfade-out{animation-duration:1ms}.startup-crossfade-in{animation:none}}

.startup-system-info{display:flex;align-items:flex-start;gap:24px;justify-content:space-between;margin:-.5rem 0 1.5rem}
.startup-system-status{flex:1;min-width:0}
.startup-system-label{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#526177;margin-bottom:5px}
.startup-system-info .startup-status{max-width:none;min-height:2.8em;margin:0;text-align:left;font-size:.8rem;line-height:1.4;color:#344558}
.startup-about{flex:0 0 200px;font-size:.75rem;color:#526177}
.startup-about summary{cursor:pointer;min-height:44px;padding-block:8px}
.startup-about summary:focus-visible{outline:3px solid #449cea;outline-offset:3px}
.startup-about .startup-boundary{margin:.5rem 0;text-align:left;line-height:1.5}
@media(max-width:700px){.startup-system-info{flex-direction:column;gap:8px}.startup-about{flex:auto;width:100%}}

/* Keep the complete ignition block inside the display height. */
.startup-console{grid-template-columns:minmax(0,1000px) 220px;align-items:end;column-gap:28px;row-gap:14px}
.startup-console .startup-device{grid-column:1;grid-row:1}
.startup-console>.startup-bezel-controls{grid-column:2;grid-row:1;align-self:stretch;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:12px;padding:18px 0 19px}
.startup-control-stack{display:contents}
.startup-experience{width:100%;text-align:center;margin-bottom:0;padding-bottom:12px}
.startup-experience>p{font-size:.85rem;font-weight:600;line-height:1.45;margin:0 auto 12px;max-width:190px;color:#344558}
.startup-experience .startup-tabs{width:100%;gap:3px;padding:4px}
.startup-experience .startup-tabs button{flex:1;min-width:0;padding:8px 6px;font-size:12px}
.startup-control-details{width:100%;text-align:center;margin-top:0}
.startup-control-status{margin-top:14px;padding-top:14px;border-top:1px solid #cbd4de;text-align:left}
.startup-control-status .startup-status{font-size:12px;line-height:1.5;margin:0;min-height:0;overflow-wrap:anywhere;text-align:left}
.startup-control-status .startup-about{margin-top:6px}
@media(max-width:1000px){.startup-console{grid-template-columns:minmax(0,1fr)}.startup-control-stack{grid-column:1;grid-row:2;gap:16px;padding-top:0}.startup-experience{max-width:280px}.startup-control-details{grid-column:1;grid-row:3;width:280px;max-width:100%;justify-self:center}.startup-control-status .startup-status{min-height:0}}

@media(max-width:1000px){.startup-console>.startup-bezel-controls{grid-column:1;grid-row:2;width:280px;max-width:100%;justify-self:center;padding:0;gap:16px}.startup-experience{margin-bottom:0;padding-bottom:0}}

.startup-console + .startup-about{max-width:1228px;margin:16px auto 0}

/* Reserve space above the status, keeping its last line at the screen edge. */
.startup-control-status .startup-system-status{min-height:112px;display:flex;flex-direction:column;justify-content:flex-end}

.startup-ignition-help{display:block;font-size:12px;line-height:1.5;color:#526177;text-align:center}

/* A quiet status area that belongs to the surrounding page. */
.startup-control-status{padding:16px 0 0;margin-top:16px;border:0;border-top:1px solid #cbd4de;border-radius:0;background:transparent;box-shadow:none}
.startup-control-status .startup-system-label{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.08em;color:#455569;margin-bottom:9px}
.startup-control-status .startup-status{font-size:13px;line-height:1.5;color:#455569}
.startup-control-status .startup-system-status{min-height:110px;justify-content:flex-start}
/* Generated enclosure surrounds the live HTML display. */
.startup-console .startup-device{position:relative;display:grid;place-items:center;aspect-ratio:1.8;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 18px 18px #15202e24)}
.startup-device::before{content:"";position:absolute;inset:0;background:url('/assets/site/images/instrument-frame-v3.png') center/100% 100% no-repeat;z-index:2;pointer-events:none}
.startup-device .startup-screen{position:absolute;left:4.5%;top:12%;width:91%;height:75%;aspect-ratio:auto;border:0;border-radius:7% / 16%;z-index:1}
@media(max-width:700px){.startup-console .startup-device{aspect-ratio:auto;height:614px}.startup-device .startup-screen{height:75%;border-radius:7% / 16%}}

.startup-state-spinner{width:13px;height:13px;box-sizing:border-box;flex:0 0 13px;border:2px solid #cbd4de;border-top-color:#dd7b35;border-radius:50%;visibility:hidden;animation:startup-spin 1.2s linear infinite;animation-play-state:paused}
.startup-demo[data-phase]:not([data-phase=off]) .startup-state-spinner{visibility:visible;animation-play-state:running}
@media(prefers-reduced-motion:reduce){.startup-state-spinner{animation:none}}

/* Keep live content clear of the rounded aperture under the frame overlay. */
.startup-device .startup-cluster{box-sizing:border-box;padding:2cqw 2.8cqw}
.startup-control-status .startup-status{margin-top:0}
@media(max-width:700px){.startup-device .startup-cluster{padding:14px 14px 20px}.startup-cluster>header{padding-inline:8px}.startup-overview{padding-inline:8px}}

/* All space between selector and controls belongs above this single group. */
.startup-ignition-group{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:auto;flex-shrink:0}
.startup-ignition-group .startup-system-status{justify-content:flex-start}
@media(max-width:1000px){.startup-ignition-group{margin-top:0}}


/* Column-sized, synchronized product previews. */
.product-preview-column{display:flex;flex-direction:column;min-width:0;gap:22px}
.product-preview-column>.product-card{flex:1}
.mini-preview{margin:0;min-width:0;container-type:inline-size}
.mini-preview [hidden]{display:none!important}
.mini-device{padding:8px;border:1px solid #48515b;border-radius:22px;background:linear-gradient(130deg,#343b43,#171c23);box-shadow:0 12px 24px #15202e15}
.mini-screen{position:relative;aspect-ratio:1.85;overflow:hidden;border:2px solid #080b10;border-radius:15px;background:#080d14;color:#dce5ee}
.mini-brand{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2cqw;background:radial-gradient(ellipse at top,#1e2b39,#080d14 75%)}
.mini-mark{display:grid;place-items:center;width:10cqw;height:10cqw;border:1px solid #ec995a;border-radius:3cqw;color:#ee9957;font-size:7cqw;font-weight:700;line-height:1}
.mini-brand>strong{font-size:6cqw;letter-spacing:.2em}
.mini-brand>span:last-of-type{font-size:clamp(9px,2.7cqw,13px);color:#b4c3d1}
.mini-spinner{width:3cqw;height:3cqw;border:2px solid #516272;border-top-color:#ec995a;border-radius:50%;animation:mini-spin 1s linear infinite;animation-play-state:paused}
.product-previews[data-playing=true] .mini-spinner{animation-play-state:running}
@keyframes mini-spin{to{transform:rotate(360deg)}}
.mini-cluster{position:absolute;inset:0;background:#0d151e;display:flex;flex-direction:column}
.mini-cluster header{display:flex;justify-content:space-between;align-items:center;padding:3cqw;border-bottom:1px solid #293541;font-size:2.7cqw}
.mini-cluster header strong{letter-spacing:.12em}.mini-cluster header>span{color:#a9bbc9}
.mini-cluster-body{display:grid;grid-template-columns:1.15fr .85fr;flex:1;min-height:0}
.mini-bike-slot{display:grid;place-items:center;min-height:0;overflow:hidden}
.mini-bike{position:relative;aspect-ratio:720/800;height:100%;max-width:100%;min-height:0}
.mini-bike>img{width:100%;height:100%;display:block}.mini-bike>.mini-lamp{position:absolute;opacity:0}
.mini-turns{display:flex;gap:2cqw}.mini-turns [data-mini-turn]{color:#44515a;font-size:3.2cqw}
.product-previews[data-mini-signal-on=true][data-mini-signal-side=left] [data-mini-lamp=left],.product-previews[data-mini-signal-on=true][data-mini-signal-side=right] [data-mini-lamp=right]{opacity:1}
.product-previews[data-mini-signal-on=true][data-mini-signal-side=left] [data-mini-turn=left],.product-previews[data-mini-signal-on=true][data-mini-signal-side=right] [data-mini-turn=right]{color:#75ed91;text-shadow:0 0 5px #75ed9170}
.mini-instruments{display:flex;flex-direction:column;justify-content:center;padding:3cqw;border-right:1px solid #293541}
.mini-speed{display:flex;align-items:baseline;justify-content:center;gap:2cqw}.mini-speed strong{font-size:14cqw;line-height:1}.mini-speed span{font-size:2.8cqw;color:#a0b1c3}
.mini-instruments dl{display:flex;justify-content:space-between;gap:2cqw;margin:3cqw 0 0}.mini-instruments dt{font-size:2.7cqw;color:#9cafbf}.mini-instruments dd{font-size:3.2cqw;margin:0}.mini-instruments [data-mini-stand]{color:#ffb66a}
.mini-description{text-align:center;font-size:.8rem;margin:12px 0 0}
@media(max-width:980px){.product-previews{grid-template-columns:repeat(2,minmax(0,1fr))}.product-preview-column>.product-card{grid-template-rows:auto auto auto 1fr auto;min-height:520px}}
@media(max-width:640px){.product-previews{grid-template-columns:1fr;gap:32px}.product-preview-column>.product-card{min-height:0}}
@media(prefers-reduced-motion:reduce){.mini-spinner{animation:none}}

/* The powered-off screen is also a keyboard-accessible ignition starter. */
button.startup-off{width:100%;height:100%;border:0;cursor:pointer;font:inherit;font-size:clamp(1.1rem,2.4cqw,1.5rem)}
button.startup-off:focus-visible{outline-offset:-5px}