.smart-lighting{border-top:1px solid var(--line);background:radial-gradient(ellipse at 60% 35%,#84643a18,transparent 65%);--accent:#eab77c}
.smart-lighting .sg-heading h2{font-size:clamp(2.3rem,3.7vw,3.7rem)}.smart-lighting .sg-heading>p{max-width:500px}.smart-lighting .sg-player{background:linear-gradient(130deg,#2a261e,#191813);border-color:#665944}.smart-lighting .sg-toolbar,.smart-lighting .sg-player>.sg-controls,.smart-lighting .sg-readouts,.smart-lighting .sg-story{border-color:#6b5b4066}.smart-lighting .sg-toolbar .micro{color:#d9c29f}.smart-lighting .sg-status-dot{background:#eac58a;box-shadow:0 0 10px #efc88f55}.smart-lighting .sg-scenario[aria-pressed=true]{background:#373025;color:#f3dfc0}.smart-lighting .sg-scenario:hover{background:#2e291f}.smart-lighting .sg-scenario .sg-number{color:#9b896b}.smart-lighting .sg-scenario[aria-pressed=true] .sg-number{color:#eab77c}.smart-lighting .sg-readout{background:#252117}.smart-lighting .sg-readout>span{color:#b09b78}.smart-lighting .sg-readout strong{color:#e7d4b2}.smart-lighting .sg-readout strong:before{background:#9e8b68}.smart-lighting .sg-readout[data-value=warm] strong:before,.smart-lighting .sg-readout[data-value=low] strong:before,.smart-lighting .sg-readout[data-value=on] strong:before{background:#ffd394;box-shadow:0 0 7px #ffd39466}.smart-lighting .sg-readout.sg-active{background:#3a3020}.smart-lighting .sg-controls .sg-play{background:#e9c28d;border-color:#e9c28d;color:#2b2114}.smart-lighting .sg-controls button{border-color:#8c7350;color:#e5cba6}.smart-lighting .sg-controls .sg-play{color:#2b2114}.smart-lighting .sg-phase{border-color:#6b5b4066}.smart-lighting .sg-phase p,.smart-lighting .sg-story [data-description]>p{color:#c2af90}.smart-lighting .sg-story h3,.smart-lighting .sg-phase h4{color:#eddec7}.smart-lighting .sg-steps button{background:#1b1913;border-color:#514631;color:#b29c79}.smart-lighting .sg-steps button span:first-child{color:#9c835f}.smart-lighting .sg-steps button[aria-pressed=true]{background:#3a3020;color:#f2d2a5;border-color:#eab77c}.smart-lighting .sg-steps button.sg-done{border-color:#9c835f;color:#d1b486}.smart-lighting .sg-variants button{border-color:#7a6242;color:#c8ae88}.smart-lighting .sg-variants button[aria-pressed=true]{background:#4a3923;border-color:#d2a56a;color:#f0d3a7}.smart-lighting .sg-demo-note,.smart-lighting .sg-progress-label{color:#a48c65}.smart-lighting .sg-custom{border-color:#66583f}.smart-lighting .sg-custom .micro{color:#efc992}.smart-lighting .sg-footnote{color:#a99a82}
.sl-canvas{background:radial-gradient(ellipse at 30% 40%,#40382533,transparent 75%);transition:background 1.5s}.sl-canvas[data-illuminance=dark]{background:#111218}.sl-drawing{isolation:isolate}.sl-plan-title{font:11px var(--mono);letter-spacing:1.5px;fill:#c5ac88}.sl-label{font:13px var(--font);fill:#b8a07a}.sl-small-label{font:11px var(--font);fill:#b6a281}.sl-lux-mark{font:24px var(--font);fill:#e7c593}.sl-kind{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:0 20px 16px;font-size:.59rem;color:#b49d79}.sl-kind>span:first-child{border:1px solid #74603e;border-radius:3px;padding:5px 9px;color:#d8bb89}.sl-canvas[data-optional=true] .sl-kind>span:first-child{border-color:#e4b376;background:#674d232e;color:#efc992}.sl-sun,.sl-moon,.sl-daylight{transition:opacity 1.3s}.sl-moon{opacity:0}.sl-canvas[data-illuminance=dim] .sl-daylight{opacity:.3}.sl-canvas[data-illuminance=dim] .sl-sun{opacity:.4}.sl-canvas[data-illuminance=dark] .sl-sun,.sl-canvas[data-illuminance=dark] .sl-daylight{opacity:0}.sl-canvas[data-illuminance=dark] .sl-moon{opacity:1}
.sl-person{transform:translate(768px,338px);transition:transform 2.5s cubic-bezier(.45,0,.25,1)}.sl-canvas[data-person=hall] .sl-person{transform:translate(420px,332px)}.sl-canvas[data-person=shelf] .sl-person{transform:translate(314px,360px)}.sl-canvas[data-person=office] .sl-person{transform:translate(209px,190px)}.sl-canvas[data-person=bedroom] .sl-person{transform:translate(424px,187px)}.sl-radar-zone,.sl-radar-ring{opacity:0}.sl-canvas[data-presence=detected] .sl-radar-zone{opacity:1}.sl-canvas[data-presence=detected] .sl-radar-ring{opacity:.8;transform-origin:496px 307px;animation:sl-radar 2.8s ease-out infinite}.sl-night-glow,.sl-ambient,.sl-shelf-light,.sl-hall-backlight,.sl-main-glow,.sl-office-main,.sl-office-backlight,.sl-bedroom-light,.sl-living-light,.sl-outside-light{opacity:0;transition:opacity .8s ease}.sl-night-bulbs,.sl-main-bulbs{transition:fill .8s}.sl-canvas[data-night=low] .sl-night-glow{opacity:1}.sl-canvas[data-night=low] .sl-night-bulbs{fill:#ffe0a4}.sl-canvas[data-ambient=warm] .sl-ambient{opacity:1}.sl-canvas[data-main=on] .sl-hall-backlight,.sl-canvas[data-main=backlight] .sl-hall-backlight,.sl-canvas[data-main=warm] .sl-hall-backlight{opacity:1}.sl-canvas[data-main=on] .sl-main-glow{opacity:1}.sl-canvas[data-main=on] .sl-main-bulbs{fill:#ffedc9}.sl-canvas[data-main=warm] .sl-main-glow{opacity:.25}.sl-canvas[data-main=warm] .sl-main-bulbs{fill:#ffc781}.sl-canvas[data-office=main] .sl-office-main,.sl-canvas[data-office=main] .sl-office-backlight,.sl-canvas[data-office=backlight] .sl-office-backlight{opacity:1}.sl-canvas[data-bedroom=on] .sl-bedroom-light,.sl-canvas[data-living=on] .sl-living-light{opacity:1}.sl-canvas[data-bedroom=warm] .sl-bedroom-light,.sl-canvas[data-living=warm] .sl-living-light{opacity:.4}.sl-canvas[data-outside=on] .sl-outside-light{opacity:1}
.sl-entry-leaf{transform-origin:714px 368px;transition:transform 1.6s}.sl-canvas[data-entry=open] .sl-entry-leaf{transform:rotate(-85deg)}.sl-office-door .sl-leaf{transform-origin:177px 234px}.sl-bedroom-door .sl-leaf{transform-origin:387px 234px}.sl-living-door .sl-leaf{transform-origin:597px 234px}.sl-leaf{transition:transform 1.4s}.sl-canvas[data-roomdoor=office] .sl-office-door .sl-leaf,.sl-canvas[data-roomdoor=bedroom] .sl-bedroom-door .sl-leaf,.sl-canvas[data-roomdoor=all] .sl-leaf{transform:rotate(-80deg)}.sl-canvas[data-roomdoor=all] .sl-door-contacts{fill:#eccb87}.sl-cupboard-leaf{transform-box:fill-box;transform-origin:left center;transition:transform 1.2s,fill-opacity .5s}.sl-canvas[data-cupboard=open][data-compartment=top] .sl-top .sl-cupboard-leaf,.sl-canvas[data-cupboard=open][data-compartment=main] .sl-main .sl-cupboard-leaf,.sl-canvas[data-cupboard=open][data-compartment=bottom] .sl-bottom .sl-cupboard-leaf{transform:scaleX(.12);fill-opacity:1}.sl-canvas[data-shelf=top] .sl-top .sl-shelf-light,.sl-canvas[data-shelf=main] .sl-main .sl-shelf-light,.sl-canvas[data-shelf=bottom] .sl-bottom .sl-shelf-light{opacity:1}.sl-canvas[data-shelf=top] .sl-top .sl-shelf-led,.sl-canvas[data-shelf=main] .sl-main .sl-shelf-led,.sl-canvas[data-shelf=bottom] .sl-bottom .sl-shelf-led{stroke:#ffe6ac}.sl-shared-data{opacity:0}.sl-canvas[data-share=true] .sl-shared-data{opacity:1;animation:sl-packet 2s linear infinite}.sl-strip-color,.sl-strip-ends{opacity:0}.sl-canvas[data-strip=ends] .sl-strip-ends{opacity:1}.sl-canvas[data-strip=color] .sl-strip-color{opacity:1;animation:sl-color 4s ease-in-out infinite alternate}.sl-canvas[data-strip=rise] .sl-strip-color{opacity:1;stroke:#ffcb86;stroke-dasharray:108;animation:sl-rise 3s ease-out both}.sl-canvas[data-focus=illuminance] .sl-lux-sensor,.sl-canvas[data-focus=presence] .sl-radar,.sl-canvas[data-focus=entry] .sl-entry>rect:first-of-type,.sl-canvas[data-focus=roomdoor] .sl-door-contacts{filter:drop-shadow(0 0 5px #ffce8377)}.sl-canvas.sg-static *{animation-play-state:paused!important;transition:none!important}.sl-canvas.sg-reset *{transition:none!important}
@keyframes sl-radar{0%{transform:scale(.6);opacity:.7}100%{transform:scale(2.7);opacity:0}}@keyframes sl-packet{to{stroke-dashoffset:-55}}@keyframes sl-color{0%{stroke:#f0c18a;stroke-dasharray:8 5}50%{stroke:#a3c3b8}100%{stroke:#cda5c8;stroke-dasharray:4 8}}@keyframes sl-rise{from{stroke-dashoffset:108}to{stroke-dashoffset:0}}
@media(max-width:850px){.smart-lighting .sg-scenario:last-child{grid-column:auto}.smart-lighting .sg-heading>p{max-width:660px}}
@media(max-width:540px){.smart-lighting .sg-heading h2{font-size:2.25rem}.sl-kind{align-items:flex-start;padding:0 13px 12px;font-size:.53rem;gap:15px}.sl-kind>span:last-child{max-width:55%;line-height:1.6}.sl-label{font-size:14px}.sl-small-label{font-size:12px}.smart-lighting .sg-scenario{font-size:.7rem}.smart-lighting .sg-readout>span{min-height:27px;line-height:1.5}html[lang=hy] .smart-lighting .sg-heading h2{font-size:1.9rem}.smart-lighting .sg-heading .eyebrow{line-height:1.8}.smart-lighting .sg-custom .button{max-width:100%}}
@media(prefers-reduced-motion:reduce){.sl-canvas *{animation:none!important;transition:none!important}}
.motion-paused .sl-canvas *{animation:none!important;transition:none!important}