/* V21 — Material Studio / all controls preserve V20.1 stable canvas layout. */
.hero-stage canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:2!important;display:block}
.experience-frame canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:1!important;display:block}
.hero-stage.webgl-fallback canvas,.experience-frame.webgl-fallback canvas{display:none!important}
.hero-stage .v20-hero-plate{opacity:.075!important}
.experience-frame .v20-scene-plate{opacity:.065!important}
.hero-stage.webgl-fallback .v20-hero-plate,.experience-frame.webgl-fallback .v20-scene-plate{opacity:.35!important}
.hero-stage{background:radial-gradient(ellipse at 58% 46%,rgba(205,255,214,.13),transparent 40%),radial-gradient(ellipse at 76% 22%,rgba(158,233,222,.10),transparent 35%),#0a1214}
.experience-frame[data-scene-mode='warehouse']{background:radial-gradient(ellipse at 50% 48%,rgba(218,255,208,.11),transparent 38%),#0b1718}
.experience-frame[data-scene-mode='energy']{background:radial-gradient(ellipse at 55% 48%,rgba(150,215,174,.06),transparent 35%),#081213}
.v21-material-strip{width:min(calc(100% - 40px),1080px);margin:18px auto 3px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;border:1px solid rgba(199,240,216,.15);background:linear-gradient(105deg,rgba(14,28,29,.87),rgba(12,22,26,.88));box-shadow:0 18px 45px rgba(0,0,0,.24);color:#dceee7}
.v21-material-label{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.09em;font-weight:750}
.v21-material-label i{width:8px;height:8px;display:inline-block;border-radius:50%;background:#c7ff62;box-shadow:0 0 15px rgba(205,255,125,.35)}
.v21-material-caption{font-size:10px;line-height:1.45;color:#a7bcb2;flex:1 1 160px}
.v21-material-btn{border:1px solid rgba(207,249,216,.30);color:#d9f7dd;background:rgba(51,86,67,.22);min-height:37px;padding:8px 15px;letter-spacing:.11em;font-size:10px;font-weight:750;transition:background .2s,border-color .2s}
.v21-material-btn:hover,.v21-material-btn:focus-visible{background:rgba(100,154,100,.25);border-color:#c7ff62}
.v21-material-btn[aria-pressed='false']{background:rgba(90,96,98,.28);color:#bdc7c6}
.v21-material-swatches{display:flex;gap:5px;align-items:center}
.v21-material-swatches b{width:13px;height:13px;border:1px solid rgba(255,255,255,.18);display:block}
.v21-material-swatches b:nth-child(1){background:linear-gradient(100deg,#b9cbd4,#eef5f1,#81999b)}
.v21-material-swatches b:nth-child(2){background:linear-gradient(120deg,#656c6a,#b6bdb5)}
.v21-material-swatches b:nth-child(3){background:linear-gradient(120deg,#315878,#7b99ae)}
.v21-material-swatches b:nth-child(4){background:linear-gradient(120deg,#3b4143,#848988)}
.v21-material-strip[data-material-ready='false'] .v21-material-label i{background:#c8b474;box-shadow:none}
@media(max-width:700px){.v21-material-strip{width:calc(100% - 32px);margin:12px auto 0;padding:11px 13px;gap:10px}.v21-material-caption{flex-basis:100%;order:3}.v21-material-label{font-size:10px}.v21-material-btn{min-height:38px;padding:7px 12px}}
@media(prefers-reduced-motion:reduce){.v21-material-btn{transition:none}}