/* Product reconstruction: exterior color never changes the white interior. */
.hero{min-height:860px}.product-stage{height:74%;top:9%;perspective:1400px}.product{--shell:#e9eae5;--shell-edge:#cfd1ca;--shell-top:#f3f3ef;--shell-shadow:#b6bbb0;--key:#a2a69b;width:350px;height:242px;left:30%;top:27%;transform:rotateX(-17deg) rotateY(-26deg);--accent:#39a6a0}.product[data-color="black"]{--shell:#202222;--shell-edge:#111313;--shell-top:#303332;--shell-shadow:#080a09;--key:#7c847e}.product .panel{transition:background-color .55s,border-color .45s,box-shadow .6s}.product .back{background:#fff;inset:0;border:6px solid var(--shell-edge);transform:translateZ(-108px);box-shadow:inset 0 0 30px #00000012}.interior-logo{position:absolute;top:42%;left:0;right:0;text-align:center;font-size:11px;font-weight:700;letter-spacing:4px;color:#dee0da}.light-wash{position:absolute;inset:0;background:linear-gradient(#fff,#fff0);box-shadow:inset 0 20px 45px #fff;transition:opacity .65s}.product .side{width:216px;height:242px;top:0;background:#fff;border:7px solid var(--shell-edge);box-shadow:inset 0 10px 20px #0000000c}.product .left-side{left:-108px;transform:rotateY(90deg)}.product .right-side{right:-108px;transform:rotateY(90deg)}.wall-inset{position:absolute;inset:0;background:linear-gradient(90deg,#f1f2ed,#fff 65%);transform:translateZ(1px)}.right-side .wall-inset{background:linear-gradient(90deg,#fff,#e8eae3)}.rear-ports{position:absolute;bottom:7px;left:20px;display:flex;gap:7px;transform:translateZ(-1px)}.rear-ports i{height:6px;width:18px;border-radius:3px;background:#111713;box-shadow:0 0 0 2px #7b8175}.product .top,.product .bottom{width:350px;height:216px;left:0;border:7px solid var(--shell-edge)}.product .top{top:-108px;transform:rotateX(90deg);background:linear-gradient(110deg,var(--shell-top),var(--shell));box-shadow:inset 0 0 1px #fff;isolation:auto}.product .top:after{display:none}.ceiling-backlight{position:absolute;inset:8px 12px 25px;background:#fcfff5;box-shadow:0 0 15px #fff9,inset 0 0 25px #fff;border:2px solid #dadfd0;transform:translateZ(-4px);backface-visibility:visible;transition:background .7s,box-shadow .7s}.touch-power{position:absolute;bottom:5px;left:calc(50% - 18px);width:36px;height:30px;padding:8px;border:0;background:transparent;border-radius:50%;transform:translateZ(3px);display:grid;place-items:center;cursor:pointer;touch-action:manipulation}.touch-power:before{content:'';position:absolute;inset:1px;border:1px solid #a8c98b66;border-radius:50%;animation:keyPulse 3s infinite}.touch-power svg{width:15px;height:15px;fill:none;stroke:#748468;stroke-width:1.6;stroke-linecap:round}.product[data-color="black"] .touch-power svg{stroke:#b9d69f}.touch-power:hover{background:#a4c57b40}.product .bottom{bottom:-108px;transform:rotateX(90deg);background:var(--shell);box-shadow:0 15px 50px #0009}.inner-floor{position:absolute;inset:0;background:linear-gradient(#fff,#e9ebe5);transform:translateZ(1px);box-shadow:inset 0 0 25px #0000000d}.device-foot{position:absolute;width:35px;height:6px;background:#191c17;bottom:-6px;border-radius:0 0 5px 5px;transform:translateZ(75px)}.foot-left{left:22px}.foot-right{right:22px}.product .front{inset:0;transform:translateZ(108px);border:0;background:var(--shell);border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff30,0 1px 1px var(--shell-shadow);padding:9px 9px 26px}.screen-surface{position:absolute;inset:9px 9px 27px;overflow:hidden;background:linear-gradient(125deg,#d3eee00a,#eefef80a);border:1px solid #9ba89888;border-radius:2px;transform:translateZ(1px);cursor:crosshair;transition:background .65s,border-color .45s}.screen-surface canvas{width:100%;height:100%;display:block;opacity:.96;transition:opacity .4s;position:absolute;inset:0;mix-blend-mode:multiply}.screen-glare{position:absolute;inset:0;background:linear-gradient(120deg,#fff3,transparent 25%,transparent 70%,#ffffff18);pointer-events:none}.screen-off-reflection{position:absolute;inset:0;background:linear-gradient(125deg,#ffffff04,#222a2a12 34%,transparent 36%,#ffffff06);opacity:0;transition:opacity .6s;pointer-events:none}.product .device-brand{left:0;right:0;bottom:8px;color:#757e72;font-size:6px;text-align:center;letter-spacing:2px}.product[data-color="black"] .device-brand{color:#9caaa0}.device-led{position:absolute;right:17px;bottom:10px;width:3px;height:3px;border-radius:50%;background:#a1d18a;box-shadow:0 0 5px #9bea7c;transition:background .5s,box-shadow .5s}.product[data-power="off"] .screen-surface{background:#030405;border-color:#111719}.product[data-power="off"] #display-canvas{opacity:0;pointer-events:none}.product[data-power="off"] .screen-glare{opacity:.18}.product[data-power="off"] .screen-off-reflection{opacity:1}.product[data-power="off"] .ceiling-backlight{background:#dbddd7;box-shadow:none}.product[data-power="off"] .light-wash{opacity:0}.product[data-power="off"] .device-led{background:#4d514c;box-shadow:none}.product[data-power="off"] .touch-power:before{animation:none;border-color:#88888844}.product-stage.is-off .floor{opacity:.7}.floor{transition:opacity .8s;background:#d6fff323}.product-caption{left:30%;bottom:9%}.power-callout{position:absolute;top:17%;left:52%;font-size:9px;color:#a7b89a;display:flex;align-items:center;gap:9px;pointer-events:none}.callout-line{width:65px;height:1px;background:#b7d69d77;transform:rotate(45deg);transform-origin:left center}.device-controls{position:absolute;right:9%;bottom:125px;display:flex;align-items:center;gap:18px;z-index:3;font-size:10px}.color-options{display:flex;gap:12px}.color-choice{border:0;background:transparent;color:#89917f;padding:7px 0;display:flex;align-items:center;gap:6px;font-size:10px}.color-choice.active{color:#ecf5e1}.color-choice i{width:14px;height:14px;border-radius:50%;display:inline-block;border:1px solid #7b8571;box-shadow:0 0 0 3px #0000;transition:box-shadow .3s}.color-choice.active i{box-shadow:0 0 0 3px #d2fa6944}.swatch-white{background:#eceee8}.swatch-black{background:#292d2a}.control-divider{width:1px;height:22px;background:#fff2}.power-toggle{border:1px solid #7d935456;background:#b7e3800a;border-radius:5px;display:flex;align-items:center;gap:10px;font-size:10px;padding:10px 12px;color:#ccdfb9}.power-toggle i{height:4px;width:4px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px #d2fa69aa}.power-toggle b{font-size:16px;font-weight:400;line-height:1}.power-toggle[aria-pressed="false"]{color:#8a9381;background:transparent}.power-toggle[aria-pressed="false"] i{background:#68705f;box-shadow:none}.power-live{font-size:8px;color:#819271;position:absolute;top:calc(100% + 10px);right:0;white-space:nowrap;letter-spacing:.5px}.demo-toolbar{padding:23px 5% 20px;border-top:1px solid #ffffff12;display:flex;align-items:center;gap:25px;flex-wrap:wrap;background:#111510}.demo-toolbar>div:first-child{display:flex;align-items:center;gap:22px}.demo-toolbar .eyebrow{font-size:8px;color:#a2b78b}.demo-toolbar #scene-hint{font-size:10px;color:#9cae8c}.demo-actions{margin-left:auto;display:flex;gap:12px;align-items:center}.demo-actions button{border:1px solid #d2fa6933;background:none;color:#b8cba5;font-size:9px;padding:8px 12px;border-radius:3px}.demo-actions button:disabled{opacity:.4}.demo-actions label{color:#b8cba5;font-size:9px;display:flex;align-items:center;gap:4px}.demo-actions input{accent-color:var(--lime)}.demo-toolbar>p{width:100%;font-size:8px;color:#647457;margin:0;letter-spacing:.5px}.annotation{right:5%;top:44%}.orbit{opacity:.65}@keyframes keyPulse{50%{box-shadow:0 0 0 5px #bfe29100;border-color:#c5eb9fdd}}@media(min-width:1550px){.product{scale:1.18;top:30%}}@media(max-width:1100px){.product{left:22%;scale:.9}.product-caption{left:22%}.device-controls{right:7%;bottom:126px}.power-callout{left:47%}.power-live{font-size:7px}.hero{min-height:810px}}@media(max-width:760px){.hero{min-height:1030px}.product-stage{top:460px;height:415px;width:100%}.product{left:calc(50% - 165px);top:23%;scale:.8}.product-caption{left:19%;bottom:3%;font-size:8px}.power-callout{top:10%;left:45%;font-size:8px}.device-controls{right:0;left:0;bottom:104px;justify-content:center;gap:17px}.power-live{top:calc(100% + 7px);left:0;right:0;text-align:center}.annotation{right:4%;top:40%;font-size:7px}.demo-toolbar{padding:22px 6%;gap:17px}.demo-toolbar>div:first-child{display:block}.demo-toolbar #scene-hint{display:block;margin-top:8px;font-size:10px}.demo-actions{margin-left:0;flex-wrap:wrap;gap:8px}.demo-toolbar>p{font-size:7px;line-height:1.9}.screen-surface{touch-action:pan-y}}
@media(prefers-reduced-motion:reduce){.touch-power:before{animation:none}.product .panel,.screen-surface,.screen-surface canvas,.ceiling-backlight{transition:none}}
/* Separate exterior surfaces from inward-facing white liner. */
.product .side{background:var(--shell)}
.product .wall-inset{backface-visibility:hidden}
.product .right-side .wall-inset{transform:rotateY(180deg) translateZ(1px)}
.product .ceiling-backlight{transform:rotateY(180deg) translateZ(4px);backface-visibility:hidden}
.product .front{background:transparent;border:9px solid var(--shell);border-bottom-width:26px;padding:0;box-shadow:0 1px 2px var(--shell-shadow)}
.product .screen-surface{inset:0}
.product .device-brand{bottom:-18px}
.product .device-led{bottom:-16px;right:9px}
.cad-stage{height:76%;top:5%;perspective:none;cursor:grab}.product.cad-product{width:100%;height:100%;top:0;left:0;transform:none!important;scale:1!important;position:absolute}.cad-product #model-canvas{width:100%;height:100%;display:block;touch-action:pan-y}.cad-stage .product-caption{left:25%;bottom:6%;z-index:2}.cad-stage .coordinate{right:8%;top:13%;font-size:7px}.cad-stage .floor{top:62%;opacity:.7}.cad-touch{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);z-index:3;width:27px;height:24px;padding:5px;opacity:.8;background:transparent;border:0;color:#4a6954}.cad-touch svg{width:12px;height:12px;stroke:#536b50}.cad-touch[aria-pressed="false"] svg{stroke:#91998c}.cad-touch:before{border-color:#65884766}.assembly-controls{padding:27px 5%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;border-top:1px solid #ffffff18;background:#171d14}.assembly-controls h3{font-size:19px;font-weight:500;margin:8px 0 0}.assembly-controls .eyebrow{font-size:8px;color:#8fa37b}.assembly-buttons{display:flex;gap:12px}.assembly-buttons button{border:1px solid #d2fa6940;background:#d2fa6906;color:#d5eac0;padding:13px 19px;border-radius:4px;font-size:10px}.assembly-buttons button:last-child{background:var(--lime);color:#202b15;border-color:var(--lime)}.assembly-buttons button:disabled{opacity:.4;cursor:wait}.assembly-controls p{width:100%;font-size:10px;color:#95a983;margin:17px 0 0}.assembly-buttons button[aria-expanded="true"]{border-color:var(--lime)}#model-error{position:absolute;top:45%;left:20%;right:10%;color:#d2fa69;font-size:12px;line-height:2;text-align:center}.device-controls{bottom:118px}.cad-stage .product-caption button{font-size:9px}.hero-copy{pointer-events:none}.hero-copy .button{pointer-events:auto}@media(max-width:1100px){.cad-stage{width:62%;top:6%}.cad-stage .product-caption{left:16%;gap:15px}.device-controls{right:6%}}@media(max-width:760px){.cad-stage{width:100%;height:430px;top:440px}.cad-stage .product-caption{left:10%;right:10%;bottom:1%;justify-content:center;gap:14px}.cad-stage .product-caption>span{font-size:7px}.cad-stage .coordinate{top:8%;right:7%;font-size:6px}.device-controls{bottom:101px;right:0}.assembly-controls{padding:25px 6%;gap:22px}.assembly-controls h3{font-size:17px}.assembly-buttons{gap:8px;flex-wrap:wrap}.assembly-buttons button{padding:12px 14px;font-size:9px}.assembly-controls p{margin:0;line-height:1.8;font-size:9px}}
.cad-stage:has([data-color="black"]) .cad-touch svg{stroke:#c8debb}

/* The 3D product stays visible in both power states. */
.cad-product #model-canvas,.cad-product[data-power="off"] #model-canvas{opacity:1;visibility:visible;pointer-events:auto}
.cad-stage{background:radial-gradient(ellipse at 55% 49%,#acbbbe32 0,#84908b14 40%,transparent 71%)}.showcase-settings{padding:26px 5% 30px;border-top:1px solid #ffffff18;background:#121711;display:grid;grid-template-columns:1fr 1.2fr;gap:6%}.showcase-settings .eyebrow{font-size:8px;color:#9ab187}.fill-light{display:flex;align-items:center;gap:14px;color:#9ead91;font-size:10px;margin-top:18px}.fill-light input{accent-color:#d2fa69;width:140px;cursor:pointer}.fill-light output{font-size:9px;color:#c0d5ab;min-width:34px}.prop-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.prop-heading>span:last-child{font-size:9px;color:#7f9271}.prop-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:16px}.prop-choices button{border:1px solid #d2fa6928;border-radius:5px;padding:11px 8px;background:#ffffff03;color:#bdcbb0;display:grid;grid-template-columns:27px 1fr;column-gap:7px;text-align:left;align-items:center;transition:border-color .2s,background .2s}.prop-choices button.selected{border-color:#d2fa6988;background:#d2fa690c}.prop-choices button:disabled{opacity:.55;cursor:wait}.prop-icon{font-size:25px;grid-row:span 2;text-align:center;color:#c6ddbe}.cat-icon{color:#d8b788;transform:rotate(180deg)}.garden-icon{color:#80bb86}.island-icon{color:#88c2c8}.prop-choices b{font-size:10px;font-weight:500;white-space:nowrap}.prop-choices small{font-size:8px;color:#778b6b;margin-top:5px}@media(max-width:1100px){.showcase-settings{gap:3%;grid-template-columns:.9fr 1.1fr}.prop-heading>span:last-child{font-size:8px}.prop-choices{gap:6px}.prop-choices button{grid-template-columns:1fr;text-align:center}.prop-icon{grid-row:auto;display:none}}@media(max-width:760px){.showcase-settings{padding:24px 6%;grid-template-columns:1fr;gap:28px}.prop-choices button{padding:13px 4px}.prop-heading>span:last-child{font-size:8px}.fill-light input{flex:1;max-width:200px}.prop-choices b{font-size:10px}.prop-choices small{font-size:7px}}

/* Neutral studio only: no desks, monitors, keyboards or scene choices. */
.cad-stage{background:radial-gradient(ellipse at 55% 45%,#a6afb225 0,#555c6012 44%,transparent 73%)}
.cad-stage .orbit{opacity:.2}.cad-stage .floor,.cad-stage.is-off .floor{top:68%;height:65px;width:43%;left:30%;background:#0000005c;filter:blur(21px);opacity:.65;transform:rotate(-7deg)}
.lighting-settings h3{font-size:17px;font-weight:500;letter-spacing:.3px;margin:14px 0 9px}.lighting-settings>p{font-size:10px;line-height:1.9;color:#82917a;margin:0}.lighting-settings .fill-light{margin-top:22px}
.cad-stage .product-caption{gap:16px}.cad-stage .product-caption button[aria-pressed="true"]{color:#d2fa69}@media(max-width:760px){.cad-stage .product-caption>span{display:none}.cad-stage .product-caption{gap:23px}}
.model-credit-link{display:block;text-align:right;margin-top:12px;font-size:8px;color:#8da27b}.release-controls{display:flex;gap:22px;margin-bottom:25px;flex-wrap:wrap}.release-controls label{display:flex;align-items:center;gap:10px;color:#91a17f;font-size:10px}.release-controls select{background:#1c2418;color:#bfd3ab;border:1px solid #d2fa6930;border-radius:4px;font-size:10px;padding:8px 25px 8px 10px}.download-info details{margin-top:10px;border:0}.download-info details summary{font-size:10px;color:#bbd5a1;padding:5px 0}.download-info details ul{color:#8fa27c;font-size:10px;padding-left:16px;line-height:2}.download-info small.checksum{display:block;max-width:480px;overflow-wrap:anywhere;line-height:1.7;margin-top:8px}.support-link{display:inline-block;color:#d2fa69;font-size:11px;margin-top:10px}.release-empty{padding:30px 0;color:#8fa17a;font-size:12px}@media(max-width:760px){.release-controls{gap:12px}.release-controls label{font-size:9px}.release-controls select{max-width:130px;font-size:9px}}
.rear-port-labels{position:absolute;left:12%;right:8%;bottom:14%;display:flex;gap:18px;justify-content:center;font-size:9px;color:#b6c9a5;pointer-events:none}.rear-port-labels span{border:1px solid #d2fa6928;background:#121b10aa;padding:6px 9px;border-radius:4px}@media(max-width:760px){.rear-port-labels{left:3%;right:3%;bottom:11%;gap:6px;font-size:8px}.rear-port-labels span{padding:5px}}

.driver-note{border:1px solid #b9f17933;border-radius:12px;padding:22px;margin-top:24px;background:#b9f17908}.driver-note strong{font-size:17px}.driver-note p{max-width:900px;color:#a5ada7;line-height:1.9;margin:12px 0}.driver-note a{color:#b9f179}
