@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{color-scheme:dark;font-family:Plus Jakarta Sans,system-ui,sans-serif;--ink: #f4f6fb;--muted: #8f97a5;--faint: rgba(209, 219, 236, .12);--line: rgba(220, 228, 241, .14);--panel: rgba(12, 14, 18, .83);--blue: #79a7ff;--blue-strong: #4d7cff;--scroll-y: 0}*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth;background:#08090b}body{margin:0;min-width:320px;height:100%;overflow:hidden;background:#08090b;color:var(--ink)}button,a{font:inherit;color:inherit}button{cursor:pointer}#app{min-height:100vh;overflow:hidden;position:relative;background:#08090b}body[data-studio=light]{--ink: #14202c;--muted: #5a697a;--line: rgba(26, 45, 68, .18);--faint: rgba(26, 45, 68, .12);background:#e7edf4}body[data-studio=light] #app{background:#e7edf4}body[data-studio=light] .ambient{opacity:.08}.ambient{position:absolute;border-radius:50%;pointer-events:none;filter:blur(100px);opacity:.2}.ambient-one{width:34vw;height:34vw;top:7vh;left:28vw;background:#183b75}.ambient-two{width:22vw;height:22vw;right:-6vw;bottom:9vh;background:#15233d;opacity:.14}.depth-0{z-index:0;transform:scale(.7) translateY(calc(var(--scroll-y) * -.1px))}.depth-1{z-index:1;transform:scale(.85) translateY(calc(var(--scroll-y) * -.25px))}.depth-2{z-index:2;transform:translateY(calc(var(--scroll-y) * -.5px))}.depth-3{z-index:3;transform:scale(1.05) translateY(calc(var(--scroll-y) * -.8px))}.depth-4{z-index:4;transform:translateY(calc(var(--scroll-y) * -1px))}.depth-5{z-index:5;transform:scale(1.1) translateY(calc(var(--scroll-y) * -1.2px))}.topbar{position:absolute;inset:0 0 auto;height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none}.brand-roundel{width:32px;height:32px;position:relative;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;transform:rotate(45deg)}.brand-roundel span:nth-child(1),.brand-roundel span:nth-child(4){background:#7aa7ff}.brand-roundel span:nth-child(2),.brand-roundel span:nth-child(3){background:#ecf2ff}.brand-copy{display:grid;gap:2px}.brand-copy strong{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;letter-spacing:.24em;font-size:12px}.brand-copy small{color:var(--muted);font-size:10px;letter-spacing:.15em;text-transform:uppercase}.topbar-meta{display:flex;gap:23px;align-items:center}.disclaimer{max-width:280px;color:#7f8998;font-size:9px;line-height:1.35;letter-spacing:.035em;text-align:right}.session-indicator{color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.session-indicator i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#74a8ff;margin:0 8px 2px 0}.icon-button{border:0;background:transparent;padding:7px;opacity:.76;transition:opacity .25s ease}.icon-button:hover{opacity:1}.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3}.showroom{min-height:100vh;position:relative;padding:92px 5vw 106px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(500px,2.5fr) minmax(210px,1fr);grid-template-rows:minmax(560px,1fr) auto;gap:24px 30px}.showroom-stage{position:relative;min-height:650px;grid-column:1 / -1;border-bottom:1px solid var(--line);overflow:hidden}.showroom{height:100vh;min-height:100vh;padding:0;display:block}.showroom-stage{position:absolute;inset:0;width:100%;height:100vh;min-height:0;border-bottom:0}.scene{position:absolute;inset:0}.scene canvas{width:100%;height:100%;display:block}.stage-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 51% 48%,transparent 32%,rgba(5,6,8,.14) 65%,rgba(5,6,8,.78) 100%)}body[data-studio=light] .stage-vignette{background:radial-gradient(ellipse at 51% 48%,transparent 34%,rgba(225,232,240,.08) 68%,rgba(197,207,219,.42) 100%)}.stage-grid{position:absolute;left:14%;right:14%;bottom:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(135,168,218,.2),transparent)}.model-loading-overlay{position:absolute;z-index:6;top:50%;left:50%;width:min(290px,78vw);display:grid;justify-items:center;gap:9px;padding:22px 24px 21px;transform:translate(-50%,-50%);background:#080b10c7;border:1px solid rgba(150,181,234,.32);box-shadow:0 20px 60px #0000003d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.model-loading-overlay.is-hidden{opacity:0;visibility:hidden}.model-loading-overlay strong{color:#eef4ff;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;letter-spacing:-.02em}.model-loading-overlay>span:last-child{color:#9daabd;font-size:10px;line-height:1.5}.loading-spinner{width:32px;height:32px;border:2px solid rgba(147,181,239,.22);border-top-color:var(--blue);border-radius:50%;animation:loading-spin 1s linear infinite}body[data-studio=light] .model-loading-overlay{background:#f4f8fde6;border-color:#48668c47;box-shadow:0 20px 60px #2e415829}body[data-studio=light] .model-loading-overlay strong{color:#18283a}body[data-studio=light] .model-loading-overlay>span:last-child{color:#53677f}.stage-copy{position:absolute;left:5vw;top:16%;width:270px;pointer-events:none}.eyebrow,.panel-label,.rail-label{color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-size:10px;margin:0}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow-line{width:23px;height:1px;background:var(--blue)}h1,h2,p{margin-top:0}.stage-copy h1{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:clamp(32px,4vw,62px);line-height:1.02;letter-spacing:-.065em;margin:23px 0 20px}.stage-copy h1 em{color:#9facbf;font-style:normal}.stage-description{width:205px;color:#9aa2b0;font-size:12px;line-height:1.7}body[data-studio=light] .stage-copy .eyebrow{color:#536274}body[data-studio=light] .stage-copy h1{color:#111a25}body[data-studio=light] .stage-copy h1 em{color:#53657a}body[data-studio=light] .stage-description{color:#536274}.stage-note{position:absolute;left:5vw;bottom:104px;display:flex;align-items:center;gap:12px;color:#7f8896;font-size:10px;line-height:1.35;letter-spacing:.11em;text-transform:uppercase}.note-rule{width:54px;height:1px;background:#8fa6cc6b}.paint-control{position:absolute;top:104px;right:5vw;width:min(220px,24vw);padding:13px 15px 14px;background:#0a0c10c7;border:1px solid rgba(148,177,227,.24);box-shadow:0 16px 32px #00000029;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.paint-control-heading{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;color:#8490a0;text-transform:uppercase;letter-spacing:.13em;font-size:8px}.paint-control-heading strong{color:#e5edf9;font-size:10px;font-weight:500;letter-spacing:.02em;text-transform:none}body[data-studio=light] .paint-control{background:#f8fbffd6;border-color:#485b7547;box-shadow:0 16px 32px #25364b24}body[data-studio=light] .paint-control-heading{color:#5a697a}body[data-studio=light] .paint-control-heading strong{color:#172433}.detail-panel{position:absolute;top:33%;right:0;width:min(286px,25vw);padding:24px 22px 20px;background:#0a0c10eb;border:1px solid rgba(148,177,227,.3);box-shadow:-18px 22px 48px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:opacity .3s ease,visibility .3s ease}.detail-panel.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.detail-close{position:absolute;top:9px;right:11px;width:24px;height:24px;border:0;background:transparent;color:#8893a3;font-size:22px;line-height:1}.detail-close:hover{color:#f0f5ff}.detail-eyebrow{margin:0 0 10px;color:var(--blue);text-transform:uppercase;letter-spacing:.16em;font-size:9px}.detail-panel h2{max-width:210px;margin:0 0 10px;font-family:Plus Jakarta Sans,sans-serif;font-size:22px;letter-spacing:-.05em}.detail-description{margin:0 0 18px;color:#9aa4b3;font-size:11px;line-height:1.65}.color-swatches{display:flex;gap:8px;flex-wrap:wrap}.color-swatch{width:25px;height:25px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:var(--swatch-color);box-shadow:inset 0 0 0 2px #07090c47;transition:transform .2s ease,border-color .2s ease}.color-swatch:hover,.color-swatch.active{border-color:#e7efff;transform:scale(1.12)}.spec-panel{position:absolute;left:5vw;bottom:130px;width:270px;max-width:300px;padding:4px 0 0}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.panel-heading h2{font-family:Plus Jakarta Sans,sans-serif;font-size:24px;letter-spacing:-.05em;margin:8px 0 0}.model-year{color:var(--blue);font-size:11px;letter-spacing:.15em;padding-top:5px}.panel-divider{height:1px;background:var(--line);margin:22px 0 25px}.spec-highlight{border-left:1px solid var(--blue);padding:0 0 0 14px}.spec-value{font-family:Plus Jakarta Sans,sans-serif;font-size:46px;font-weight:700;letter-spacing:-.08em}.spec-unit{margin-left:5px;color:var(--blue);font-size:12px}.spec-highlight p{color:var(--muted);font-size:11px;margin:3px 0 0}.spec-list{margin:27px 0 25px}.spec-list div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(220,228,241,.08);padding:10px 0;font-size:11px}.spec-list dt{color:var(--muted)}.spec-list dd{margin:0;color:#dce5f4}body[data-studio=light] .spec-list dd{color:#25364a}.panel-footer{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px}.material-swatch{display:inline-flex;align-items:center;gap:7px}.material-swatch i{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#8694a5,#252b34);border:1px solid #b0bbc9}.spec-source{color:var(--blue);font-size:9px;text-decoration:none}.spec-source:hover{text-decoration:underline}.control-deck{position:absolute;left:50%;bottom:90px;transform:translate(-50%);width:min(560px,44vw);padding:0 0 4px}.deck-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line)}.deck-tab{position:relative;border:0;padding:0 0 13px;background:transparent;color:#7b8492;font-size:11px}.deck-tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--blue);transform:scaleX(0);transition:transform .25s ease}.deck-tab.active{color:#e8eef8}.deck-tab.active:after{transform:scaleX(1)}.deck-controls{display:flex;gap:7px;padding-top:17px}.control-button{display:inline-flex;gap:8px;align-items:center;border:1px solid transparent;background:transparent;color:#7d8796;padding:9px 11px;font-size:10px;transition:color .2s ease,border-color .2s ease,background .2s ease}.control-button:hover,.control-button.active{color:#e6eefb;border-color:#95b1e433;background:#1e283873}.control-button.active .control-icon{color:var(--blue)}.control-icon{font-size:16px;line-height:1;color:#8e9aac}.camera-rail{position:absolute;left:5vw;right:5vw;bottom:22px;display:flex;gap:8px;align-items:stretch;border-top:1px solid var(--line);padding-top:12px}.rail-label{display:flex;align-items:flex-start;padding-top:9px;margin-right:13px;white-space:nowrap}.camera-card{flex:1;min-height:58px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;padding:9px 11px;border:1px solid transparent;background:#14161b73;color:#848d9b;font-size:10px;line-height:1.35;transition:border-color .2s ease,background .2s ease,color .2s ease}.camera-card:hover,.camera-card.active{border-color:#85aaee59;background:#2739544d;color:#dce6f5}.camera-index{color:var(--blue);font-size:9px;letter-spacing:.1em}body[data-studio=light] .deck-tabs{border-color:#2a3e5633}body[data-studio=light] .deck-tab{color:#4a5d73}body[data-studio=light] .deck-tab.active{color:#183b63}body[data-studio=light] .control-button{color:#40546a}body[data-studio=light] .control-button:hover,body[data-studio=light] .control-button.active{color:#172d47;border-color:#43699457;background:#6682a63d}body[data-studio=light] .control-icon{color:#4d6e91}body[data-studio=light] .control-button.active .control-icon{color:#2f70b6}body[data-studio=light] .rail-label{color:#4d6178}body[data-studio=light] .camera-card{color:#3c5168;background:#ffffff85;border-color:#3e577329}body[data-studio=light] .camera-card:hover,body[data-studio=light] .camera-card.active{color:#152e4a;background:#7e9dc652;border-color:#4670a075}body[data-studio=light] .camera-index{color:#3474b8}.status-pill{position:absolute;right:5vw;bottom:110px;display:flex;gap:8px;align-items:center;color:#7d8792;font-size:10px;letter-spacing:.08em;text-transform:uppercase}body[data-studio=light] .status-pill{color:#4d6178}.status-dot{width:6px;height:6px;border-radius:50%;background:#6f7883}.status-pill[data-tone=ready] .status-dot{background:#7ba8ff;box-shadow:0 0 12px #7ba8ffb3}.status-pill[data-tone=loading] .status-dot{background:#e6b87c;animation:breathe 1s ease-in-out infinite}.status-pill[data-tone=error] .status-dot{background:#e28c85}.footer{display:none}@keyframes breathe{50%{opacity:.35;transform:scale(.75)}}@keyframes loading-spin{to{transform:rotate(360deg)}}@media(max-width:980px){.showroom{padding:0}.showroom-stage{min-height:620px}.stage-copy{left:6vw;top:9%}.detail-panel{right:0;width:min(286px,34vw)}.paint-control{right:6vw;width:210px}.spec-panel{left:6vw;bottom:132px;max-width:250px}.control-deck{bottom:91px;width:min(100% - 12vw,560px)}.camera-rail{flex-wrap:wrap}.rail-label{width:100%;margin-bottom:2px}.status-pill{right:6vw}}@media(max-width:640px){.topbar{height:74px;padding:0 6vw}.session-indicator{display:none}.disclaimer{max-width:190px;font-size:8px}.showroom{display:block;padding:0}.showroom-stage{min-height:0;height:100vh}.stage-copy{top:10%;left:6vw;width:150px}.stage-copy h1{font-size:34px;line-height:.98;margin:18px 0 0}.stage-description{display:none}.paint-control{top:11%;right:6vw;width:176px;padding:11px 12px 12px}.detail-panel{top:auto;right:0;bottom:54px;width:min(100%,330px)}.stage-note,.spec-panel{display:none}.control-deck{left:6vw;right:6vw;bottom:158px;width:auto;transform:none}.deck-controls{flex-wrap:wrap}.camera-rail{left:6vw;right:6vw;bottom:18px}.camera-card{min-width:calc(50% - 4px);flex:1 1 calc(50% - 4px)}.status-pill{right:6vw;left:auto;top:52%;bottom:auto}}@media(max-width:640px)and (max-height:720px){.stage-copy{top:9%;width:132px}.stage-copy h1{font-size:30px}.paint-control{top:10%;width:164px}.paint-control-heading{margin-bottom:9px}.color-swatch{width:22px;height:22px}.control-deck{bottom:145px}.camera-rail{bottom:12px}.camera-card{min-height:50px;padding:7px 9px}}@media(max-height:800px)and (min-width:641px){.spec-panel{display:none}.stage-copy{top:17%;left:5vw}}@media(min-width:900px)and (min-height:900px){.stage-copy{width:min(42vw,560px)}.stage-copy h1{font-size:clamp(44px,4vw,62px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}