.guide-page{max-width:1420px;padding-bottom:96px}.guide-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0 34px;border-bottom:1px solid #244558}.guide-nav a{color:#d4ecf4;text-decoration:none;transition:color .18s ease}.guide-nav a:hover{color:#f4d653}.guide-camera-label,.guide-command-label,.guide-detail-number,.guide-eyebrow,.guide-machine-topline,.guide-nav span,.guide-panel-header,.guide-stage-label{font:600 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.guide-nav span{color:#6ea4b8}.guide-intro{padding:clamp(34px,4vw,54px) 0 clamp(26px,2.8vw,38px)}.guide-eyebrow{margin:0 0 14px;color:#f4d653}.guide-intro h1{max-width:1040px;margin:0;font-size:clamp(44px,6.2vw,88px);line-height:.98;letter-spacing:-.06em;font-weight:650}.guide-intro h1 span{color:#f4d653;text-shadow:0 0 38px rgba(244,214,83,.22)}.guide-intro>p:last-child{max-width:790px;margin:18px 0 0;color:#b5ced8;font-size:clamp(17px,1.85vw,21px);line-height:1.5}.guide-exhibit{display:grid;grid-template-columns:minmax(0,1.78fr) minmax(355px,.86fr);border:1px solid #3c7b96;background:#071521;box-shadow:0 35px 95px rgba(0,0,0,.78),0 0 55px rgba(56,182,224,.09)}.guide-command-bar{grid-column:1/-1;justify-content:space-between;gap:14px 24px;padding:14px 20px;border-bottom:1px solid #356980;background:linear-gradient(90deg,#091d2e,#0d283d 50%,#091c2b)}.guide-command-bar,.guide-command-group{display:flex;flex-wrap:wrap;align-items:center}.guide-command-group{gap:10px}.guide-command-label{color:#79b8cf;font-size:9.5px}.guide-pill-row{display:flex;flex-wrap:wrap;gap:6px}.guide-pill{padding:6px 11px;border:1px solid #356c85;background:rgba(8,28,44,.85);color:#c7e6f0;font:600 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.guide-pill:hover{border-color:#6bdcff;color:#fff;background:rgba(22,62,88,.9)}.guide-pill.is-active{border-color:#f4d653;background:#f4d653;color:#0b1822;box-shadow:0 0 16px rgba(244,214,83,.32)}.guide-pill-explode.is-active{border-color:#5ce8ff;background:#5ce8ff;color:#061824;box-shadow:0 0 18px rgba(92,232,255,.45)}.guide-pill-vintage.is-active{border-color:#ff7b47;background:#ff7b47;color:#160a05;box-shadow:0 0 18px rgba(255,123,71,.45)}.guide-color-swatches{display:flex;align-items:center;gap:6px;padding-left:4px}.guide-swatch{width:20px;height:20px;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:var(--swatch-color,#ef3e46);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.guide-swatch:hover{transform:scale(1.15)}.guide-swatch.is-active{border-color:#fff;transform:scale(1.18);box-shadow:0 0 12px var(--swatch-color,#ef3e46)}.guide-machine{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#06131f}.guide-machine-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #2e5d73;color:#8cc4d6;font-size:9.5px}.guide-machine-topline span:first-child{color:#f4d653}.guide-machine-topline i{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:#5ce8ff;box-shadow:0 0 11px #5ce8ff}.guide-machine-display{position:relative;flex:1 1}.guide-3d{position:relative;height:clamp(590px,62vw,750px);overflow:hidden;background:radial-gradient(ellipse at 50% 42%,rgba(26,78,110,.52) 0,rgba(6,19,31,.96) 74%),repeating-linear-gradient(0deg,rgba(82,206,242,.04) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,rgba(82,206,242,.04) 0 1px,transparent 1px 28px)}.guide-3d canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.guide-3d canvas:active{cursor:grabbing}.guide-3d-leaders{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}.guide-3d-leaders polyline{fill:none;stroke:rgba(94,218,248,.42);stroke-width:.22;stroke-dasharray:.9 .6;transition:stroke .2s ease,stroke-width .2s ease}.guide-3d-leaders circle{fill:#5ce8ff;stroke:#061521;stroke-width:.22;transition:fill .2s ease}.guide-3d-leaders g.is-active polyline{stroke:#f4d653;stroke-width:.36;stroke-dasharray:none}.guide-3d-leaders g.is-active circle{fill:#f4d653}.guide-3d-hud-strip{position:absolute;z-index:3;top:12px;right:14px;left:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 14px;border:1px solid rgba(88,204,235,.32);background:rgba(5,17,27,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;color:#9fe2f5;font:600 9.5px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;box-shadow:0 6px 22px rgba(0,0,0,.52)}.guide-3d-step-badge{display:flex;align-items:center;gap:9px}.guide-3d-step-badge span{color:#f4d653;padding:2px 7px;border:1px solid rgba(244,214,83,.45);background:rgba(244,214,83,.12);font-weight:700}.guide-3d-step-badge strong{color:#effbff;font-weight:600}.guide-3d-step-badge.is-playing strong{color:#fff4a8;text-shadow:0 0 10px rgba(244,214,83,.35)}.guide-3d-caliper-badge{padding:3px 10px;border:1px solid rgba(92,232,255,.42);background:rgba(12,42,60,.75);color:#6ee6ff;font-weight:700;letter-spacing:.1em}.guide-3d-hint{color:#72afc2;font-size:8.5px}.guide-3d-pin{position:absolute;z-index:3;display:flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid rgba(88,198,226,.58);background:rgba(6,24,38,.86);color:#d3eff8;font:600 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;cursor:pointer;transform:translate(-50%,-50%);box-shadow:0 4px 14px rgba(0,0,0,.48);transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}.guide-3d-pin:hover{border-color:#7ee8ff;background:rgba(14,46,68,.95);color:#fff;transform:translate(-50%,-50%) scale(1.05)}.guide-3d-pin i{display:block;width:6px;height:6px;border-radius:50%;background:#5ce8ff;box-shadow:0 0 8px #5ce8ff}.guide-3d-pin.is-active{border-color:#f4d653;background:rgba(48,44,18,.92);color:#fff4b8;box-shadow:0 0 20px rgba(244,214,83,.38);animation:guide-callout-pulse 1.15s ease-in-out infinite alternate;@media (prefers-reduced-motion:reduce){animation:none}}.guide-3d-pin.is-active i{background:#f4d653;box-shadow:0 0 10px #f4d653}.guide-3d-pin.is-selected{border-color:#5ce8ff;background:rgba(10,56,78,.96);color:#fff;box-shadow:0 0 22px rgba(92,232,255,.55)}@keyframes guide-callout-pulse{to{box-shadow:0 0 28px rgba(244,214,83,.68)}}.guide-3d-telemetry{position:absolute;z-index:3;right:16px;bottom:14px;left:16px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;pointer-events:none}.guide-3d-telemetry>div{display:flex;flex-direction:column;gap:3px;padding:7px 10px;border:1px solid rgba(72,166,198,.42);background:rgba(5,19,30,.84);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.guide-3d-telemetry small{color:#74b3c9;font:600 8px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.guide-3d-telemetry strong{color:#eaf9ff;font:700 10.5px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide-camera-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:11px 18px;border-top:1px solid #2e5d73;background:#081926}.guide-camera-label{color:#7ab6cc;font-size:9.5px}.guide-camera-buttons{display:flex;flex-wrap:wrap;gap:6px}.guide-camera-buttons button{padding:5px 10px;border:1px solid #315f75;background:rgba(11,33,49,.8);color:#bce0ec;font:600 10.5px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.guide-camera-buttons button:hover{border-color:#65dbfc;color:#fff}.guide-camera-buttons button.is-active{border-color:#5ce8ff;background:rgba(24,78,106,.95);color:#fff}.guide-camera-buttons .guide-coin-btn{border-color:#e2be46;background:rgba(62,50,14,.85);color:#ffe98a}.guide-camera-buttons .guide-coin-btn:hover{background:#f4d653;color:#0b1822}.guide-scan-sweep{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(116,242,255,.03) 44%,rgba(116,242,255,.16) 49.6%,rgba(208,252,255,.42) 50%,rgba(116,242,255,.16) 50.4%,transparent 56%);mix-blend-mode:screen;transform:translateX(-120%);animation:guide-scan 1.9s ease-in-out forwards;@media (prefers-reduced-motion:reduce){animation:none;display:none}}@keyframes guide-scan{to{transform:translateX(120%)}}.guide-start{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;width:100%;border:0;background:radial-gradient(circle,rgba(6,18,29,.42) 0,rgba(4,12,20,.72) 100%);color:#fff6ce;cursor:pointer;font-family:var(--font-jost),sans-serif;text-shadow:0 2px 14px #000;transition:background-color .25s ease}.guide-start:focus-visible,.guide-start:hover{background:radial-gradient(circle,rgba(6,18,29,.2) 0,rgba(4,12,20,.52) 100%)}.guide-start-disc{display:grid;place-items:center;width:98px;height:98px;border:2px solid #fff3a8;border-radius:50%;background:#f4d653;color:#0d2230;box-shadow:0 0 0 12px rgba(244,214,83,.18),0 0 48px rgba(244,214,83,.65);transition:transform .25s ease,box-shadow .25s ease}.guide-start:focus-visible .guide-start-disc,.guide-start:hover .guide-start-disc{transform:scale(1.08);box-shadow:0 0 0 16px rgba(244,214,83,.25),0 0 68px rgba(244,214,83,.85)}.guide-start-disc span{margin-left:6px;font-size:35px;line-height:1}.guide-start strong{margin-top:14px;font-size:21px;letter-spacing:.15em}.guide-start small{color:#9de5f8;font:600 10px ui-monospace,monospace;letter-spacing:.16em}.guide-machine-svg{display:block;width:100%;height:auto}.guide-blueprint-text{fill:#85a7ad;font:600 9px ui-monospace,monospace;letter-spacing:1.2px}.guide-cabinet-label{fill:#d4e1e1;font:700 8px Arial,sans-serif;letter-spacing:1.2px}.guide-annotation path{fill:none;stroke:#b3d5d2;stroke-opacity:.75;stroke-width:1.5}.guide-annotation circle{fill:#f4d653;stroke:#14303b;stroke-width:2}.guide-annotation rect{fill:#102734;stroke:#7aa6ab;stroke-width:1}.guide-annotation text{fill:#e4f1ec;font:700 10px ui-monospace,monospace;letter-spacing:.4px}.guide-control-panel{display:flex;flex-direction:column;min-width:0;padding:24px 26px;border-left:1px solid #356980;background:linear-gradient(155deg,#102636,#091722 78%)}.guide-panel-header{display:flex;justify-content:space-between;gap:10px;padding-bottom:18px;border-bottom:1px solid #2b5366;color:#96c3d1;font-size:10px}.guide-panel-header span:last-child{color:#f4d653}.guide-stage-copy{min-height:196px;padding:20px 0 16px;animation:guide-copy-in .32s ease-out both;@media (prefers-reduced-motion:reduce){animation:none}}.guide-stage-label{margin:0 0 10px;color:#f4d653;text-transform:uppercase}.guide-stage-copy h2{margin:0 0 12px;font-size:clamp(25px,2.5vw,36px);line-height:1.1;letter-spacing:-.04em}.guide-stage-copy>p:last-child{margin:0;color:#b7d0da;font-size:14.5px;line-height:1.5}@keyframes guide-copy-in{0%{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.guide-inspector{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;padding:13px 15px;border:1px solid #366a82;background:rgba(6,20,31,.9);transition:border-color .2s ease,box-shadow .2s ease}.guide-inspector.is-locked{border-color:#5ce8ff;box-shadow:0 0 20px rgba(92,232,255,.16)}.guide-inspector-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.guide-inspector-top span{color:#7cc4db;font:600 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.guide-inspector-top button{padding:3px 8px;border:1px solid #4889a6;background:rgba(16,48,68,.85);color:#dff7ff;font:600 9.5px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.guide-inspector-top button:hover{border-color:#f4d653;color:#f4d653}.guide-inspector strong{color:#f4d653;font-size:15.5px;font-weight:600}.guide-inspector-specs{color:#6fdcf5;font:600 9.5px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.guide-inspector p{margin:2px 0 4px;color:#a9c5d0;font-size:12.5px;line-height:1.45}.guide-part-chips{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin-top:4px}.guide-part-chips button{padding:5px 0;border:1px solid #2e5a6e;background:rgba(11,31,46,.9);color:#9ec5d4;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.guide-part-chips button:hover{border-color:#6bdcff;color:#fff}.guide-part-chips button.is-active{border-color:#f4d653;background:#f4d653;color:#0b1822}.guide-stage-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #2e5668;border-left:1px solid #2e5668}.guide-stage-list button{display:flex;align-items:center;gap:9px;min-width:0;padding:13px 11px;border:0;border-right:1px solid #2e5668;border-bottom:1px solid #2e5668;background:transparent;color:#bdd6e0;font:inherit;font-size:14px;text-align:left;cursor:pointer;transition:background-color .18s ease,color .18s ease}.guide-stage-list button:focus-visible,.guide-stage-list button:hover{color:#fff;background:rgba(32,74,96,.55)}.guide-stage-list button.is-current{background:#f4d653;color:#0b1822;font-weight:600}.guide-stage-number{flex:none;font:600 10px ui-monospace,monospace;opacity:.78}.guide-stage-indicator{margin-left:auto;font-size:11px}.guide-playback{display:flex;gap:8px;margin-top:18px}.guide-playback button{flex:1 1;min-height:44px;padding:8px 10px;border:1px solid #3f6f85;background:rgba(10,30,44,.7);color:#e4f4fa;font:600 13px var(--font-jost),sans-serif;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.guide-playback button:first-child{flex:1.45 1;border-color:#f4d653;color:#f4d653}.guide-playback button:hover{background:rgba(28,72,98,.75);border-color:#72e2ff}.guide-playback button.is-looping{border-color:#5ce8ff;background:rgba(18,68,92,.9);color:#7eeeff}.guide-progress{height:3px;margin-top:16px;background:#1b3847;overflow:hidden}.guide-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#5ce8ff,#f4d653)}.guide-progress span.is-running{animation:guide-progress var(--stage-ms,3.6s) linear forwards;@media (prefers-reduced-motion:reduce){animation:none;width:100%}}@keyframes guide-progress{to{width:100%}}.guide-panel-footnote{margin:12px 0 0;color:#7ba3b3;font-size:12px}.guide-details{padding-top:clamp(64px,7vw,110px)}.guide-details-heading{max-width:720px;margin-bottom:40px}.guide-details h2{margin:0;font-size:clamp(34px,4.8vw,62px);line-height:1.05;letter-spacing:-.05em}.guide-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #2f5b70;border-left:1px solid #2f5b70}.guide-detail-grid article{min-height:245px;padding:28px;border-right:1px solid #2f5b70;border-bottom:1px solid #2f5b70;background:rgba(7,21,33,.55)}.guide-detail-number{color:#f4d653;font-size:10px}.guide-detail-grid h3{margin:36px 0 10px;font-size:clamp(21px,2vw,27px);line-height:1.12}.guide-detail-grid p{margin:0;color:#a8c2ce}.guide-footer{display:flex;justify-content:space-between;gap:30px;padding-top:32px;margin-top:76px;border-top:1px solid #294c5e}.guide-footer p{max-width:580px;margin:0;color:#88a7b5;font-size:13px}.guide-footer div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 28px}.guide-footer a{color:#d8eef7;white-space:nowrap}.guide-footer a:hover{color:#f4d653}@media (max-width:1120px){.guide-exhibit{grid-template-columns:1fr}.guide-control-panel{border-left:0;border-top:1px solid #356980}.guide-stage-copy{min-height:0}}@media (max-width:760px){.guide-page{padding-bottom:55px}.guide-nav{padding:20px 0 24px}.guide-nav span{display:none}.guide-command-bar{padding:12px 14px;gap:12px}.guide-machine-topline{padding:10px 14px;font-size:8px}.guide-machine-topline span:last-child{display:none}.guide-3d{height:clamp(430px,88vw,580px)}.guide-3d-hud-strip{top:8px;right:8px;left:8px;padding:5px 9px;font-size:8px}.guide-3d-hint,.guide-3d-leaders,.guide-3d-pin{display:none}.guide-3d-telemetry{grid-template-columns:repeat(2,minmax(0,1fr));right:10px;left:10px;bottom:10px}.guide-3d-telemetry>div:last-child{display:none}.guide-control-panel{padding:20px}.guide-detail-grid{grid-template-columns:1fr}.guide-detail-grid article{min-height:0;padding:22px}.guide-footer{display:block;margin-top:52px}.guide-footer div{justify-content:flex-start;margin-top:18px}}