/* Video-only LED enclosure. Decorative layers never intercept player input. */
#zc-site #demo .demo-shell__frame {
 position:relative!important;isolation:isolate;padding:15px!important;border:1px solid #ad71e6!important;border-radius:24px!important;
 background:linear-gradient(145deg,#311942,#120b20 35%,#160d24 70%,#352044)!important;
 box-shadow:0 0 0 4px #a14cff0b,0 0 26px #a14cff26,0 24px 64px #0008,inset 0 1px 0 #efd6ff66!important;
}
#zc-site #demo .demo-shell__inner {position:relative;z-index:1;border-radius:12px!important;box-shadow:0 0 0 1px #07030d,inset 0 0 0 1px #e6bcff22!important;}
#zc-site #demo .demo-shell__hud {display:block!important;position:absolute!important;inset:5px!important;z-index:2!important;pointer-events:none!important;overflow:visible!important;border-radius:20px!important;}
#zc-site #demo .demo-shell__hud-corner {position:absolute!important;width:44px!important;height:44px!important;opacity:1!important;border:0 solid #e3b8ff!important;filter:none!important;background:none!important;box-shadow:none!important;}
#zc-site #demo .demo-shell__hud-corner--tl {top:0!important;left:0!important;border-top-width:2px!important;border-left-width:2px!important;border-top-left-radius:18px;}
#zc-site #demo .demo-shell__hud-corner--tr {top:0!important;right:0!important;border-top-width:2px!important;border-right-width:2px!important;border-top-right-radius:18px;}
#zc-site #demo .demo-shell__hud-corner--bl {bottom:0!important;left:0!important;border-bottom-width:2px!important;border-left-width:2px!important;border-bottom-left-radius:18px;}
#zc-site #demo .demo-shell__hud-corner--br {bottom:0!important;right:0!important;border-bottom-width:2px!important;border-right-width:2px!important;border-bottom-right-radius:18px;}
#zc-site #demo .demo-shell__hud-glow {position:absolute!important;left:22%!important;right:22%!important;width:auto!important;height:3px!important;border-radius:4px!important;opacity:1!important;transform:none!important;filter:none!important;background:linear-gradient(90deg,#7434bf,#c185ff 24%,#f2deff 50%,#c185ff 76%,#7434bf)!important;box-shadow:0 0 7px #bb78ff,0 0 18px #a14cff99!important;}
#zc-site #demo .demo-shell__hud-glow--top {top:0!important;bottom:auto!important;}
#zc-site #demo .demo-shell__hud-glow--bottom {bottom:0!important;top:auto!important;left:34%!important;right:34%!important;}
#zc-site #demo .demo-shell__hud::before,#zc-site #demo .demo-shell__hud::after {content:"";position:absolute;top:28%;bottom:28%;width:2px;border-radius:3px;background:linear-gradient(#6f2db7,#e8caff,#6f2db7);box-shadow:0 0 8px #c182ff,0 0 16px #a14cff66;}
#zc-site #demo .demo-shell__hud::before {left:0;}
#zc-site #demo .demo-shell__hud::after {right:0;}
#zc-site #demo .demo-shell__dock {background:linear-gradient(180deg,#1d102c,#09060f)!important;border-top:1px solid #a96cd84d;box-shadow:inset 0 1px #efd8ff0d;}
#zc-site #demo .landing-demo__line {background:linear-gradient(90deg,transparent,#9d58d9)!important;height:1px;box-shadow:0 0 7px #a14cff33;}
@media(max-width:600px) {
 #zc-site #demo .demo-shell__frame {padding:9px!important;border-radius:17px!important;box-shadow:0 0 18px #a14cff26,0 14px 30px #0006!important;}
 #zc-site #demo .demo-shell__hud {inset:3px!important;}
 #zc-site #demo .demo-shell__hud-corner {width:25px!important;height:25px!important;}
 #zc-site #demo .demo-shell__hud-glow {height:2px!important;}
 #zc-site #demo .demo-shell__inner {border-radius:10px!important;}
}
/* One uninterrupted LED ring, including the rounded corners. */
#zc-site #demo .demo-shell__hud {border:2px solid #c68bff!important;border-radius:20px!important;box-sizing:border-box;box-shadow:0 0 6px #bf7fff99,0 0 15px #a14cff55,inset 0 0 6px #b570ff33!important;}
#zc-site #demo .demo-shell__hud-corner,#zc-site #demo .demo-shell__hud-glow,#zc-site #demo .demo-shell__hud::before,#zc-site #demo .demo-shell__hud::after {display:none!important;}
@media(max-width:600px) {#zc-site #demo .demo-shell__hud {border-radius:14px!important;border-width:1.5px!important;}}
/* Display lettering echoes the continuous LED enclosure. */
#zc-site #demo .landing-demo__label-row {gap:24px!important;margin-bottom:26px!important;align-items:center;}
#zc-site #demo .landing-demo__label {position:relative!important;display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:0 .22em;margin:0!important;padding:0 8px 12px!important;font-family:'Rajdhani','Outfit',sans-serif!important;font-size:clamp(28px,3.8vw,46px)!important;font-weight:700!important;line-height:1.05!important;letter-spacing:.015em!important;text-transform:none!important;text-shadow:none!important;}
#zc-site #demo .demo-title-brand {color:#f2deff;background:linear-gradient(180deg,#ffffff 15%,#f2deff 48%,#c18bf5 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px #a14cff38);}
#zc-site #demo .demo-title-action {color:#c990ff;font-weight:600;}
#zc-site #demo .landing-demo__label::after {content:"";position:absolute;bottom:0;left:32%;right:32%;height:2px;border-radius:2px;background:linear-gradient(90deg,#7b37bb,#e2bbff,#7b37bb);box-shadow:0 0 9px #a14cff88;}
#zc-site #demo .landing-demo__line {flex:1;min-width:16px;opacity:.75;}
@media(max-width:600px) {
 #zc-site #demo .landing-demo__label-row {gap:9px!important;margin-bottom:19px!important;}
 #zc-site #demo .landing-demo__label {font-size:28px!important;padding:0 0 10px!important;letter-spacing:0!important;}
}
/* Unified finish: a single restrained light edge and a compact brand heading. */
#zc-site #demo .demo-shell__frame {padding:8px!important;border:1px solid #b77bef!important;border-radius:20px!important;background:#150d20!important;box-shadow:0 0 12px #a14cff29,0 24px 55px #0007,inset 0 1px #efd7ff29!important;}
#zc-site #demo .demo-shell__hud {display:none!important;}
#zc-site #demo .demo-shell__inner {border-radius:12px!important;box-shadow:none!important;}
#zc-site #demo .demo-shell__dock {background:linear-gradient(180deg,#160d22,#0c0812)!important;border-top:1px solid #b275e329!important;box-shadow:none!important;}
#zc-site #demo .landing-demo__label-row {justify-content:center!important;gap:18px!important;margin-bottom:24px!important;}
#zc-site #demo .landing-demo__label {align-items:center!important;flex-wrap:nowrap!important;gap:.24em!important;font:700 clamp(25px,2.8vw,36px)/1.2 'Outfit',sans-serif!important;letter-spacing:-.035em!important;padding:0!important;}
#zc-site #demo .demo-title-brand {background:none!important;-webkit-text-fill-color:#f5edff!important;color:#f5edff!important;filter:none!important;}
#zc-site #demo .demo-title-action {font-weight:600!important;color:#ba8de0!important;}
#zc-site #demo .demo-heading-logo {width:40px;height:40px;object-fit:contain;margin-right:9px;flex-shrink:0;}
#zc-site #demo .landing-demo__label::after {display:none!important;}
#zc-site #demo .landing-demo__line {flex:0 1 110px!important;opacity:.5!important;box-shadow:none!important;}
@media(max-width:600px) {
 #zc-site #demo .demo-shell__frame {padding:5px!important;border-radius:15px!important;}
 #zc-site #demo .demo-shell__inner {border-radius:10px!important;}
 #zc-site #demo .landing-demo__label {font-size:23px!important;}
 #zc-site #demo .demo-heading-logo {width:30px;height:30px;margin-right:4px;}
 #zc-site #demo .landing-demo__label-row {gap:8px!important;margin-bottom:18px!important;}
 #zc-site #demo .landing-demo__line {min-width:0!important;flex-basis:20px!important;}
}