/* Orbital geometry, translucent controls and restrained liquid light. */
:root{--alien-mint:#9ff5dd;--alien-violet:#bba9f5;--alien-panel:#101e2b;--ease-liquid:cubic-bezier(.18,.82,.22,1)}
.header{backdrop-filter:blur(22px);background:#07111fd9}.brand{letter-spacing:.14em}.hero-glow{background:radial-gradient(ellipse at 78% 32%,#a1f5de1c,transparent 50%)}
.hero .eyebrow,.scale-heading .eyebrow{color:var(--alien-mint)}.hero h1 em{color:#d6fbf0}.hero-copy{z-index:2}.hero-evidence{color:#a0c9cf}
button,.button{position:relative;overflow:hidden;transition:background .3s,border-color .3s,box-shadow .3s,transform .5s var(--ease-liquid)}
button:not(.menu-toggle):hover,.button:hover{box-shadow:0 0 24px #9ff5dd13}
.button.primary{border-radius:4px 20px 4px 20px}.button.primary:hover{transform:translateY(-2px)}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--alien-mint);outline-offset:4px}
.family-filters button,.world-tabs button{border-radius:24px;background:linear-gradient(120deg,#172b3b,#0a1827);border:1px solid #9edcd333;backdrop-filter:blur(12px)}
.family-filters button:hover,.world-tabs button:hover{background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#9ff5dd30,#122a35)}
.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.product-card,.product-card[data-id=selenium]{grid-column:auto;background:linear-gradient(140deg,#112737,#091725);border:1px solid #a0d5cf30;border-radius:7px 34px 7px 34px;padding:28px;transform:none!important}
.product-card:last-child{grid-column:1/-1}.product-card:last-child .product-visual{height:350px}.product-card[data-id=selenium] .product-visual,.product-card .product-visual{height:290px;aspect-ratio:auto;border:0;overflow:visible;margin:16px 0 0}
.product-card .readiness{color:#9caebb;font-size:11px}.product-card h3{font-size:30px;letter-spacing:-.045em;margin-top:24px}.product-card>.eyebrow{color:#9de4d4}
.holo-stage{--breakdown:0;width:100%;position:relative;height:100%;min-height:240px;display:grid;place-items:center;overflow:hidden;perspective:950px;isolation:isolate;touch-action:pan-y;cursor:grab;background:radial-gradient(ellipse at center,#16313e80,transparent 64%);border:1px solid #a7e2d518;border-radius:4px 23px 4px 23px}
.holo-stage:active{cursor:grabbing}.holo-ambient{position:absolute;width:72%;height:80%;background:radial-gradient(ellipse,#89eace20,transparent 67%);filter:blur(15px);z-index:-1}
.holo-grid{position:absolute;inset:60% -50% -30%;background:linear-gradient(#9ff5dd10 1px,transparent 1px),linear-gradient(90deg,#9ff5dd10 1px,transparent 1px);background-size:36px 36px;transform:rotateX(66deg);mask-image:radial-gradient(ellipse,#000,transparent 70%);z-index:-1}
.holo-orbit{position:absolute;width:75%;aspect-ratio:1;border:1px solid #90c8d422;border-radius:50%;transform:rotateX(64deg) rotateZ(-20deg);z-index:-1}.holo-orbit:after{content:'';position:absolute;inset:16%;border:1px dashed #90c8d422;border-radius:50%}
.holo-index,.holo-label{position:absolute;color:#a8c4ca;font-family:monospace;font-size:9px;letter-spacing:.16em;z-index:2}.holo-index{top:17px;left:18px}.holo-label{bottom:13px;left:18px;color:#7f9baf}
.holo-object{--orbit-angle:-28deg;position:relative;transform-style:preserve-3d;transform:rotateX(-16deg) rotateY(var(--orbit-angle)) rotateZ(-10deg);transition:transform .7s var(--ease-liquid);width:112px;height:208px;margin-top:-10px}
.holo-plane{position:absolute;inset:0;transform-style:preserve-3d;transition:transform 1.1s var(--ease-liquid),filter .5s;backface-visibility:visible}
.studio-fallback .holo-object{scale:var(--fallback-zoom,1);transition-duration:var(--fallback-response,.7s)}
.studio-fallback .holo-plane{transition-duration:var(--fallback-response,1.1s)}
.studio-fallback .holo-plane.is-focused{filter:brightness(1.45);outline:2px solid #b5f4d8;outline-offset:2px}
.product-visual.imagery-unavailable>.imagery-caption{display:block!important}.product-visual.imagery-unavailable .holo-label{display:none}
.holo-frame{border:5px solid #9db1c2;background:transparent;box-shadow:inset 0 0 0 1px #102e3c;transform:translateZ(calc(-12px - var(--breakdown)*55px))}
.holo-rear{background:linear-gradient(140deg,#223c4c,#0b1d2d);border:1px solid #7aabb080;transform:translateZ(calc(-5px - var(--breakdown)*28px))}
.holo-circuit{inset:6px;background:repeating-linear-gradient(90deg,transparent 0 calc(16.666% - 1px),#9ec0cf60 calc(16.666% - 1px) 16.666%),repeating-linear-gradient(0deg,#15344c 0 calc(5.555% - 1px),#9ec0cf60 calc(5.555% - 1px) 5.555%);border:1px solid #72959e;box-shadow:inset 0 0 30px #4aaabc20;transform:translateZ(0)}
.holo-circuit i{position:absolute;inset:0;background:linear-gradient(140deg,#afffe33b,transparent 38%,#a0c0ff20 70%,transparent);mix-blend-mode:screen}
.holo-laminate{inset:3px;background:#c1ffef0c;border:1px solid #b7f6ee45;transform:translateZ(calc(4px + var(--breakdown)*31px))}
.holo-glass{background:linear-gradient(125deg,#d4fff226,transparent 43%,#d4fff217);border:1px solid #b5f7e570;box-shadow:0 0 16px #9ff5dd0c;transform:translateZ(calc(8px + var(--breakdown)*58px))}
[data-family=utility] .holo-object{height:226px;width:105px}[data-family=utility] .holo-circuit{background:repeating-linear-gradient(90deg,transparent 0 calc(16.666% - 1px),#9ec0cf60 calc(16.666% - 1px) 16.666%),repeating-linear-gradient(0deg,#15344c 0 calc(3.846% - 1px),#9ec0cf60 calc(3.846% - 1px) 3.846%)}
[data-family=residential] .holo-frame{border-color:#283746}[data-family=selenium] .holo-circuit{background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#b3a1ec50 calc(25% - 1px) 25%),repeating-linear-gradient(0deg,#242e50 0 calc(8.333% - 1px),#b3a1ec50 calc(8.333% - 1px) 8.333%)}[data-family=selenium] .holo-ambient{background:radial-gradient(ellipse,#aa95fa2b,transparent 67%)}
.holo-storage{width:230px;height:152px;transform:rotateX(-8deg) rotateY(var(--orbit-angle));margin-top:-8px}
.holo-cabinet{border:5px solid #79949e;background:linear-gradient(145deg,#334d5c,#0b212b);transform:translateZ(calc(-15px - var(--breakdown)*45px)) translateX(calc(var(--breakdown)*-25px));box-shadow:12px 10px 0 #091d2b,13px 11px 0 #4d6771}
.holo-cabinet i{position:absolute;inset:9px;border:1px solid #72989c}
.holo-vessels{inset:20px 20px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:10px 8px;transform:translateZ(calc(var(--breakdown)*5px))}
.holo-vessels i{background:linear-gradient(0deg,#344d60,#bfdae2 45%,#4d6776);border:1px solid #adc3cc;border-radius:20px;box-shadow:inset 5px 0 0 #1c354780,0 8px 9px #0003}
.holo-power{inset:20px -12px 20px 84%;background:repeating-linear-gradient(0deg,#16333b 0 12px,#839ba7 12px 13px);border:2px solid #486779;transform:translateZ(calc(10px + var(--breakdown)*31px)) translateX(calc(var(--breakdown)*28px))}
.holo-controls{border:1px solid #9ae4e58a;background:linear-gradient(140deg,#9be1e529,#16354513);transform:translateZ(calc(20px + var(--breakdown)*65px))}
.holo-controls i{position:absolute;right:12px;top:14px;width:34px;height:17px;background:#98eadc;border:4px solid #123946;box-shadow:0 0 14px #9ff5dd30}
.holo-controls-bar{display:flex;border-bottom:1px solid #a0d5cf25;justify-content:space-between;gap:12px;padding:12px 0}.holo-controls-bar button{background:none;color:#dbf4ee;font-size:11px;padding:9px 12px;border:1px solid #99ceca24;border-radius:3px 14px}.holo-controls-bar button:hover{background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#afffe31f,#122b39)}.holo-controls-bar button[aria-pressed=true]{color:var(--alien-mint);border-color:#9ff5dd55}
.holo-controls-bar button:first-child span{color:var(--alien-mint);margin-right:12px}.product-card .card-actions{border-top:0}
.product-record-link{display:inline-block;margin-top:20px;font-size:10px;color:#a2c9c5}
.heritage{background:linear-gradient(150deg,#0b1829,#07111f);border-top:1px solid #95bfdb24;border-bottom:1px solid #95bfdb24}.heritage-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:40px}.heritage-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px}.heritage-steps button{font-size:10px;letter-spacing:.04em;text-align:left;color:#abc2cd;border:1px solid #a0d5cf26;background:#112331;padding:15px;border-radius:3px 15px}.heritage-steps button[aria-pressed=true]{color:#c7ffee;background:#183b40;border-color:#9ff5dd70}.heritage-detail{padding:38px;background:radial-gradient(ellipse at 100% 0,#9ff5dd0e,transparent 60%),#0c2030;border:1px solid #a0d5cf26;border-radius:5px 28px}.heritage-detail h3{font-size:32px;margin:25px 0;letter-spacing:-.04em}.heritage-detail>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#a9bec9}.heritage-detail>a{display:inline-block;margin-top:30px;color:var(--alien-mint)}
.studio-open{overflow:hidden}.studio-dialog{width:min(1380px,96vw);max-height:94svh;border:1px solid #a6e1d855;border-radius:8px 30px;background:#091a27;color:#eaf6f4;overflow-y:auto;padding:0;box-shadow:0 35px 160px #000b}.studio-dialog::backdrop{background:#02090ddc;backdrop-filter:blur(14px)}
.studio-head{position:relative;padding:28px 32px 20px;border-bottom:1px solid #94bfcd26}.studio-head .eyebrow{color:var(--alien-mint);font-size:9px}.studio-head h2{font-size:clamp(28px,4vw,42px);margin-top:12px;letter-spacing:-.05em}.studio-close{position:absolute;right:20px;top:20px;width:44px;height:44px;border:1px solid #9ed6cf40;border-radius:50%;background:#133341;color:#e5fff7;font-size:24px}
.studio-families{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}.studio-families button{color:#a9becb;background:#0b2334;border:1px solid #94bfcd26;border-radius:20px;padding:10px 15px;font-size:10px}.studio-families button[aria-pressed=true]{background:#a3f3dc;color:#0a2530;border-color:#a3f3dc}
.studio-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr)}.studio-visual{min-width:0;border-right:1px solid #94bfcd26;background:radial-gradient(ellipse at 50% 35%,#22475380,transparent 70%),#071722;position:relative}
.studio-viewport{position:relative;height:510px;isolation:isolate;background:linear-gradient(#9ff5dd06 1px,transparent 1px),linear-gradient(90deg,#9ff5dd06 1px,transparent 1px);background-size:48px 48px}.studio-viewport:before{content:'';position:absolute;inset:12%;border:1px solid #9ff5dd16;border-radius:50%;transform:rotateX(55deg);pointer-events:none}
.studio-canvas,.studio-fallback{position:absolute;inset:0}.studio-canvas canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.studio-canvas canvas:active{cursor:grabbing}.studio-fallback .holo-stage{height:100%;border:0;background:none}.studio-fallback .holo-object{width:145px;height:275px}.studio-fallback .holo-storage{width:195px;height:285px}.studio-fallback.is-rotating .holo-object{animation:holoSpin 12s linear infinite}
.studio-fallback .holo-storage{width:280px;height:185px}
.heritage .heritage-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:start}
.heritage .heritage-detail{--heritage-copy-pad:36px;min-width:0;overflow:hidden;padding:var(--heritage-copy-pad);border-radius:8px;background:#0c1921}
.heritage-scene-visual{margin:calc(-1 * var(--heritage-copy-pad)) calc(-1 * var(--heritage-copy-pad)) 30px;min-width:0}
.heritage-scene-frame{aspect-ratio:16/9;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 20%,#203844,#071117 80%)}
.heritage-scene-image{display:block;width:100%;height:100%;object-fit:cover}
.heritage-scene-caption{padding:14px 20px;margin:0;border-bottom:1px solid #ffffff20;background:#08141b;color:#d2dfdf;font-size:12px;line-height:1.55;letter-spacing:.01em;overflow-wrap:anywhere}
.heritage-scene-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;padding:30px;background:linear-gradient(125deg,#0a1720,#132b34)}
.heritage-scene-fallback p{max-width:38ch;color:#e3eeec;font-size:14px;line-height:1.6}
.heritage-scene-retry{padding:11px 18px;min-height:44px;background:#e8f1eb;color:#142630;border:1px solid #ffffff45;border-radius:4px;font-size:12px}
.heritage-scene-retry:focus-visible{outline:2px solid #b5f4d8;outline-offset:4px}.heritage-scene-retry:disabled{opacity:.6;cursor:default}
@media(max-width:900px){.heritage .heritage-layout{grid-template-columns:minmax(0,1fr);gap:26px}.heritage .heritage-detail{--heritage-copy-pad:30px}.heritage-scene-frame{max-height:420px;aspect-ratio:16/9}.heritage-scene-image{height:100%}}
@media(max-width:760px){.heritage .heritage-detail{--heritage-copy-pad:24px;border-radius:6px}.heritage-scene-visual{margin-bottom:24px}.heritage-scene-caption{padding:12px 16px;font-size:11px}.heritage-scene-fallback{gap:12px;padding:18px}.heritage-scene-fallback p{font-size:12px;line-height:1.5}.heritage-scene-retry{font-size:11px;padding:9px 14px}.heritage-scene-frame{min-height:160px}}
@media(prefers-reduced-motion:reduce){.heritage-scene-image,.heritage-scene-retry{animation:none!important;transition:none!important}}
@keyframes holoSpin{from{transform:rotateX(-16deg) rotateY(0deg) rotateZ(-10deg)}to{transform:rotateX(-16deg) rotateY(360deg) rotateZ(-10deg)}}
.studio-visual-tools{position:absolute;left:20px;right:20px;bottom:18px;display:flex;gap:8px;align-items:center;z-index:3}.studio-visual-tools button{background:#0d293cdd;color:#aeeadf;border:1px solid #8cc9c53b;border-radius:6px;padding:9px 12px}.studio-visual-tools span{font-size:10px;color:#99b5c4;margin-left:auto}.studio-note{font-size:10px;line-height:1.6;color:#88a8b8;padding:16px 22px;border-top:1px solid #94bfcd26}.studio-note strong{display:block;color:#b0d1d9;font-weight:400;margin-bottom:6px}
.studio-panel{padding:25px;min-width:0}.studio-controls{display:grid;gap:19px;padding-bottom:24px;border-bottom:1px solid #94bfcd26}.studio-controls label{font-size:10px;letter-spacing:.05em;color:#c5dedf}.studio-controls label>span{display:flex;justify-content:space-between;margin-bottom:10px}.studio-controls input{accent-color:#a3f3dc;width:100%;cursor:pointer;min-height:30px}.studio-controls .motion-label{color:#a9bec8;font-size:9px}
.studio-layers{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 14px}.studio-layers button{color:#a5c2cd;background:#102c3b;border:1px solid #a0d5cf26;font-size:9px;padding:8px 11px;border-radius:4px 12px;min-height:36px}.studio-layers button[aria-pressed=true]{color:#c7ffee;border-color:#9ff5dd7a;background:#1c3c45}.studio-layer-copy{font-size:12px;line-height:1.7;color:#a5bfcc}.studio-story{margin-top:22px;border-top:1px solid #94bfcd26}.studio-story details{padding:13px 0;border-bottom:1px solid #94bfcd26}.studio-story summary{cursor:pointer;font-size:10px;color:#b7d1d9}.studio-story details p{font-size:11px;line-height:1.75;color:#a0bbc9;margin-top:14px;white-space:pre-line}.studio-configure{display:inline-flex;margin-top:22px;background:#a3f3dc!important;color:#0a2530!important;justify-content:center;width:100%;padding:15px;border-radius:4px 18px;font-size:11px}.studio-help{font-size:10px;color:#7f9eae;padding:0 22px 18px}
@media(max-width:900px){.studio-layout{grid-template-columns:1fr}.studio-visual{border-right:0;border-bottom:1px solid #94bfcd26}.studio-viewport{height:400px}.studio-panel{display:grid;grid-template-columns:1fr 1fr;gap:22px}.studio-controls{grid-column:1}.studio-layer-section{grid-column:2}.studio-story{grid-column:1/-1}.studio-configure{grid-column:1/-1}.heritage-layout{grid-template-columns:1fr;gap:24px}}
@media(max-width:760px){.product-grid{grid-template-columns:1fr}.product-card:last-child{grid-column:auto}.product-card:last-child .product-visual,.product-card[data-id=selenium] .product-visual,.product-card .product-visual{height:280px}.product-card,.product-card[data-id=selenium]{padding:22px;min-height:0}.holo-controls-bar{gap:8px}.holo-controls-bar button{font-size:10px}.heritage-steps{grid-template-columns:1fr 1fr}.heritage-detail{padding:26px}.heritage-detail h3{font-size:29px}.studio-dialog{width:96vw;max-height:96svh;border-radius:8px 24px}.studio-head{padding:24px 20px 18px}.studio-head h2{padding-right:40px}.studio-families{gap:6px}.studio-families button{padding:9px 11px;font-size:9px}.studio-viewport{height:345px}.studio-panel{display:block;padding:22px}.studio-controls{padding-bottom:18px}.studio-visual-tools{left:14px;right:14px;bottom:14px}.studio-visual-tools span{font-size:9px;max-width:110px}.studio-note,.studio-help{padding-left:18px;padding-right:18px}.hero h1{letter-spacing:-.055em}.header .brand{font-size:22px}.heritage-steps button{font-size:9px;padding:13px}.studio-close{right:14px;top:16px}}
@media(prefers-reduced-motion:reduce){.holo-object,.holo-plane,button,.button{transition:none!important;animation:none!important}.studio-fallback.is-rotating .holo-object{animation:none}.hero-glow{transform:none}}

/* Energy America / a quiet, full-size product inspection studio. */
#product-studio{width:min(1320px,96vw);height:min(920px,94svh);max-height:94svh;max-width:none;padding:0;border:1px solid #ffffff28;border-radius:8px;background:#090b0e;color:#f3f4ef;box-shadow:0 30px 160px #000c;overflow:hidden}
#product-studio[open]{display:flex;flex-direction:column}
#product-studio::backdrop{background:#030405e0;backdrop-filter:blur(18px)}
#product-studio :is(button,a,input):focus-visible{outline:2px solid #f3f4ef;outline-offset:4px;box-shadow:none}
#product-studio button:hover{box-shadow:none}
#product-studio .studio-head{flex:0 0 auto;position:relative;padding:22px 32px 0;background:#0d0f12;border-bottom:1px solid #ffffff1e}
#product-studio .studio-brandmark{display:block;width:142px;height:auto;margin:0 0 20px}
#product-studio .studio-head>.eyebrow{color:#aab2b8;font-size:9px;letter-spacing:.16em;line-height:1.5;max-width:calc(100% - 62px)}
#product-studio .studio-head h2{font-size:clamp(27px,3vw,42px);font-weight:500;line-height:1.12;letter-spacing:-.045em;padding-right:65px;margin:10px 0 18px;color:#f5f6f1}
#product-studio .studio-close{top:22px;right:26px;width:42px;height:42px;border:1px solid #ffffff30;background:#16191c;color:#f4f5f1;border-radius:50%;font-size:25px;line-height:1}
#product-studio .studio-families{display:flex;flex-wrap:nowrap;gap:28px;overflow-x:auto;scrollbar-width:none;margin:0;padding:0 4px 0 0;background:none;border:0}
#product-studio .studio-families::-webkit-scrollbar{display:none}
#product-studio .studio-families button{flex:0 0 auto;min-height:46px;padding:12px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:#abb3b9;font-size:12px;white-space:nowrap;line-height:1.4}
#product-studio .studio-families button[aria-pressed=true]{color:#f5f6f2;background:none;border-bottom-color:#ffb327}
#product-studio .studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;flex:1;min-height:0;overflow:hidden}
#product-studio .studio-visual{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid #ffffff1e;background:radial-gradient(ellipse at 52% 38%,#34394066,transparent 68%),#090b0e;overflow:hidden}
#product-studio .studio-viewport{position:relative;flex:1;min-height:300px;height:auto;isolation:isolate;background:none}
#product-studio .studio-viewport:before{display:none}
#product-studio .studio-canvas,#product-studio .studio-fallback{inset:42px 14px 92px}
#product-studio .studio-canvas canvas{width:100%;height:100%;touch-action:pan-y;outline-offset:-5px}
#product-studio .studio-canvas canvas:focus-visible,#product-studio .studio-fallback .holo-stage:focus-visible{outline:0;box-shadow:inset 0 -2px 0 #eeeeda}
#product-studio .studio-fallback{overflow:hidden;touch-action:pan-y}
#product-studio .studio-fallback .holo-stage{height:100%;min-height:0;border:0;border-radius:0;background:none;touch-action:pan-y}
#product-studio .studio-fallback .holo-object{width:auto;height:min(350px,60%);margin:0;aspect-ratio:1.046/1.812;scale:var(--fallback-zoom,1)}
#product-studio .studio-fallback [data-family=utility] .holo-object{aspect-ratio:1.134/2.465}
#product-studio .studio-fallback [data-family=commercial] .holo-object{aspect-ratio:1.134/2.1}
#product-studio .studio-fallback .holo-storage{width:auto;height:min(160px,44%);aspect-ratio:2.2/1.45}
#product-studio .holo-ambient,#product-studio .holo-grid,#product-studio .holo-orbit,#product-studio .holo-index,#product-studio .holo-label{display:none}
#product-studio .studio-visual-tools{left:50%;right:auto;bottom:22px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:7px;border:1px solid #ffffff2b;border-radius:999px;background:#12161be8;backdrop-filter:blur(16px);box-shadow:0 8px 28px #0005}
#product-studio .studio-visual-tools button{flex:0 0 auto;min-height:38px;min-width:40px;padding:9px 13px;border:0;border-radius:999px;background:none;color:#e7ebe8;font-size:11px;line-height:1.4}
#product-studio .studio-visual-tools button:hover{background:#ffffff12}
#product-studio .studio-visual-tools button[aria-pressed=true]{background:#f0f2ea;color:#11171b}
#product-studio .studio-visual-tools button[aria-disabled=true]{opacity:.5}
#product-studio #studio-zoom-in,#product-studio #studio-zoom-out{font-size:20px;padding:6px 10px;line-height:1}
#product-studio .studio-visual-status{position:absolute;top:18px;left:28px;right:24px;font-size:10px;line-height:1.5;letter-spacing:.02em;color:#9ba6ae;pointer-events:none}
#product-studio .studio-note{margin:0;padding:15px 28px 0;border-top:1px solid #ffffff1a;font-size:11px;line-height:1.65;color:#9eaab3}
#product-studio .studio-note strong{display:block;color:#e0e5e0;margin-bottom:5px;font-size:11px;line-height:1.65;font-weight:400}
#product-studio .studio-help{margin:0;padding:10px 28px 18px;color:#9faab2;font-size:10px;line-height:1.5}
#product-studio .studio-panel{display:flex;flex-direction:column;gap:26px;min-height:0;padding:26px;overflow-y:auto;overscroll-behavior:contain;background:#121518;scrollbar-width:thin;scrollbar-color:#3a3f42 #121518}
#product-studio .studio-section-label{margin:0 0 12px;color:#a7b1b8;font-family:inherit;font-size:9px;font-weight:500;line-height:1.5;letter-spacing:.16em}
#product-studio .studio-record-context{padding-bottom:23px;border-bottom:1px solid #ffffff1e}
#product-studio #studio-context-copy{font-size:16px;line-height:1.45;color:#f0f2eb;letter-spacing:-.02em}
#product-studio #studio-context-environment{margin-top:8px;color:#aab4bb;font-size:11px;line-height:1.6}
#product-studio .studio-pathway{display:inline-block;margin-top:14px;color:#e1e6de;font-size:11px;line-height:1.5;border-bottom:1px solid #ffffff36;padding-bottom:4px}
#product-studio .studio-layers{display:flex;flex-direction:column;gap:5px;margin:0 0 15px}
#product-studio .studio-layers button{display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:10px 12px;border:1px solid transparent;border-radius:4px;background:none;color:#abb5bc;font-size:11px;line-height:1.45;text-align:left}
#product-studio .studio-layer-number{flex:0 0 19px;color:#747f88;font-size:9px;letter-spacing:.06em}
#product-studio .studio-layers button[aria-pressed=true]{border-color:#ffffff25;background:#e8ebe40b;color:#f4f5ef}
#product-studio .studio-layers button[aria-pressed=true] .studio-layer-number{color:#ffb327}
#product-studio .studio-layer-copy{margin:0;color:#aab5bd;font-size:12px;line-height:1.75}
#product-studio .studio-controls{display:grid;gap:20px;padding:0;border:0}
#product-studio .studio-controls .studio-section-label{margin-bottom:0}
#product-studio .studio-controls label{display:block;margin:0;color:#dde2df;font-size:11px;letter-spacing:0;line-height:1.5;text-transform:none}
#product-studio .studio-controls label>span{display:flex;justify-content:space-between;gap:12px;margin:0 0 7px}
#product-studio .studio-controls output,#product-studio .motion-label{color:#939fa8;font-size:10px}
#product-studio .studio-controls input{display:block;width:100%;height:28px;min-height:28px;margin:0;padding:0;accent-color:#e6eae2;background:none;cursor:pointer}
#product-studio .studio-controls input:disabled{opacity:.35;cursor:default}
#product-studio .studio-story{margin:0;padding:0;border-top:1px solid #ffffff1e}
#product-studio .studio-story:empty{display:none}
#product-studio .studio-story details{padding:14px 0;border-color:#ffffff1e}
#product-studio .studio-story summary{color:#c6d0d4;font-size:11px;line-height:1.6}
#product-studio .studio-story details p{color:#a9b4bc;font-size:12px;line-height:1.8}
#product-studio .studio-configure{margin:0;min-height:44px;width:100%;padding:13px 17px;border:0;border-radius:999px;background:#f0f2e9!important;color:#131a1c!important;font-size:12px;line-height:1.5;justify-content:center;flex:0 0 auto}

/* Architecture previews retain material contrast without a chart floor. */
:is(#product-studio,.product-card) .holo-grid,:is(#product-studio,.product-card) .holo-orbit,:is(#product-studio,.product-card) .holo-ambient{display:none}
:is(#product-studio,.product-card) .holo-frame{border-color:#bcc1c7;box-shadow:inset 0 0 0 1px #292d31}
:is(#product-studio,.product-card) .holo-rear{background:linear-gradient(145deg,#2b3037,#111419);border-color:#636d77}
:is(#product-studio,.product-card) .holo-circuit{background:repeating-linear-gradient(90deg,transparent 0 calc(16.666% - 1px),#86909b50 calc(16.666% - 1px) 16.666%),repeating-linear-gradient(0deg,#17202e 0 calc(5.555% - 1px),#818d9950 calc(5.555% - 1px) 5.555%);border-color:#66727d;box-shadow:none}
:is(#product-studio,.product-card) .holo-circuit i{background:linear-gradient(145deg,#d9e0eb18,transparent 55%,#bec7d01a)}
:is(#product-studio,.product-card) .holo-laminate{background:#d7e0e60b;border-color:#b9c4ca50}
:is(#product-studio,.product-card) .holo-glass{background:linear-gradient(125deg,#e8edf31c,transparent 43%,#d9e1e913);border-color:#c6d1dd66;box-shadow:none}
:is(#product-studio,.product-card) .holo-cabinet{border-color:#7d858d;background:linear-gradient(145deg,#343a42,#14181d);box-shadow:12px 10px 0 #101319,13px 11px 0 #4b545e}
:is(#product-studio,.product-card) .holo-vessels i{background:linear-gradient(0deg,#434c55,#d6dce0 45%,#66717c);border-color:#aeb8c2;box-shadow:inset 5px 0 0 #1c222780,0 8px 9px #0003}
:is(#product-studio,.product-card) .holo-power{background:repeating-linear-gradient(0deg,#242c34 0 12px,#78828d 12px 13px);border-color:#5c6976}
:is(#product-studio,.product-card) .holo-controls{border-color:#c5d0da66;background:linear-gradient(140deg,#dde4eb18,#323a430d)}
:is(#product-studio,.product-card) .holo-controls i{background:#9caeb9;border-color:#202b34;box-shadow:none}
#product-studio .studio-fallback .holo-plane.is-focused{filter:brightness(1.16);outline:1px solid #eef0e4;outline-offset:2px}
.product-card .holo-controls-bar{border-color:#ffffff1e;padding-block:14px;gap:12px}
.product-card .holo-controls-bar button{border:1px solid #ffffff24;border-radius:999px;background:none;color:#d8e0df;font-size:11px;min-height:40px;padding:10px 15px}
.product-card .holo-controls-bar button:first-child{background:#edf0e7;color:#151c20}
.product-card .holo-controls-bar button:first-child span{color:inherit;margin-right:10px}
.product-card .holo-controls-bar button:hover{box-shadow:none;background:#e4e8e015;color:#f1f3ee}
.product-card .holo-controls-bar button:first-child:hover{background:#fff;color:#151c20}
.product-card .holo-controls-bar button[aria-pressed=true]{border-color:#dce4dd80;color:#f1f4ee}
.product-card .holo-stage{background:radial-gradient(ellipse,#32384270,transparent 68%);border-radius:4px}
.product-card .product-photo{border-radius:4px}
.product-card .holo-label{font-family:inherit;color:#b8c4cc;font-size:10px;letter-spacing:.02em}
.product-card .imagery-caption{color:#e6ece8;font-size:10px;background:linear-gradient(transparent,#080b0ebb)}

@media(max-width:900px){
 #product-studio .studio-layout{grid-template-columns:minmax(0,1fr) 310px}
 #product-studio .studio-head{padding-inline:24px}
 #product-studio .studio-panel{padding:22px;gap:22px}
}
@media(max-width:600px){
 #product-studio{width:100vw;height:100svh;max-height:100svh;max-width:100vw;margin:0;border:0;border-radius:0}
 #product-studio .studio-head{padding:18px 20px 0}
 #product-studio .studio-brandmark{width:122px;margin-bottom:14px}
 #product-studio .studio-head>.eyebrow{font-size:8px}
 #product-studio .studio-head h2{font-size:29px;margin-top:8px;margin-bottom:12px;padding-right:38px}
 #product-studio .studio-close{top:18px;right:18px;width:38px;height:38px}
 #product-studio .studio-families{gap:24px}
 #product-studio .studio-families button{font-size:11px;min-height:44px}
 #product-studio .studio-layout{display:block;overflow-y:auto;overscroll-behavior:contain}
 #product-studio .studio-visual{display:block;border-right:0}
 #product-studio .studio-viewport{height:clamp(300px,49svh,450px);min-height:300px;flex:none}
 #product-studio .studio-canvas,#product-studio .studio-fallback{inset:34px 8px 86px}
 #product-studio .studio-visual-status{left:20px;top:14px;font-size:10px}
 #product-studio .studio-visual-tools{bottom:17px;gap:3px;padding:6px;max-width:calc(100% - 24px)}
 #product-studio .studio-visual-tools button{min-height:40px;padding-inline:10px;font-size:10px}
 #product-studio .studio-note{padding:14px 20px 0;font-size:11px}
 #product-studio .studio-help{padding:10px 20px 17px}
 #product-studio .studio-panel{display:flex;overflow:visible;padding:25px 20px 30px;gap:25px}
 #product-studio .studio-layers{display:grid;grid-template-columns:1fr 1fr;gap:6px}
 #product-studio .studio-layers button{min-height:45px;align-items:flex-start;padding:11px 10px}
 #product-studio .studio-layer-number{flex-basis:16px}
 #product-studio .studio-record-context{padding-bottom:21px}
 #product-studio .studio-controls{grid-template-columns:1fr;gap:19px}
 #product-studio .studio-configure{min-height:46px}
 .product-card .holo-controls-bar button{padding-inline:12px;font-size:10px}
}
@media(min-width:601px) and (max-height:650px){
 #product-studio{height:96svh;max-height:96svh;width:98vw}
 #product-studio .studio-head{padding:12px 22px 0}
 #product-studio .studio-brandmark{width:112px;margin-bottom:10px}
 #product-studio .studio-head>.eyebrow{font-size:8px}
 #product-studio .studio-head h2{font-size:25px;margin:7px 0 8px}
 #product-studio .studio-families{gap:23px}
 #product-studio .studio-families button{min-height:38px;font-size:10px;padding-block:9px}
 #product-studio .studio-close{top:12px;right:17px;width:36px;height:36px}
 #product-studio .studio-layout{grid-template-columns:minmax(0,1fr) 265px}
 #product-studio .studio-viewport{min-height:130px}
 #product-studio .studio-canvas,#product-studio .studio-fallback{inset:25px 8px 64px}
 #product-studio .studio-visual-status{top:9px;left:18px;font-size:9px}
 #product-studio .studio-visual-tools{bottom:12px;padding:4px;gap:2px}
 #product-studio .studio-visual-tools button{min-height:32px;min-width:32px;padding:7px 9px;font-size:9px}
 #product-studio #studio-zoom-in,#product-studio #studio-zoom-out{font-size:17px;padding-inline:8px}
 #product-studio .studio-note{padding:10px 18px 0;font-size:10px;line-height:1.5}
 #product-studio .studio-note strong{font-size:10px;line-height:1.5}
 #product-studio .studio-help{font-size:9px;padding:7px 18px 10px}
 #product-studio .studio-panel{padding:18px;gap:20px}
 #product-studio #studio-context-copy{font-size:14px}
 #product-studio .studio-layers button{font-size:10px;min-height:34px;padding:8px 9px}
}
@media(prefers-reduced-motion:reduce){#product-studio .studio-fallback .holo-object,#product-studio .studio-fallback .holo-plane{transition:none!important;animation:none!important}}

/* Circuit patterns follow each family’s illustrative cell arrangement. */
:is(#product-studio,.product-card) [data-family=commercial] .holo-circuit{background:repeating-linear-gradient(90deg,transparent 0 calc(16.666% - 1px),#86909b50 calc(16.666% - 1px) 16.666%),repeating-linear-gradient(0deg,#17202e 0 calc(5% - 1px),#818d9950 calc(5% - 1px) 5%)}
:is(#product-studio,.product-card) [data-family=utility] .holo-circuit{background:repeating-linear-gradient(90deg,transparent 0 calc(16.666% - 1px),#86909b50 calc(16.666% - 1px) 16.666%),repeating-linear-gradient(0deg,#17202e 0 calc(3.846% - 1px),#818d9950 calc(3.846% - 1px) 3.846%)}
:is(#product-studio,.product-card) [data-family=selenium] .holo-circuit{background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#86909b50 calc(25% - 1px) 25%),repeating-linear-gradient(0deg,#17202e 0 calc(8.333% - 1px),#818d9950 calc(8.333% - 1px) 8.333%)}
.product-card .holo-stage:focus-visible{outline:2px solid #e6ece3;outline-offset:-4px}

#product-studio #studio-context-envelope{display:none;margin-top:10px;color:#aab4bb;font-size:10px;line-height:1.6}
@media(min-width:601px) and (max-height:650px){
 #product-studio .studio-brandmark{position:absolute;top:20px;left:22px;margin:0}
 #product-studio .studio-head>.eyebrow,#product-studio .studio-head h2{margin-left:154px}
 #product-studio .studio-head h2{margin-bottom:12px}
 #product-studio .studio-note,#product-studio .studio-help{display:none}
 #product-studio #studio-context-envelope{display:block}
 #product-studio .studio-viewport{min-height:0}
}

/* Keep the shared inspection controls inside the first mobile landscape view. */
@media(max-width:600px) and (max-height:420px) and (orientation:landscape){
 #product-studio .studio-head{padding:10px 16px 0}
 #product-studio .studio-brandmark{width:92px;margin-bottom:4px}
 #product-studio .studio-head>.eyebrow{font-size:7px}
 #product-studio .studio-head h2{font-size:20px;line-height:1.05;margin:4px 0 5px;padding-right:36px}
 #product-studio .studio-close{top:9px;right:12px;width:32px;height:32px;font-size:20px}
 #product-studio .studio-families{gap:16px}
 #product-studio .studio-families button{min-height:30px;padding-block:5px;font-size:9px}
 #product-studio .studio-viewport{height:166px;min-height:166px}
 #product-studio .studio-canvas,#product-studio .studio-fallback{inset:12px 8px 44px}
 #product-studio .studio-visual-tools{bottom:6px;padding:3px;gap:2px}
 #product-studio .studio-visual-tools button{min-height:29px;min-width:29px;padding:5px 7px;font-size:8px}
 #product-studio .studio-note,#product-studio .studio-help{display:none}
}