.villa-page{--danger:#ff5f68;--ok:#5ee0ad}.villa-hero{padding:62px 0 38px}.villa-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center}.villa-hero-panel{padding:26px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(73,221,255,.13),rgba(255,255,255,.035));box-shadow:var(--shadow)}.villa-hero-panel img{border-radius:20px;width:100%;aspect-ratio:4/3;object-fit:cover}.demo-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;padding:28px 0 72px}.demo-nav{position:sticky;top:98px;height:max-content;padding:12px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.045)}.demo-nav button{display:block;width:100%;margin:3px 0;padding:12px 13px;border:0;border-radius:13px;background:transparent;color:var(--muted);text-align:left;font-weight:800;cursor:pointer}.demo-nav button:hover,.demo-nav button.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#03101c}.demo-view{display:none}.demo-view.active{display:block}.demo-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}.demo-card,.metric-card{border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:0 14px 35px rgba(0,0,0,.17)}.demo-card{padding:20px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-card{padding:16px}.metric-card span,.metric-card small{display:block;color:var(--muted)}.metric-card strong{display:block;margin:7px 0;font-size:1.3rem}.dash-grid,.security-grid,.adaptive-grid,.energy-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:15px;margin-top:15px}.scenario-list,.event-list{display:grid;gap:8px;margin-top:14px}.scenario-list button,.event-list button,.chip-btn{border:1px solid var(--line);border-radius:13px;padding:11px 12px;background:rgba(255,255,255,.045);color:var(--text);text-align:left;cursor:pointer;font-weight:800}.event-list button{border-color:rgba(255,95,104,.35);background:rgba(255,95,104,.08);color:#ffe0e2}.control-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.control-row{margin-top:18px}.control-row input[type=range]{width:100%;accent-color:var(--accent)}.control-value{font-size:1.8rem;font-weight:900;color:var(--accent)}.mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.mood-grid button{min-height:84px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.045);color:var(--text);font-size:1.45rem;cursor:pointer}.mood-grid button span{display:block;font-size:.8rem;font-weight:800}.mood-grid button.active{border-color:var(--accent);background:rgba(73,221,255,.12)}.adapt-values div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.adapt-values span{color:var(--muted)}.camera-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.camera{position:relative;min-height:190px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background-position:center;background-size:cover}.camera:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.56))}.camera b,.camera em{position:absolute;z-index:2;left:10px;right:10px;font-style:normal}.camera b{top:9px}.camera em{bottom:9px;padding:7px 9px;border-radius:8px;background:rgba(3,16,28,.82);font-size:.78rem}.camera.alert{border-color:rgba(255,95,104,.7)}.camera.alert em{background:rgba(125,17,24,.9)}.camera.alert:after{content:"ALLARME AI";position:absolute;z-index:2;right:9px;top:9px;padding:5px 8px;border-radius:999px;background:var(--danger);font-size:.68rem;font-weight:900}.cam1{background-image:url('../img/villa-ai/cam-01-allarme.png')}.cam2{background-image:url('../img/villa-ai/cam-02-giardino.png')}.cam3{background-image:url('../img/villa-ai/cam-03-garage.png')}.cam4{background-image:url('../img/villa-ai/cam-04-ingresso.png')}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.flow div{padding:14px;border:1px solid var(--line);border-radius:14px;text-align:center;opacity:.55}.flow div.active{opacity:1;border-color:var(--accent);background:rgba(73,221,255,.09)}.flow b{display:grid;place-items:center;width:36px;height:36px;margin:0 auto 8px;border-radius:50%;background:rgba(255,255,255,.08)}.energy-bars{display:grid;gap:14px;margin-top:18px}.energy-bars div{display:grid;grid-template-columns:130px 1fr 60px;gap:10px;align-items:center}.energy-bars i{height:10px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.energy-bars b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.event-log{margin-top:15px}.event-row{display:grid;grid-template-columns:85px 105px 1fr;gap:10px;padding:11px;border-top:1px solid var(--line)}.event-row .alarm{color:#ffadb2}.demo-modal[hidden]{display:none!important}.demo-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.82)}.demo-dialog{position:relative;width:min(540px,100%);padding:28px;border:1px solid rgba(255,95,104,.55);border-radius:24px;background:#091827;box-shadow:0 32px 90px rgba(0,0,0,.65);text-align:center}.demo-close{position:absolute;right:12px;top:12px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.08);color:white;font-size:1.5rem;cursor:pointer}.progress{height:9px;margin:20px 0;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--danger),#ffd16a);transition:width .35s}.modal-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.demo-note{padding:14px;border:1px solid rgba(255,196,96,.28);border-radius:14px;background:rgba(255,176,49,.07);color:#ffe1ad;margin-top:14px}.status-ok{color:var(--ok)}.status-alert{color:var(--danger)}
@media(max-width:1000px){.villa-hero-grid,.demo-layout,.dash-grid,.security-grid,.adaptive-grid,.energy-grid{grid-template-columns:1fr}.demo-nav{position:static;display:flex;overflow-x:auto}.demo-nav button{min-width:max-content}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.metric-grid,.control-grid,.camera-grid,.mood-grid,.flow{grid-template-columns:1fr}.energy-bars div{grid-template-columns:100px 1fr 55px}.event-row{grid-template-columns:70px 85px 1fr;font-size:.82rem}.villa-hero{padding-top:42px}}

.scenario-list button.active{border-color:var(--accent);background:linear-gradient(135deg,rgba(73,221,255,.22),rgba(41,214,183,.16));color:#fff;box-shadow:0 0 0 1px rgba(73,221,255,.18) inset}.scenario-feedback{margin:12px 0 0;color:var(--accent);font-weight:800}.camera-scan{position:absolute;z-index:3;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 12px var(--accent);animation:cameraScan 3s linear infinite;pointer-events:none}@keyframes cameraScan{0%{top:0}50%{top:calc(100% - 2px)}100%{top:0}}@media (prefers-reduced-motion:reduce){.camera-scan{animation:none;top:50%}}

/* Interazioni avanzate illuminazione, clima ed energia V9.2 */
.live-pill{padding:7px 11px;border:1px solid rgba(94,224,173,.35);border-radius:999px;background:rgba(94,224,173,.08);color:var(--ok);font-size:.75rem;font-weight:900;letter-spacing:.08em}.interactive-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.lighting-lab,.climate-lab{min-height:510px}.lab-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.mini-kicker{margin:0 0 4px;color:var(--accent);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.lighting-stage{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;margin-top:18px}.virtual-room{position:relative;min-height:285px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#17314c,#0a1726);isolation:isolate}.virtual-room:before{content:"";position:absolute;left:0;right:0;bottom:0;height:36%;background:linear-gradient(145deg,#29374a,#101b28);clip-path:polygon(0 35%,100% 0,100% 100%,0 100%)}.virtual-window{position:absolute;left:18px;top:20px;width:92px;height:112px;border:5px solid rgba(255,255,255,.38);display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(180deg,#224f70,#071322)}.virtual-window i{border-right:2px solid rgba(255,255,255,.25)}.virtual-sofa{position:absolute;left:48px;right:45px;bottom:42px;height:65px;border-radius:18px 18px 7px 7px;background:#586579;box-shadow:0 10px 22px rgba(0,0,0,.35)}.virtual-sofa:before,.virtual-sofa:after{content:"";position:absolute;bottom:-12px;width:12px;height:18px;background:#222c38}.virtual-sofa:before{left:18px}.virtual-sofa:after{right:18px}.virtual-lamp{position:absolute;top:30px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 0 22px 9px rgba(255,220,160,.65);z-index:3}.lamp-a{left:42%}.lamp-b{right:18%}.room-glow{position:absolute;inset:0;z-index:2;background:rgba(255,196,112,.18);mix-blend-mode:screen;pointer-events:none;transition:background .25s ease,opacity .25s ease}.virtual-room>span{position:absolute;left:12px;bottom:10px;z-index:5;padding:6px 9px;border-radius:999px;background:rgba(0,0,0,.55);font-size:.75rem}.lab-controls label,.wide-control,.energy-sliders label{display:block;color:var(--muted);font-weight:800}.lab-controls label strong,.wide-control strong,.energy-sliders strong{float:right;color:var(--text)}.lab-controls input[type=range],.wide-control input[type=range],.energy-sliders input[type=range],.compact-control input[type=range]{width:100%;margin:10px 0 18px;accent-color:var(--accent)}.color-presets,.mode-row,.preset-inline{display:flex;flex-wrap:wrap;gap:7px}.color-presets button,.mode-row button,.preset-inline button{border:1px solid var(--line);border-radius:999px;padding:8px 10px;background:rgba(255,255,255,.04);color:var(--muted);cursor:pointer;font-weight:800}.color-presets button.active,.mode-row button.active,.preset-inline button:hover{border-color:var(--accent);background:rgba(73,221,255,.12);color:#fff}.lighting-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.lighting-stats span{padding:10px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:.82rem}.lighting-stats strong{display:block;margin-top:3px;color:var(--text)}.thermostat{display:grid;place-items:center;margin:16px 0}.thermo-ring{width:195px;height:195px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) 0 55%,rgba(255,255,255,.08) 55%);position:relative;transition:background .25s ease}.thermo-ring:after{content:"";position:absolute;inset:13px;border-radius:50%;background:#0b1b2b}.thermo-ring>div{position:relative;z-index:2;text-align:center}.thermo-ring span,.thermo-ring small{display:block;color:var(--muted)}.thermo-ring strong{display:block;margin:4px 0;font-size:2rem}.climate-state{padding:7px 11px;border-radius:999px;background:rgba(73,221,255,.12);color:var(--accent);font-weight:900;font-size:.76rem}.climate-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.climate-stats div{padding:10px;border:1px solid var(--line);border-radius:12px}.climate-stats span,.climate-stats strong{display:block}.climate-stats span{color:var(--muted);font-size:.76rem}.compact-control{min-height:245px}.blind-visual{height:70px;margin:12px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#1c5275,#091525);position:relative}.blind-visual i{position:absolute;left:0;right:0;top:0;height:30%;background:repeating-linear-gradient(180deg,#9aa7b4 0 5px,#697887 5px 9px);transition:height .25s ease}.audio-wave{height:72px;display:flex;align-items:center;justify-content:center;gap:7px;margin:10px 0}.audio-wave i{width:7px;height:28%;border-radius:99px;background:linear-gradient(180deg,var(--accent),var(--accent-2));animation:audioPulse 1s ease-in-out infinite alternate}.audio-wave i:nth-child(2){animation-delay:.12s;height:55%}.audio-wave i:nth-child(3){animation-delay:.24s;height:80%}.audio-wave i:nth-child(4){animation-delay:.36s;height:48%}.audio-wave i:nth-child(5){animation-delay:.48s;height:68%}@keyframes audioPulse{to{transform:scaleY(1.65)}}.audio-wave.muted i{animation:none;transform:scaleY(.15);opacity:.35}
.energy-live-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:15px}.energy-summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.energy-summary-row div{padding:11px;border:1px solid var(--line);border-radius:13px}.energy-summary-row span,.energy-summary-row strong{display:block}.energy-summary-row span{color:var(--muted);font-size:.75rem}.energy-flow{display:grid;grid-template-columns:1fr 44px 1fr 44px 1fr 44px 1fr;align-items:center;gap:5px;margin:22px 0}.energy-node{min-height:115px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035)}.energy-node>span{font-size:1.8rem}.energy-node small{color:var(--muted)}.flow-arrow{height:3px;background:rgba(255,255,255,.09);overflow:hidden}.flow-arrow i{display:block;width:40%;height:100%;background:var(--accent);animation:energyMove 1.3s linear infinite}@keyframes energyMove{from{transform:translateX(-100%)}to{transform:translateX(300%)}}.flow-arrow.reverse i{animation-direction:reverse;background:#ffcb6b}.energy-sliders{display:grid;grid-template-columns:1fr 1fr;gap:16px}.load-switches{display:grid;gap:9px;margin-top:16px}.load-switches label{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);cursor:pointer}.load-switches span,.load-switches small{display:block}.load-switches small{color:var(--muted)}.load-switches input{width:42px;height:22px;accent-color:var(--accent)}.energy-result{margin-top:16px;padding:15px;border-radius:15px;background:rgba(73,221,255,.08);border:1px solid rgba(73,221,255,.24)}.energy-result span,.energy-result strong,.energy-result small{display:block}.energy-result strong{font-size:1.8rem}.energy-result small{color:var(--muted)}.energy-chart-card{margin-top:15px}.mini-chart{height:220px;display:flex;align-items:flex-end;gap:6px;padding:18px 10px 8px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,rgba(73,221,255,.035),rgba(255,255,255,.015));overflow:hidden}.chart-col{flex:1;min-width:8px;height:100%;display:flex;align-items:flex-end;gap:2px}.chart-bar{flex:1;border-radius:5px 5px 0 0;transition:height .35s ease}.chart-bar.solar{background:linear-gradient(180deg,#ffd56a,#ff9f43)}.chart-bar.load{background:linear-gradient(180deg,var(--accent),var(--accent-2))}.chart-legend{display:flex;gap:18px;margin-top:10px;color:var(--muted)}.chart-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.solar-dot{background:#ffb347}.load-dot{background:var(--accent)}
@media(max-width:1100px){.interactive-controls,.energy-live-grid{grid-template-columns:1fr}.lighting-lab,.climate-lab{min-height:auto}}@media(max-width:760px){.lighting-stage{grid-template-columns:1fr}.energy-summary-row{grid-template-columns:repeat(2,1fr)}.energy-flow{grid-template-columns:1fr;gap:8px}.flow-arrow{width:3px;height:28px;margin:auto}.energy-sliders,.climate-stats,.lighting-stats{grid-template-columns:1fr}.interactive-controls{grid-template-columns:1fr}.mini-chart{height:170px}.live-pill{display:none}}@media(prefers-reduced-motion:reduce){.audio-wave i,.flow-arrow i{animation:none}}