/* Photographic light choreography. Keep copy and controls independent of motion. */
.cinema-lightfield{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}
.cinema-exposure{animation:scene-ignite 3.2s cubic-bezier(.17,.62,.24,1) both,scene-drift 28s ease-in-out 3.2s infinite alternate;transform-origin:78% 50%;will-change:transform,filter}
.cinema-neon{display:none}.cinema-wash{opacity:.35;animation:neon-breathe 13s ease-in-out infinite alternate}
.cinema-shade{background:linear-gradient(90deg,#040406ed 0%,#040406ad 27%,#04040618 61%,transparent 100%),linear-gradient(0deg,#09090b 0%,#09090b50 10%,transparent 33%,#06060822 90%,#06060866)}
.cinematic-home .stage-caption{background:linear-gradient(90deg,#05060988,transparent);backdrop-filter:none;border-left:1px solid #00d9f555;left:12px;right:0;padding:15px 17px;text-shadow:0 2px 12px #000}
.cinematic-home .network-controls{background:#05070970;backdrop-filter:blur(5px);border-width:0 0 1px;left:12px}
.cinematic-home .network-controls button{border:0;background:transparent}.cinematic-home .network-controls button.active{background:#00d9f510}
.cinematic-home .demo-note{left:12px}.cabinet-focus{display:none}
.signal-map{position:relative;max-width:none;margin:34px 0 17px;background:#08080a;border-bottom:1px solid #ffffff1a}
.signal-shot{height:370px;position:relative;overflow:hidden;isolation:isolate}
.signal-shot>img{width:100%;height:100%;object-fit:cover;object-position:59% 50%;display:block;filter:brightness(.84)}
.signal-shot:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#09090b,transparent 30%,transparent 85%,#09090b50)}
.signal-shot-caption{position:relative;display:flex;justify-content:space-between;gap:14px;padding:16px 2px;color:#b6a5c5;font:8px/1.5 'Courier New',monospace;letter-spacing:1.5px}
.signal-shot-caption span:first-child{color:#a5f7ff}.signal-caption{max-width:none;line-height:1.6}
.signal-story[data-step="2"] .signal-shot>img{filter:brightness(1.05)}.signal-story[data-step="3"] .signal-shot>img{filter:brightness(.92) saturate(1.2)}.signal-shot>img{transition:filter 1.4s}
.property-stage{min-height:520px;overflow:hidden;background:#08090d;isolation:isolate}
.property-shot{position:absolute;inset:0;overflow:hidden;z-index:-1}
.property-shot>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:45% 50%;opacity:1;filter:brightness(.83);transition:opacity 1s,filter 1.3s}
.property-shot>.property-home{opacity:0;object-position:50% 50%}
[data-building="home"] .property-home{opacity:1}[data-building="home"] .property-commercial{opacity:0}
[data-building="warehouse"] .property-commercial{object-position:84% 50%}
.property-shot:after{content:'';position:absolute;inset:0;background:linear-gradient(#06070990,transparent 32%,transparent 69%,#060709ed);pointer-events:none}
.property-label,.property-bottom{z-index:2;text-shadow:0 2px 8px #000}.property-label{color:#cdfaff!important}
.property-stage .hotspot{width:32px;height:32px;font-size:9px;border-color:#b4faff80;background:#06111599;backdrop-filter:blur(7px);box-shadow:0 0 26px #00d9f51a;z-index:3}
.property-stage .hotspot.active{background:#b5f7ff;color:#082128;box-shadow:0 0 25px #00d9f559}
.property-stage .hotspot span{font-size:8px;letter-spacing:1px;background:#05090de8;padding:4px 8px;border:1px solid #ffffff25;left:39px;top:4px;white-space:nowrap;opacity:0;transform:translateX(-4px);transition:opacity .25s,transform .25s}
.property-stage .hotspot:hover span,.property-stage .hotspot:focus-visible span{opacity:1;transform:none}
.property-stage .hotspot-cctv{left:78%;top:39%}.property-stage .hotspot-network{left:39%;top:52%}.property-stage .hotspot-intruder{left:18%;top:63%}.property-stage .hotspot-access{left:72%;top:67%}.property-stage .hotspot-smart{left:55%;top:38%}
[data-building="home"] .hotspot-cctv{left:66%;top:51%}[data-building="home"] .hotspot-network{left:43%;top:46%}[data-building="home"] .hotspot-intruder{left:20%;top:62%}[data-building="home"] .hotspot-access{left:55%;top:68%}[data-building="home"] .hotspot-smart{left:77%;top:39%}
[data-system="smart"] .property-shot>img{filter:brightness(1.04) saturate(1.07)}
.system-tabs{flex-wrap:wrap}.system-tabs button{min-width:42px}
@keyframes scene-ignite{from{filter:brightness(.15) saturate(.5);transform:scale(1.045)}65%{filter:brightness(.8) saturate(1)}to{filter:brightness(1.08) saturate(1.08);transform:scale(1.012)}}
@keyframes scene-drift{from{transform:scale(1.012)}to{transform:scale(1.035)}}
@media(min-width:1600px){.signal-shot{height:420px}}
@media(max-width:1100px){.signal-shot{height:330px}.property-stage{min-height:480px}}
@media(max-width:760px){
  .cinema-shade{background:linear-gradient(#040406 0%,#040406f2 27%,#04040645 43%,transparent 60%,#09090b55 87%,#09090b)}
  .cinema-exposure{transform-origin:77% 67%}.cinema-exposure .cinema-lightfield{mask-image:linear-gradient(transparent 27%,black 46%,black 86%,transparent)}
  .cinematic-home .stage-caption,.cinematic-home .network-controls,.cinematic-home .demo-note{left:0}
  .signal-map{margin:28px 0 20px}.signal-shot{height:300px}.signal-shot-caption{font-size:7px;letter-spacing:.8px;padding:14px 0}.signal-caption{margin-top:0;font-size:8px}
  .property-stage{min-height:390px}.property-shot>img{object-position:47% 50%}.property-shot>.property-home{object-position:51% 50%}
  .property-stage .hotspot{width:30px;height:30px;font-size:8px}.property-stage .hotspot span{display:none}.property-bottom{font-size:7px;letter-spacing:.6px}
}
@media(prefers-reduced-motion:reduce){.cinema-exposure{animation:none!important;transform:none;filter:none}.property-shot>img,.signal-shot>img{transition:none}}

.system-tabs button span{display:block;font:9px/1.5 Arial,Helvetica,sans-serif;margin-top:5px;letter-spacing:.2px}.system-tabs{gap:12px;justify-content:space-between}.system-tabs button{flex:1;padding:8px 0 12px}

@media(max-width:600px){.property-stage[data-building="home"]{min-height:330px}}