@keyframes wcd-rip{to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.wcd-section{background:#0f1113;color:#fff;padding:64px 5%}.wcd-head,.wcd-inner{max-width:1200px;margin:0 auto}.wcd-head{max-width:720px;text-align:center}.wcd-eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffd65a;margin-bottom:10px}.wcd-head h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:-.01em;line-height:1.2}.wcd-head p{font-size:16px;line-height:1.7;color:#c7ccd1;margin:0}.wcd-head p b{color:#fff}#wise-chameleon-demo{--line:rgba(255, 255, 255, 0.08);--ink:#eef1f4;--muted:#8b95a1;--accent:#ffd65a;--font-sans:'Raleway', 'Helvetica Neue', Arial, sans-serif;margin-top:32px;font-family:var(--font-sans)}.wcd-stage{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px}.wcd-room{position:relative;flex:1 1 400px;min-width:300px;max-width:760px;line-height:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#000;box-shadow:0 30px 80px -30px rgba(0,0,0,.85)}.wcd-badge i,.wcd-keypad svg,.wcd-room img{display:block;width:100%;height:auto}.wcd-layer{position:absolute;inset:0;pointer-events:none;transition:opacity .6s,background .6s}.wcd-desat{mix-blend-mode:saturation}.wcd-tint{mix-blend-mode:color}.wcd-lift{mix-blend-mode:soft-light}.wcd-dim{mix-blend-mode:multiply;opacity:0;background:#000}.wcd-badge,.wcd-glass{position:absolute;pointer-events:none}.wcd-glass{left:53.86%;top:36.38%;width:27.79%;height:33.2%;background-image:url(/img/chameleon-demo/glass.png);background-repeat:no-repeat;background-size:100% 100%}.wcd-badge{left:14px;bottom:14px;display:flex;align-items:center;gap:8px;padding:6px 12px;font-family:var(--font-sans);font-size:12px;letter-spacing:.5px;color:#fff;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.12);border-radius:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.wcd-badge i{width:11px;height:11px;border:1px solid rgba(255,255,255,.4);border-radius:50%}.wcd-controls{display:flex;flex:none;flex-direction:row;align-items:flex-start;gap:22px}.wcd-keypad{position:relative;flex:none;width:340px}.wcd-keypad-img{display:block;width:100%;height:auto;filter:drop-shadow(14px 20px 34px rgba(40,30,18,.4))}.wcd-keypad svg{position:absolute;inset:0;height:100%}.wcd-key{cursor:pointer;touch-action:none}.wcd-cap{fill:transparent;stroke:none;transition:fill .15s}.wcd-key:hover .wcd-cap{fill:rgba(0,0,0,.05)}.wcd-key:active .wcd-cap{fill:rgba(0,0,0,.1)}.wcd-key:focus-visible{outline:0}.wcd-key:focus-visible .wcd-cap{fill:rgba(255,214,90,.28)}.wcd-key.is-on .wcd-cap{fill:rgba(255,214,90,.26)}.wcd-label{font-family:var(--font-sans);font-size:24px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-anchor:middle;dominant-baseline:central;fill:#3a3633;pointer-events:none}.wcd-svg-led{fill:transparent;transition:fill .2s,filter .2s}.wcd-svg-led.on{fill:#2f6df6;filter:drop-shadow(0 0 6px rgba(47,109,246,.95))}.wcd-remote-wrap{flex:none;width:210px;container-type:inline-size}.wcd-remote{position:relative;width:100%}.wcd-remote>img{display:block;width:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.wcd-hot{position:absolute;cursor:pointer}#wcd-h-wheel{left:24.6%;top:11%;width:51.9%;height:18.9%}#wcd-h-cyc,#wcd-h-off,#wcd-h-set,.wcd-rkey{left:32%;width:32.5%}.wcd-rkey[data-idx="0"]{top:44.6%;height:4.4%}.wcd-rkey[data-idx="1"]{top:50.7%;height:4.3%}.wcd-rkey[data-idx="2"]{top:56.9%;height:3.9%}.wcd-rkey[data-idx="3"]{top:63%;height:4%}#wcd-h-set{top:69.3%;height:4%}#wcd-h-cyc{top:75.5%;height:4%}#wcd-h-off{top:81.5%;height:3.8%}.wcd-hot.is-on{background:rgba(255,214,90,.26);border-radius:7px}.wcd-hot-lbl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:5cqw;font-weight:700;line-height:1;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;color:#2c2924;pointer-events:none}.wcd-hot-lbl:not(.wcd-hot-lbl-wheel){transform:translateY(1px)}.wcd-hot-lbl-wheel{color:#1c1a17;text-shadow:0 0 3px rgba(255,255,255,.9),0 0 3px rgba(255,255,255,.9)}.wcd-ind,.wcd-ripple{position:absolute;border-radius:50%;pointer-events:none}.wcd-ripple{z-index:5;background:radial-gradient(circle,rgba(255,255,255,.85)0,rgba(150,195,255,.55) 35%,rgba(150,195,255,0) 70%);transform:translate(-50%,-50%) scale(0);animation:wcd-rip .5s ease-out forwards}.wcd-ind{top:38.3%;width:4%;height:2%;opacity:0;transition:opacity .25s}#wcd-ind-l1{left:40%}#wcd-ind-l2{left:55.7%}.wcd-hint{margin-top:14px;font-family:var(--font-sans);font-size:12px;line-height:1.6;text-align:center;color:var(--muted)}.wcd-hint b{color:#fff;font-weight:500}@media (max-width:980px){.wcd-stage{flex-direction:column;align-items:center}.wcd-room{flex:none;width:100%}.wcd-controls{justify-content:center;width:100%;max-width:460px}.wcd-keypad,.wcd-remote-wrap{flex:1 1 0;width:auto;min-width:0}.wcd-remote-wrap{flex:0 0 150px}}@media (prefers-reduced-motion:reduce){.wcd-layer{transition-duration:.2s}.wcd-ripple{animation:none}}