@keyframes wsd-glow{0%,to{filter:url(#wsdCapShadow)drop-shadow(0 0 3px rgba(255,214,90,.35))}50%{filter:url(#wsdCapShadow)drop-shadow(0 0 12px rgba(255,214,90,.7))}}@keyframes wsd-beacon{0%{box-shadow:0 0 0 0 rgba(255,214,90,.55)}70%{box-shadow:0 0 0 9px transparent}to{box-shadow:0 0 0 0 transparent}}.sd-demo{background:#0f1113;color:#fff;padding:64px 5%}.sd-demo-inner{max-width:1200px;margin:0 auto}.sd-demo-head{max-width:680px;margin:0 auto;text-align:center}.sd-eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffd65a;margin-bottom:10px}.sd-demo-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}.sd-demo-head p{font-size:16px;line-height:1.7;color:#c7ccd1;margin:0}#scene-demo{--panel:#15191d;--line:rgba(255, 255, 255, 0.08);--muted:#9aa0a6;--soft:#c7ccd1;--accent:#ffd65a;--accent-deep:#d8a800;--accent-ink:#b07d00;--fade:860ms cubic-bezier(0.22, 0.61, 0.36, 1);--fade-slow:1040ms cubic-bezier(0.22, 0.61, 0.36, 1);--master:url("/img/photo/blog/scene/master.webp");--dlon:url("/img/photo/blog/scene/downlights-on.webp")}.wsd-stage-row{margin-top:40px;display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-areas:"room control""circuits control";grid-template-rows:auto 1fr;gap:22px 40px;align-items:start}.wsd-room{grid-area:room}.wsd-control{grid-area:control}.wsd-circuits{grid-area:circuits}@media (max-width:920px){.wsd-stage-row{grid-template-columns:1fr;grid-template-areas:"room""control""circuits";gap:26px}}.wsd-room{position:relative;width:100%;overflow:hidden;border-radius:14px;aspect-ratio:1600/893;background:#07080a;box-shadow:0 30px 80px -30px rgba(0,0,0,.85),0 0 0 1px var(--line)}.wsd-keypad svg,.wsd-layer{position:absolute;inset:0;width:100%;height:100%}.wsd-layer{pointer-events:none;background-image:var(--master);background-size:100% 100%;background-position:center}.wsd-base{filter:brightness(var(--exposure, 0.30)) saturate(var(--sat, 0.96)) contrast(var(--con, 1.05));transition:filter var(--fade-slow)}.wsd-fill,.wsd-night{background-image:none;opacity:0;transition:opacity var(--fade-slow)}.wsd-night{background:radial-gradient(140% 124%at 50% 46%,transparent 36%,rgba(16,14,12,.74) 100%);mix-blend-mode:multiply}.wsd-fill{background:radial-gradient(135% 125%at 50% 60%,#7e6042 0,rgba(104,82,58,.5) 50%,transparent 92%);mix-blend-mode:screen}.wsd-window{filter:brightness(var(--win-exposure, 0.30)) saturate(.96) contrast(1.05);transition:filter var(--fade-slow);-webkit-mask-image:linear-gradient(to right,#000 0,#000 16%,transparent 24%),linear-gradient(to left,#000 0,#000 16%,transparent 24%);mask-image:linear-gradient(to right,#000 0,#000 16%,transparent 24%),linear-gradient(to left,#000 0,#000 16%,transparent 24%)}.wsd-dlon{background-image:var(--dlon);background-size:100% 100%;mix-blend-mode:screen;filter:brightness(1.04) saturate(.78);-webkit-mask-image:radial-gradient(ellipse 13% 11%at 17% 9%,#000 26%,transparent 72%),radial-gradient(ellipse 13% 11%at 83% 9%,#000 26%,transparent 72%),radial-gradient(ellipse 12% 11%at 23% 21%,#000 26%,transparent 72%),radial-gradient(ellipse 12% 11%at 74% 18%,#000 26%,transparent 72%);mask-image:radial-gradient(ellipse 13% 11%at 17% 9%,#000 26%,transparent 72%),radial-gradient(ellipse 13% 11%at 83% 9%,#000 26%,transparent 72%),radial-gradient(ellipse 12% 11%at 23% 21%,#000 26%,transparent 72%),radial-gradient(ellipse 12% 11%at 74% 18%,#000 26%,transparent 72%);opacity:0;transition:opacity var(--fade)}.wsd-lit{opacity:0;filter:brightness(var(--litb, 1.03)) saturate(1.02);transition:opacity var(--fade),filter var(--fade)}.wsd-ambient,.wsd-glow,.wsd-sup{background-image:none;opacity:0;transition:opacity var(--fade-slow)}.wsd-sup{background-color:#3a2f22;mix-blend-mode:multiply}.wsd-sup[data-c=pendant]{-webkit-mask-image:radial-gradient(ellipse 6.5% 6%at 50% 30%,#000 28%,transparent 72%);mask-image:radial-gradient(ellipse 6.5% 6%at 50% 30%,#000 28%,transparent 72%)}.wsd-sup[data-c=lamp]{-webkit-mask-image:radial-gradient(ellipse 4.8% 7.5%at 70.2% 65%,#000 28%,transparent 74%);mask-image:radial-gradient(ellipse 4.8% 7.5%at 70.2% 65%,#000 28%,transparent 74%)}.wsd-sup[data-c=shelf]{-webkit-mask-image:radial-gradient(ellipse 9% 30%at 26.5% 52%,#000 12%,transparent 84%),radial-gradient(ellipse 9% 28%at 73.5% 50%,#000 12%,transparent 84%);mask-image:radial-gradient(ellipse 9% 30%at 26.5% 52%,#000 12%,transparent 84%),radial-gradient(ellipse 9% 28%at 73.5% 50%,#000 12%,transparent 84%)}.wsd-sup[data-c=cove]{-webkit-mask-image:radial-gradient(ellipse 33% 13%at 25% 18.5%,#000 8%,transparent 78%),radial-gradient(ellipse 33% 13%at 75% 18.5%,#000 8%,transparent 78%),radial-gradient(ellipse 30% 13%at 50% 11%,#000 6%,transparent 80%);mask-image:radial-gradient(ellipse 33% 13%at 25% 18.5%,#000 8%,transparent 78%),radial-gradient(ellipse 33% 13%at 75% 18.5%,#000 8%,transparent 78%),radial-gradient(ellipse 30% 13%at 50% 11%,#000 6%,transparent 80%)}.wsd-sup[data-c=downlights]{-webkit-mask-image:radial-gradient(ellipse 7% 6%at 15.5% 9%,#000 14%,transparent 78%),radial-gradient(ellipse 7% 6%at 84.5% 9%,#000 14%,transparent 78%),radial-gradient(ellipse 6% 6%at 33% 23%,#000 12%,transparent 78%),radial-gradient(ellipse 6% 6%at 73% 23%,#000 12%,transparent 78%);mask-image:radial-gradient(ellipse 7% 6%at 15.5% 9%,#000 14%,transparent 78%),radial-gradient(ellipse 7% 6%at 84.5% 9%,#000 14%,transparent 78%),radial-gradient(ellipse 6% 6%at 33% 23%,#000 12%,transparent 78%),radial-gradient(ellipse 6% 6%at 73% 23%,#000 12%,transparent 78%)}.wsd-masked[data-c=cove]{-webkit-mask-image:radial-gradient(ellipse 34% 15%at 25% 18.5%,#000 10%,transparent 82%),radial-gradient(ellipse 34% 15%at 75% 18.5%,#000 10%,transparent 82%),radial-gradient(ellipse 32% 16%at 50% 11%,#000 8%,transparent 82%),radial-gradient(ellipse 64% 18%at 50% 8%,#000 6%,transparent 86%);mask-image:radial-gradient(ellipse 34% 15%at 25% 18.5%,#000 10%,transparent 82%),radial-gradient(ellipse 34% 15%at 75% 18.5%,#000 10%,transparent 82%),radial-gradient(ellipse 32% 16%at 50% 11%,#000 8%,transparent 82%),radial-gradient(ellipse 64% 18%at 50% 8%,#000 6%,transparent 86%)}.wsd-masked[data-c=shelf]{-webkit-mask-image:radial-gradient(ellipse 10% 31%at 26.5% 52%,#000 16%,transparent 86%),radial-gradient(ellipse 10% 29%at 73.5% 50%,#000 16%,transparent 86%);mask-image:radial-gradient(ellipse 10% 31%at 26.5% 52%,#000 16%,transparent 86%),radial-gradient(ellipse 10% 29%at 73.5% 50%,#000 16%,transparent 86%)}.wsd-masked[data-c=downlights]{-webkit-mask-image:radial-gradient(ellipse 8% 7%at 15.5% 9%,#000 8%,transparent 82%),radial-gradient(ellipse 8% 7%at 84.5% 9%,#000 8%,transparent 82%),radial-gradient(ellipse 7% 7%at 33% 23%,#000 8%,transparent 82%),radial-gradient(ellipse 7% 7%at 73% 23%,#000 8%,transparent 82%),radial-gradient(ellipse 14% 12%at 16% 80%,#000 3%,transparent 88%),radial-gradient(ellipse 14% 12%at 84% 80%,#000 3%,transparent 88%),radial-gradient(ellipse 18% 13%at 50% 88%,#000 2%,transparent 88%);mask-image:radial-gradient(ellipse 8% 7%at 15.5% 9%,#000 8%,transparent 82%),radial-gradient(ellipse 8% 7%at 84.5% 9%,#000 8%,transparent 82%),radial-gradient(ellipse 7% 7%at 33% 23%,#000 8%,transparent 82%),radial-gradient(ellipse 7% 7%at 73% 23%,#000 8%,transparent 82%),radial-gradient(ellipse 14% 12%at 16% 80%,#000 3%,transparent 88%),radial-gradient(ellipse 14% 12%at 84% 80%,#000 3%,transparent 88%),radial-gradient(ellipse 18% 13%at 50% 88%,#000 2%,transparent 88%)}.wsd-masked[data-c=track]{-webkit-mask-image:radial-gradient(ellipse 48% 4%at 50% 4.6%,#000 8%,transparent 90%);mask-image:radial-gradient(ellipse 48% 4%at 50% 4.6%,#000 8%,transparent 90%)}.wsd-masked[data-c=pendant]{-webkit-mask-image:radial-gradient(ellipse 8% 7%at 50% 30%,#000 12%,transparent 84%),radial-gradient(ellipse 20% 34%at 50% 58%,#000 0,transparent 84%);mask-image:radial-gradient(ellipse 8% 7%at 50% 30%,#000 12%,transparent 84%),radial-gradient(ellipse 20% 34%at 50% 58%,#000 0,transparent 84%)}.wsd-masked[data-c=lamp]{-webkit-mask-image:radial-gradient(ellipse 5.5% 8.5%at 70.2% 65%,#000 12%,transparent 82%),radial-gradient(ellipse 12% 15%at 70% 72%,#000 0,transparent 86%);mask-image:radial-gradient(ellipse 5.5% 8.5%at 70.2% 65%,#000 12%,transparent 82%),radial-gradient(ellipse 12% 15%at 70% 72%,#000 0,transparent 86%)}.wsd-ambient,.wsd-glow{mix-blend-mode:screen}.wsd-glow[data-c=cove]{background:radial-gradient(ellipse 34% 16%at 25% 18%,rgba(255,236,205,.7),transparent 72%),radial-gradient(ellipse 34% 16%at 75% 18%,rgba(255,236,205,.7),transparent 72%),radial-gradient(ellipse 64% 22%at 50% 9%,rgba(255,240,214,.4),transparent 80%)}.wsd-glow[data-c=shelf]{background:radial-gradient(ellipse 12% 32%at 26.5% 52%,rgba(255,228,188,.6),transparent 74%),radial-gradient(ellipse 12% 30%at 73.5% 50%,rgba(255,228,188,.6),transparent 74%)}.wsd-glow[data-c=downlights]{background:radial-gradient(ellipse 3.4% 3.4%at 17% 8.5%,rgba(255,234,198,.95),transparent 66%),radial-gradient(ellipse 3.4% 3.4%at 83% 8.5%,rgba(255,234,198,.95),transparent 66%),radial-gradient(ellipse 3.4% 3.6%at 23% 20.5%,rgba(255,234,198,.9),transparent 66%),radial-gradient(ellipse 3.4% 3.6%at 74% 17.5%,rgba(255,234,198,.9),transparent 66%),radial-gradient(ellipse 16% 13%at 50% 86%,rgba(255,236,205,.22),transparent 86%)}.wsd-glow[data-c=track]{background:radial-gradient(ellipse 50% 5%at 50% 4.6%,rgba(232,240,255,.5),transparent 84%)}.wsd-glow[data-c=pendant]{background:radial-gradient(ellipse 11% 9%at 50% 30%,rgba(255,240,214,.85),transparent 72%),radial-gradient(ellipse 26% 40%at 50% 56%,rgba(255,236,205,.4),transparent 80%)}.wsd-glow[data-c=lamp]{background:radial-gradient(ellipse 8% 11%at 70.2% 65%,rgba(255,232,194,.9),transparent 72%),radial-gradient(ellipse 16% 20%at 70% 72%,rgba(255,224,182,.45),transparent 82%)}.wsd-ambient{background:radial-gradient(120% 95%at 50% 38%,rgba(255,236,205,.45),transparent 74%)}.wsd-room::after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;box-shadow:inset 0 0 130px -8px rgba(0,0,0,.6)}.wsd-badge{position:absolute;z-index:7;left:1rem;bottom:1rem;display:inline-flex;align-items:center;gap:.6rem;margin:0;padding:.5rem .9rem;border-radius:999px;color:#f3ece0;background:rgba(20,16,12,.46);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase}.wsd-badge .wsd-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(255,214,90,.6);animation:wsd-beacon 2.4s ease-out infinite}#wsd-live{transition:opacity .45s ease}.wsd-control{display:flex;flex-direction:column}.wsd-tap{margin:0 0 12px;text-align:center;font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.wsd-keypad{position:relative;margin:0 auto;max-width:340px}.wsd-keypad-img{display:block;width:100%;height:auto;filter:drop-shadow(18px 24px 40px rgba(40,30,18,.35))}.wsd-keypad svg{display:block}.wsd-key{cursor:pointer}.wsd-key .wsd-cap{fill:transparent;stroke:none}.wsd-key:active .wsd-cap{fill:rgba(0,0,0,.1)}.wsd-key:focus-visible{outline:0}.wsd-key:focus-visible .wsd-cap{fill:rgba(47,109,246,.16)}#wsd-num,.wsd-label{font-weight:700;text-transform:uppercase}.wsd-label{font-family:"Raleway","Helvetica Neue",Arial,sans-serif;font-size:24px;letter-spacing:1px;fill:#3a3633;text-anchor:middle;dominant-baseline:central;pointer-events:none}.wsd-ctrl .wsd-label{font-size:26px;letter-spacing:2px}.wsd-dim{touch-action:none}.wsd-chevron{fill:none;stroke:#3a3633;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.wsd-led{fill:transparent;transition:fill .2s ease,filter .2s ease}.wsd-led.is-tx{fill:#2f6df6;filter:drop-shadow(0 0 6px rgba(47,109,246,.9))}.wsd-copy{margin-top:26px;text-align:center;transition:opacity .45s ease,transform .45s ease}@media (min-width:920px){.wsd-copy{min-height:206px}}.wsd-copy.is-fading{opacity:0;transform:translateY(8px)}#wsd-num{margin:0;font-size:.62rem;letter-spacing:.4em;color:var(--accent)}#wsd-name{margin:8px 0 0;font-size:1.7rem;font-weight:800;color:#fff;letter-spacing:-.01em}#wsd-desc{margin:12px auto 0;max-width:330px;font-size:14px;line-height:1.6;color:var(--soft)}.wsd-level{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:.7rem}#wsd-level-label{font-size:.6rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);transition:color .35s ease}.wsd-level-dots{display:inline-flex;gap:5px}.wsd-level-dots span{width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.2);transition:background .45s ease,box-shadow .45s ease}.wsd-level-dots span.is-lit{background:var(--accent);box-shadow:0 0 9px rgba(255,214,90,.65)}.wsd-fixtures{margin-top:16px}.wsd-fixtures span{display:inline-block;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);border:1px solid #e9ecef;border-radius:999px;padding:.3rem .7rem;margin:.2rem;background:#fff}.wsd-circuits{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px}.wsd-clab{font-size:9.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);padding:9px 10px 4px}.wsd-crow{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;transition:.2s}.wsd-crow .sw{width:11px;height:11px;border-radius:3px;border:1px solid var(--line);flex:none;transition:.3s;color:var(--accent)}.wsd-crow.live .sw{background:currentColor;box-shadow:0 0 9px 1px currentColor}.wsd-crow .nm{font-size:12.5px;color:var(--soft);font-weight:500;flex:none;width:118px}.wsd-crow.live .nm{color:#fff}.wsd-crow .bar{flex:1;height:5px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.wsd-crow .fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#ffe9a6,var(--accent));transition:width var(--fade)}.wsd-crow .pct{font-size:10px;font-weight:700;color:var(--muted);width:30px;text-align:right}@media (prefers-reduced-motion:reduce){.wsd-ambient,.wsd-base,.wsd-glow,.wsd-lit,.wsd-night{transition-duration:.2s}.wsd-badge .wsd-dot,.wsd-key.is-on .wsd-cap{animation:none}}.ba-products{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:4px 0 20px}.ba-product{display:flex;flex-direction:column;text-decoration:none!important;border:1px solid #e9ecef;border-radius:8px;background:#fff;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}.ba-product:hover{border-color:#ffd65a;transform:translateY(-2px);box-shadow:0 12px 26px -16px rgba(33,37,41,.45)}.ba-product-img{display:block;aspect-ratio:1/1;background:#f6f7f8}.ba-product-img img{width:100%;height:100%;object-fit:contain;padding:10px}.ba-product-name{display:block;padding:10px 12px 12px;font-size:12.5px;line-height:1.35;font-weight:600;color:#3a3f44!important}.ba-product:hover .ba-product-name{color:#212529!important}@media (max-width:560px){.ba-products{grid-template-columns:repeat(2,1fr)}}