.site-simulator{padding:9vw 4vw;background:#dfe8e3}.simulator-layout{display:grid;grid-template-columns:minmax(360px,680px) minmax(280px,1fr);gap:6vw;align-items:center}.photo-mockup{position:relative}.mockup-state{position:absolute;opacity:0;pointer-events:none}.site-photo{position:relative;overflow:hidden;background:#222;box-shadow:0 28px 70px #19352a38}.site-photo>img{display:block;width:100%;height:auto;filter:saturate(.75) brightness(.88)}.mockup-panel,.excluded{position:absolute;overflow:hidden}.mockup-panel{left:19.1%;width:42.6%;border:2px solid #9bf5c9;color:white;box-shadow:inset 0 0 40px #0005,0 0 18px #74eebc88}.mockup-panel-a{top:22.1%;height:27.4%}.mockup-panel-b{top:50.3%;height:36.2%}.mockup-panel>div{position:absolute;inset:0;padding:7%;display:none;flex-direction:column;justify-content:space-between}.zone-copy{background:#15745fc7;font-size:clamp(12px,1.5vw,22px);font-weight:900;letter-spacing:.05em}.zone-copy small{font-size:.58em;font-weight:600}.brand-copy{background:linear-gradient(145deg,#07533de8,#0a1816ef)}.mockup-panel-b .brand-copy{background:linear-gradient(145deg,#e993b7ef,#6e3650ef)}.brand-copy small,.space-copy small{letter-spacing:.12em;font-size:clamp(7px,.85vw,12px)}.brand-copy strong,.space-copy strong{font-size:clamp(15px,2.3vw,34px);line-height:1.12}.space-copy{background:linear-gradient(145deg,#171717ee,#276b58ed)}.mockup-panel-b .space-copy{background:linear-gradient(145deg,#171717ed,#d4789fed)}.mockup-qr{align-self:flex-end;border:1px solid;padding:7%;font-weight:900}.excluded{left:62.6%;width:18.7%;display:grid;place-items:center;background:#111b;color:white;border:1px dashed #fff9}.excluded-duct{top:22.1%;height:27.4%}.excluded-door{top:50.3%;height:36.2%}.excluded span{background:#111d;padding:7px;font-size:clamp(8px,1vw,13px);font-weight:800}.photo-mockup:has(#mockupZones:checked) .zone-copy,.photo-mockup:has(#mockupBrand:checked) .brand-copy,.photo-mockup:has(#mockupSpace:checked) .space-copy{display:flex}.photo-mockup:has(#mockupBrand:checked) .excluded,.photo-mockup:has(#mockupSpace:checked) .excluded{opacity:.38}.mockup-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.mockup-controls label{display:block;border:1px solid #758079;padding:12px 16px;margin:0;cursor:pointer;font-size:13px}.photo-mockup:has(#mockupZones:checked) label[for=mockupZones],.photo-mockup:has(#mockupBrand:checked) label[for=mockupBrand],.photo-mockup:has(#mockupSpace:checked) label[for=mockupSpace]{background:var(--ink);border-color:var(--ink);color:white}.simulator-notes h3{font-size:clamp(38px,4.6vw,66px);line-height:1.06;letter-spacing:-.05em;margin:20px 0 40px}.simulator-notes h3 em{color:var(--green);font-style:normal}.simulator-notes ol{list-style:none;padding:0;border-top:1px solid #aebbb4}.simulator-notes li{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid #aebbb4}.simulator-notes li b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green);color:white}.simulator-notes li span{font-size:17px;font-weight:800}.simulator-notes li small{font-size:13px;color:#5d6a63;font-weight:500}.preserve-note{margin-top:28px;padding:22px;background:#f6f4ef}.preserve-note strong,.preserve-note span{display:block}.preserve-note span{margin-top:8px;color:#59625d;line-height:1.6}.survey-note{font-size:12px;color:#657169;line-height:1.55;margin-top:18px}@media(max-width:900px){.simulator-layout{grid-template-columns:1fr}.site-photo{max-width:620px;margin:auto}.mockup-controls{justify-content:center}}@media(max-width:560px){.site-simulator{padding:70px 20px}.simulator-layout{display:block}.mockup-controls label{flex:1 1 30%;padding:11px 7px;text-align:center;font-size:11px}.simulator-notes{margin-top:55px}.mockup-panel{border-width:1px}.excluded span{padding:4px}}