/* Hotel supervision example; scope limited to the dedicated section. */
.hc-section{padding:80px 0;background:#f2f4f6;border-bottom:1px solid var(--line);scroll-margin-top:110px}.hc-section [hidden]{display:none!important}.hc-section h2{max-width:1050px;font-size:clamp(2rem,4.1vw,3.8rem);margin:15px 0 25px}.hc-intro{font-size:18px;max-width:930px;color:#46515b;line-height:1.8}.hc-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:42px 0}.hc-principles article{border-top:2px solid #d65805;padding-top:18px}.hc-principles article>span{font-size:11px;font-weight:500;letter-spacing:.06em;color:#9a3f04;text-transform:uppercase}.hc-principles h3{font-size:1.35rem;margin:14px 0}.hc-principles p{font-size:14px;line-height:1.8;color:#46515b}.hc-demo{margin:0;background:#0c1b29;color:#f6f9fb;border:1px solid #294354;overflow:hidden}.hc-demo-head{padding:25px 30px;display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid #294354}.hc-demo h3{font-size:1.65rem;letter-spacing:-.025em;margin-top:9px}.hc-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;line-height:1.6;color:#b5c8d6}.hc-demo-badge{border:1px solid #637c8e;color:#d1dee7;font-size:11px;padding:6px 12px;white-space:nowrap}.hc-scenarios{display:flex;padding:20px 30px 0;gap:8px;flex-wrap:wrap}.hc-scenarios button{padding:10px 16px;background:#112638;color:#d3e0e9;border:1px solid #426075;font-size:12px;text-align:left}.hc-scenarios button[aria-pressed=true]{background:#ffb275;border-color:#ffb275;color:#17212b}.hc-demo button:focus-visible,.hc-demo input:focus-visible{outline:3px solid #ffb275;outline-offset:4px}.hc-weather{display:grid;grid-template-columns:240px minmax(0,1fr);gap:35px;align-items:center;padding:26px 30px;background:#122638;margin-top:20px}.hc-weather>div>strong{display:block;font-size:42px;line-height:1.3;font-weight:500;margin-top:8px;letter-spacing:-.04em}.hc-weather>div>strong>span{font-size:24px;color:#ffb275}.hc-weather>div>p:last-child{font-size:12px;color:#b5c8d6}.hc-forecast svg{display:block;width:100%;height:85px;overflow:visible}.hc-forecast>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#b8cbd8;margin-top:12px}.hc-forecast b{font-size:14px;display:block;font-weight:500;color:#fff}.hc-dashboard{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)}.hc-plan{padding:25px 30px;border-right:1px solid #294354;display:flex;flex-direction:column;justify-content:center}.hc-plan-head{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:12px}.hc-plan-head>strong{font-size:11px;font-weight:500;color:#a5ead1;background:#224d45;padding:4px 9px}.hc-floorplan{width:100%;height:auto;display:block;margin:25px 0 12px}.hc-lamp{fill:#ffcf81;stroke:#ffe1b0;stroke-width:2}.hc-lamp.is-off{fill:#476071;stroke:#90a6b6}.hc-air.is-off{opacity:.18}.hc-plan-caption{display:flex;align-items:center;gap:9px;font-size:12px;color:#c6d6e1}.hc-state-dot{display:inline-block;width:7px;height:7px;background:#8cd9b9;border-radius:50%;flex:0 0 auto}.hc-state{padding:25px 30px}.hc-state-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.hc-auto{font-size:10px;color:#a5ead1;border:1px solid #3c675c;padding:4px 8px;white-space:nowrap}.hc-setpoint{display:flex;align-items:center;gap:20px;margin:20px 0}.hc-setpoint>strong{font-size:54px;line-height:1.2;font-weight:500;letter-spacing:-.045em;white-space:nowrap;color:#fff}.hc-setpoint>strong>span{font-size:23px;color:#95c9e2}.hc-setpoint>div{display:grid;font-size:13px;gap:5px}.hc-setpoint b{font-weight:500;color:#a5ddf7}.hc-setpoint>div>span{color:#b5c8d6;font-size:11px}.hc-explanation{font-size:12px;color:#c0d0dc;line-height:1.8;min-height:65px}.hc-light-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #294354;margin-top:18px;padding-top:18px}.hc-light-row>div{display:grid;gap:4px;font-size:12px}.hc-light-row b{font-weight:500}.hc-light-row>div>span{font-size:11px;color:#c0d0dc}.hc-light-switch{width:46px;height:26px;padding:3px;border:1px solid #b0c4d3;border-radius:14px;background:#344f63;flex:0 0 auto}.hc-light-switch>span{display:block;width:18px;height:18px;border-radius:50%;background:#eff6fa}.hc-light-switch[aria-pressed=true]{background:#ffb275;border-color:#ffb275}.hc-light-switch[aria-pressed=true]>span{margin-left:19px;background:#213240}.hc-light-static{font-size:12px;color:#ffcf81}.hc-report{display:flex;gap:10px;align-items:flex-start;margin-top:20px;padding:14px;background:#142e38;border-left:2px solid #8cd9b9}.hc-report>.hc-state-dot{margin-top:6px}.hc-report b{font-size:11px;font-weight:500;color:#a5ead1}.hc-report p{font-size:10px;line-height:1.8;color:#c0d7dc;margin-top:5px}.hc-options{margin-top:18px;display:flex;align-items:flex-start;flex-direction:column;gap:14px;font-size:11px;color:#c0d0dc}.hc-options label{display:flex;gap:8px;align-items:center;cursor:pointer}.hc-options input{accent-color:#ffb275;width:16px;height:16px;flex:0 0 auto;margin:0}.hc-manual{border:1px solid #607d90;background:transparent;color:#dce7ed;padding:8px 12px;font-size:11px}.hc-manual[aria-pressed=true]{border-color:#ffb275;color:#ffcf81}.hc-live{font-size:11px;color:#b8dcca;line-height:1.6;min-height:0;margin-top:14px}.hc-live:empty{display:none}.hc-demo figcaption{padding:18px 30px;font-size:11px;color:#b5c8d6;line-height:1.8;border-top:1px solid #294354}.hc-context{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:60px;align-items:center;margin-top:40px}.hc-context h3{font-size:1.5rem;line-height:1.3;margin-bottom:20px}.hc-context p{font-size:13px;line-height:1.9;color:#46515b}.hc-context .button{text-align:center;height:max-content}.hc-context p+p{margin-top:16px}
@media(max-width:1000px){.hc-dashboard{grid-template-columns:1fr 1fr}.hc-plan,.hc-state{padding:22px}.hc-demo-head,.hc-scenarios{padding-left:22px;padding-right:22px}.hc-weather{padding:24px 22px;grid-template-columns:190px minmax(0,1fr);gap:24px}.hc-context{grid-template-columns:1fr;gap:22px}.hc-context .button{justify-self:start}.hc-setpoint{gap:15px}.hc-setpoint>strong{font-size:45px}.hc-principles{gap:24px}}
@media(max-width:700px){.hc-section{padding:55px 0}.hc-intro{font-size:16px}.hc-principles{grid-template-columns:1fr;gap:23px;margin:30px 0}.hc-principles article{padding-top:12px}.hc-principles h3{margin:9px 0;font-size:1.25rem}.hc-principles p{font-size:13px}.hc-demo-head{padding:20px 18px;align-items:flex-start;gap:14px;flex-wrap:wrap}.hc-demo h3{font-size:1.3rem}.hc-demo-badge{font-size:9px}.hc-scenarios{padding:18px 16px 0;gap:7px}.hc-scenarios button{font-size:11px;padding:9px 11px;flex:1 1 110px}.hc-weather{grid-template-columns:1fr;padding:22px 18px;gap:20px}.hc-weather>div:first-child{display:grid;grid-template-columns:1fr auto;gap:2px 14px;align-items:center}.hc-weather>div:first-child>strong{grid-column:2;grid-row:1/3;font-size:38px;margin:0}.hc-weather>div:first-child>p:last-child{grid-column:1;grid-row:2;margin:0}.hc-weather .hc-label{font-size:9px}.hc-forecast svg{height:65px}.hc-forecast>div{font-size:10px}.hc-dashboard{grid-template-columns:1fr}.hc-plan{padding:22px 18px;border-right:0;border-bottom:1px solid #294354}.hc-plan-head{font-size:11px}.hc-floorplan{margin:18px 0 4px}.hc-plan-caption{font-size:11px}.hc-state{padding:22px 18px}.hc-setpoint>strong{font-size:52px}.hc-explanation{min-height:0}.hc-demo figcaption{padding:17px 18px;font-size:10px}.hc-state-title{gap:10px}.hc-label{font-size:9px}.hc-auto{font-size:9px}.hc-context{margin-top:30px}.hc-context h3{font-size:1.3rem}.hc-context .button{width:100%;font-size:12px;padding:13px 15px}.hc-plan-head>strong{font-size:10px}.hc-section h2{font-size:2rem}.hc-section .wrap{overflow-wrap:break-word}}