.experience-page{--accent:#168596}.experience-page[data-experience=energy]{--accent:#377756}.experience-page[data-experience=audio-video]{--accent:#785eb5}.experience-page[data-experience=scenes]{--accent:#af7342}.experience-photo{margin:0}.experience-photo img{width:100%;height:440px;object-fit:cover;display:block}.experience-photo figcaption{color:#a9c8d3;font-size:13px;line-height:1.5;margin-top:12px}.experience-cards,.experience-equipment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.experience-cards article,.experience-equipment article{padding:30px;background:#e6f0f1;border-top:3px solid var(--accent)}.experience-cards article:nth-child(2){background:#e4eaf3}.experience-cards article:nth-child(3){background:#efe6db}.experience-page p{line-height:1.7}.experience-cards span,.experience-equipment span{font-size:14px;font-weight:700;color:var(--accent)}.experience-cards h3,.experience-equipment h3{font-size:25px;line-height:1.25}.experience-cards p,.experience-equipment p,.experience-page .light-faq p{font-size:16px}.experience-equipment a{display:inline-block;font-weight:700;color:var(--accent);margin-top:10px;text-underline-offset:4px}.experience-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;list-style:none;padding:0;margin:30px 0}.experience-flow li{background:#fff;padding:24px;position:relative;border-top:3px solid var(--accent)}.experience-flow li:not(:last-child):after{content:'→';position:absolute;right:-23px;top:42%;color:var(--accent);font-size:23px}.experience-flow span{color:var(--accent);font-weight:800}.experience-flow h3{font-size:21px}.experience-flow p{font-size:15px}.experience-note{font-size:14px;color:#587583}.experience-demo-section{background:#f0f5f5}.experience-demo{background:white;border:1px solid #c8dce1;border-radius:8px;overflow:hidden}.experience-demo button,.experience-demo select{border:1px solid #a3c2cd;background:#fff;color:#153e4f;border-radius:5px;padding:13px 17px;font-family:inherit;font-size:15px;font-weight:600;min-height:46px;cursor:pointer;line-height:1.4}.experience-demo button:hover,.experience-demo button[aria-pressed=true]{background:var(--accent);color:white;border-color:var(--accent)}.experience-demo button:disabled{opacity:.45;cursor:default}.experience-demo button:focus-visible,.experience-demo input:focus-visible,.experience-demo select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.demo-buttons{display:flex;flex-wrap:wrap;gap:10px}.experience-controls{padding:28px;border-bottom:1px solid #c7dce2}.experience-controls>p{font-size:14px;color:#607d89;margin-bottom:0}.security-dashboard{padding:30px;background:#102f40;color:#eaffff}.status-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:25px;background:#194558;border-left:4px solid #74d2c1}.status-banner strong{font-size:24px}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.status-grid>div{background:#173e51;padding:20px;font-size:14px;color:#bad7e2}.status-grid strong{display:block;color:white;font-size:18px;margin-top:10px}.event-trace{padding-left:24px;min-height:110px;line-height:1.8}.event-trace li{padding:3px 0}.security-dashboard[data-event=water] .status-banner,.security-dashboard[data-event=window] .status-banner{border-left-color:#ffbc7b}.energy-demo,.av-demo,.scenario-demo{display:grid;grid-template-columns:1fr 1fr;gap:0}.energy-demo>div,.av-demo>div,.scenario-demo>div{padding:32px}.energy-demo fieldset{border:0;padding:10px 0;margin:20px 0}.energy-demo legend{font-weight:800}.energy-demo fieldset label{display:flex;gap:10px;align-items:center;border-bottom:1px solid #d2e2e6;padding:14px 0}.energy-demo label b{margin-left:auto;font-size:14px;white-space:nowrap}.energy-demo input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.experience-demo input[type=range]{display:block;width:100%;margin:18px 0 25px;accent-color:var(--accent)}.experience-demo label{font-size:16px}.experience-demo select{width:100%;margin:12px 0 24px}.energy-result{background:#143c30;color:#eaffed;display:flex;flex-direction:column;justify-content:center}.energy-result>span{font-size:12px;letter-spacing:.1em;color:#acd3bb}.energy-result>strong{font-size:clamp(35px,4vw,60px);line-height:1.15;margin:15px 0}.energy-result p{font-size:14px;color:#b0cfbe}.power-track{height:12px;border-radius:8px;background:#416352;overflow:hidden;margin:12px 0 32px}.power-track span{display:block;height:100%;background:#8bd6a3;width:76%;transition:width .5s}.av-result{background:#251e40;color:#f1eafd}.av-result>span{font-size:24px;font-weight:700}.av-result p{font-size:14px;color:#b7a9d5}.av-result ul{padding:0;list-style:none}.av-result li{padding:12px 0;border-bottom:1px solid #544769;font-size:14px;display:flex;justify-content:space-between;gap:20px}.meter{height:135px;display:flex;align-items:center;gap:6px;margin:25px 0}.meter i{flex:1;height:8%;background:linear-gradient(#bc9af1,#628fe0);border-radius:3px;transform-origin:center;transition:height .4s}.meter.active i{height:calc(15% + var(--volume,.35)*65%);animation:av-meter .8s ease-in-out infinite alternate;animation-delay:calc(var(--n)*-.11s)}#audioStatus{font-size:20px;font-weight:700}.scenario-steps{list-style:none;margin:0;padding:32px;background:#152f3e;counter-reset:step;color:#eaf8ff}.scenario-steps li{counter-increment:step;position:relative;padding:20px 18px 20px 65px;border-bottom:1px solid #36525e;opacity:.45;transition:opacity .4s,background .4s}.scenario-steps li:before{content:counter(step);position:absolute;left:15px;top:21px;border:1px solid #658797;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.scenario-steps li.done{opacity:1;background:#254b52}.scenario-steps li.done:before{content:'✓';background:#74c5ab;color:#163a35}.scenario-steps strong{display:block;font-size:18px}.scenario-steps span{display:block;margin-top:8px;font-size:14px;color:#b9d4de}#scenarioStatus{font-weight:700;color:var(--accent)}@keyframes av-meter{from{transform:scaleY(.25)}to{transform:scaleY(1)}}@media(max-width:1000px){.experience-cards,.experience-equipment{grid-template-columns:1fr}.experience-flow{grid-template-columns:1fr 1fr}.experience-flow li:after{display:none}.experience-photo img{height:350px}}@media(max-width:760px){.energy-demo,.av-demo,.scenario-demo{grid-template-columns:1fr}.experience-photo img{height:auto;max-height:400px}.experience-flow{grid-template-columns:1fr;gap:12px}.experience-flow h3{margin:12px 0}.status-grid{grid-template-columns:1fr}.security-dashboard,.energy-demo>div,.av-demo>div,.scenario-demo>div,.scenario-steps{padding:22px}.experience-cards article,.experience-equipment article{padding:24px}.experience-page .light-hero h1{font-size:42px}.status-banner{padding:20px}.status-banner strong{font-size:22px}.energy-demo fieldset label{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.meter.active i{animation:none}.power-track span,.scenario-steps li,.meter i{transition:none}}