/* Interactive systems: the drawing, controls and explanation form one component. */
:root{--scene-ease:cubic-bezier(.23,1,.32,1)}
.hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr);gap:32px;padding-top:40px;padding-bottom:48px}.hero h1{font-size:clamp(2.8rem,4.6vw,4.3rem)}.hero-description{max-width:445px}.hero-label{flex-wrap:wrap}.hero-buttons .button{padding-inline:20px;font-size:.88rem}.button:active{transform:scale(.98)}
.system-playground{--scene-accent:#b49400;--scene-wash:#ffdd2d;position:relative;min-width:0;border:1px solid #e3e6e8;border-radius:26px;background:linear-gradient(150deg,#f8f9fa,#fff 72%);box-shadow:0 18px 55px -35px #28364535;padding:20px 22px 0;overflow:hidden;isolation:isolate}
.scene-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.68rem;color:#69727a;line-height:1.4}.scene-topline>span:first-child{display:flex;align-items:center;gap:8px}.scene-demo{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;text-align:right}.scene-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 4px #ffdd2d24;flex-shrink:0}.system-stage{position:relative;aspect-ratio:1.58;margin:10px -12px 0;isolation:isolate}.system-model{display:block;position:absolute;inset:0;z-index:0}.system-model img{width:100%;height:100%;object-fit:fill;mix-blend-mode:multiply}.scene-orbit{position:absolute;inset:20% 8% 8%;border:1px solid #e2e6e750;border-radius:50%;transform:rotate(-10deg)}.system-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}
.camera-cone{fill:#ffdd2d45;stroke:#b8991380;stroke-width:.3;transition:opacity 200ms var(--scene-ease)}.system-playground[data-camera="0"] .cone-1,.system-playground[data-camera="1"] .cone-0,.system-playground[data-coverage="false"] .camera-cone{opacity:0}.wire-overlay{stroke:#3773b2;fill:#fff;stroke-width:.6;stroke-linejoin:round}.wire-overlay path{fill:none;stroke-dasharray:2 1}.fire-overlay{stroke:#d46c57;stroke-width:.65;fill:none}.fire-overlay circle{fill:#f1957640}.fire-overlay .signal-target{opacity:.25}.fire-overlay path{stroke-dasharray:2 1;opacity:.3}.system-playground[data-signal="1"] .fire-overlay path,.system-playground[data-signal="2"] .fire-overlay path{opacity:1}.system-playground[data-signal="1"] .signal-target,.system-playground[data-signal="2"] .signal-target{opacity:1;fill:#f18c6280}.system-playground[data-signal="2"] .fire-pins .equipment-pin{box-shadow:0 0 0 8px #dd705a20,0 5px 15px #0001}.access-path{stroke:#8c74be;fill:none;stroke-width:1;stroke-dasharray:3 1.6;stroke-linecap:round}.system-playground[data-person="visitor"] .access-staff,.system-playground[data-person="staff"] .access-visitor{display:none}
.system-playground:not([data-system="video"]) .video-overlay,.system-playground:not([data-system="video"]) .video-pins,.system-playground:not([data-system="access"]) .access-path,.system-playground:not([data-system="access"]) .access-pins,.system-playground:not([data-system="fire"]) .fire-overlay,.system-playground:not([data-system="fire"]) .fire-pins,.system-playground:not([data-system="network"]) .wire-overlay,.system-playground:not([data-system="network"]) .network-pins{display:none}.system-playground[data-wiring="false"] .wire-overlay{opacity:0}.system-playground[data-system="access"]{--scene-accent:#786195;--scene-wash:#e2d7f4}.system-playground[data-system="fire"]{--scene-accent:#bd5c46;--scene-wash:#f7d9cd}.system-playground[data-system="network"]{--scene-accent:#3979a2;--scene-wash:#d6e8f5}
.equipment-pin{position:absolute;left:var(--x);top:var(--y);z-index:2;display:flex;align-items:center;justify-content:center;gap:7px;width:42px;height:42px;border:2px solid white;background:#fff;border-radius:13px;color:#35404b;box-shadow:0 4px 18px #15223820;transform:translate(-50%,-50%);transition:background 180ms var(--scene-ease),box-shadow 180ms var(--scene-ease)}.equipment-pin svg{width:20px;height:20px}.equipment-pin>span{position:absolute;left:50%;top:calc(100% + 7px);transform:translateX(-50%);background:#fff;border:1px solid #e8ebed;border-radius:5px;white-space:nowrap;font-size:.63rem;line-height:1.2;padding:5px 7px;box-shadow:0 3px 10px #1522380a;color:#39434c}.equipment-pin.is-active{background:var(--scene-wash);box-shadow:0 0 0 5px #ffffff70,0 5px 15px #15223820}.equipment-pin:hover{box-shadow:0 0 0 6px #ffdd2d35,0 5px 15px #15223820}.scene-coordinate{position:absolute;bottom:6px;left:9px;right:9px;display:flex;justify-content:space-between;font-size:.54rem;letter-spacing:.12em;color:#848c93;pointer-events:none}
.system-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:5px;background:#edf0f2;border-radius:13px;gap:4px;position:relative;z-index:3}.system-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:9px;background:transparent;min-height:46px;padding:8px 5px;font-size:.72rem;font-weight:600;transition:background 160ms var(--scene-ease)}.system-tabs svg{width:17px;height:17px}.system-tabs button[aria-selected=true]{background:#fff;box-shadow:0 2px 7px #1b283b12}.system-tabs button:hover{background:#ffffff80}.system-tabs button:active{transform:scale(.98)}.system-readout{padding:20px 0 15px;min-height:188px}.readout-heading{display:flex;align-items:center;gap:12px}.readout-symbol{display:grid;place-items:center;width:36px;height:36px;background:var(--scene-wash);border-radius:10px;flex-shrink:0}.readout-symbol svg{width:18px;height:18px}.readout-kicker{display:block;font-size:.61rem;text-transform:uppercase;letter-spacing:.08em;color:#7c848b;margin-bottom:3px}.readout-heading strong{display:block;font-size:.96rem;line-height:1.25;letter-spacing:-.02em}.system-readout p{font-size:.76rem;line-height:1.6;margin:11px 0 13px;max-width:540px}.scene-action-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;flex-wrap:wrap}.scene-toggle{border:0;background:none;display:flex;align-items:center;gap:9px;min-height:44px;padding:0;font-size:.75rem}.toggle-track{display:block;width:32px;height:19px;border-radius:20px;background:#d3d9de;padding:3px;flex-shrink:0}.toggle-track:after{content:"";display:block;width:13px;height:13px;border-radius:50%;background:white;box-shadow:0 1px 2px #0002;transform:translateX(0);transition:transform 150ms var(--scene-ease)}[aria-pressed=true]>.toggle-track{background:var(--ink)}[aria-pressed=true]>.toggle-track:after{transform:translateX(13px)}.scene-state{font-size:.67rem;line-height:1.4;color:#6a747d}.segmented{display:flex;background:#f0f2f4;padding:3px;border-radius:8px;max-width:100%}.segmented button{padding:8px 12px;min-height:40px;background:none;border:0;border-radius:6px;font-size:.72rem}.segmented button[aria-pressed=true]{background:white;box-shadow:0 2px 5px #0001}.scene-action{display:inline-flex;align-items:center;gap:15px;min-height:44px;padding:8px 14px;background:#f7e1d9;border:0;border-radius:9px;font-size:.73rem}.scene-bottomline{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #e5e8eb;font-size:.58rem;color:#828a91;line-height:1.5}.scene-bottomline>a{display:flex;align-items:center;gap:6px;font-size:.68rem;color:#313d47;white-space:nowrap;min-height:30px}.scene-bottomline svg{width:14px;height:14px}.scene-noscript{padding:20px;font-size:.9rem}
/* A shared spatial map replaces four unrelated illustration cards. */
.interactive-solution-panel{display:block;background:transparent;overflow:visible}.zone-explorer{border:1px solid #dfe4e7;border-radius:24px;background:#fff;overflow:hidden;--map-yellow:#ffe788}.explorer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 26px;border-bottom:1px solid #e6e9eb}.explorer-toolbar>div:first-child{display:flex;align-items:center;gap:12px;font-size:.94rem;flex-wrap:wrap}.explorer-caption{color:#7b848c;font-size:.76rem}.layer-switch{display:flex;gap:4px;padding:4px;background:#eff2f4;border-radius:10px}.layer-switch button{background:none;border:0;border-radius:7px;min-height:40px;padding:8px 13px;font-size:.75rem;white-space:nowrap}.layer-switch button[aria-pressed=true]{background:#fff;box-shadow:0 2px 5px #1b273710}.explorer-body{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}.explorer-map-column{min-width:0;background:#f8fafb}.explorer-stage{position:relative;isolation:isolate;aspect-ratio:1.5;min-height:280px;overflow:hidden}.floor-plan{width:100%;height:100%;display:block;position:absolute;inset:0;z-index:1}.plan-grid{position:absolute;inset:0;background-image:radial-gradient(#aab6bd45 .7px,transparent .7px);background-size:18px 18px;mask-image:linear-gradient(transparent,#0005 30%,#0005 70%,transparent)}.zone-floor{fill:#f0f3f4;stroke:#e2e6e8;stroke-width:1;transition:fill 180ms var(--scene-ease)}.plan-zone.is-active .zone-floor{fill:#ffecac;stroke:#ddc86c;stroke-width:1.5}.plan-furniture{opacity:.85}.zone-coverage{fill:#ffcf3250;stroke:#b2973060;stroke-width:1;opacity:0}.zone-cable{fill:none;stroke:#4886b0;stroke-width:2.5;stroke-dasharray:5 4;opacity:0}.plan-device{fill:#fff;stroke:#667785;stroke-width:2}.zone-explorer[data-layer="coverage"] .is-active .zone-coverage{opacity:1}.zone-explorer[data-layer="cables"] .zone-cable{opacity:.35}.zone-explorer[data-layer="cables"] .is-active .zone-cable{opacity:1;stroke-width:4}.explorer-model{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;mix-blend-mode:multiply;z-index:1}.zone-explorer[data-view="model"] .floor-plan,.zone-explorer[data-view="plan"] .explorer-model,.zone-explorer[data-view="plan"] .model-layer{display:none}.model-layer{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.model-coverage{fill:#ffdc425c;stroke:#a7902580;stroke-width:.3;opacity:0}.model-cable{fill:none;stroke:#387cae;stroke-width:.45;stroke-dasharray:1.5 1;opacity:0}.zone-explorer[data-layer="coverage"] .is-active .model-coverage{opacity:1}.zone-explorer[data-layer="cables"] .model-cable{opacity:.25}.zone-explorer[data-layer="cables"] .is-active .model-cable{opacity:1;stroke-width:.65}
.zone-pin{position:absolute;left:var(--px);top:var(--py);z-index:3;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:0;border:2px solid #fff;background:#fff;border-radius:15px;box-shadow:0 4px 18px #26394524;min-width:46px;height:46px;padding:0 11px;font-size:.78rem;font-weight:650;transition:background 180ms var(--scene-ease),box-shadow 180ms var(--scene-ease)}.zone-pin i{display:none;font-style:normal;margin-left:8px;border-left:1px solid #ac921940;padding-left:8px}.zone-pin svg{width:19px;height:19px}.zone-pin.is-active{background:var(--yellow);box-shadow:0 0 0 6px #ffdd2d26,0 4px 18px #26394524}.zone-pin.is-active i{display:block}.zone-pin:hover{background:#ffed99}.zone-explorer[data-view="model"] .zone-pin{left:var(--mx);top:var(--my)}.view-switch{position:absolute;left:22px;bottom:18px;z-index:4;display:flex;background:#fff;border:1px solid #dfe5e8;padding:3px;border-radius:8px}.view-switch button{background:none;border:0;border-radius:5px;padding:7px 12px;min-height:38px;font-size:.68rem}.view-switch button[aria-pressed=true]{background:#202b35;color:#fff}.map-instruction{position:absolute;right:24px;bottom:27px;z-index:3;display:flex;gap:10px;align-items:center;font-size:.67rem;color:#7b858e}.map-instruction svg{width:15px;height:15px}.map-scale{position:absolute;left:24px;bottom:27px;font-size:.61rem;letter-spacing:.03em;color:#7d8890}.zone-choices{list-style:none;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e0e6e9;padding:14px 20px;gap:4px 10px;background:#f3f6f7}.zone-choices button{display:flex;align-items:center;gap:12px;text-align:left;min-height:55px;width:100%;padding:10px 12px;border:0;background:transparent;border-radius:10px;font-size:.75rem;line-height:1.4}.zone-choices button>span{font-size:.65rem;color:#81909a;font-variant-numeric:tabular-nums}.zone-choices button>svg{margin-left:auto;width:16px;height:16px;opacity:0;flex-shrink:0}.zone-choices button[aria-pressed=true]{background:#fff;box-shadow:0 2px 9px #23334708}.zone-choices button[aria-pressed=true]>span{color:#968017}.zone-choices button[aria-pressed=true]>svg{opacity:1}.zone-choices button:hover{background:#ffffff90}.zone-detail{padding:36px 30px;position:relative;border-left:1px solid #e4e8eb;overflow:hidden}.zone-detail section{position:relative;z-index:1}.zone-detail-number{position:absolute;right:-15px;top:-28px;font-size:5.5rem;line-height:1;color:#f0f2f3;font-weight:600;letter-spacing:-.09em;z-index:-1}.zone-detail .eyebrow{font-size:.62rem;margin-bottom:32px;color:#88919a}.zone-detail h3{font-size:1.85rem;line-height:1.1;margin-bottom:20px;max-width:280px}.zone-detail p{font-size:.87rem;line-height:1.75}.equipment-label{display:flex;align-items:center;gap:10px;padding:14px 0;border-block:1px solid #edf0f2;font-size:.76rem;margin:24px 0}.equipment-label svg{width:20px;height:20px;color:#7c8993}.zone-insight>span{font-size:.62rem;text-transform:uppercase;letter-spacing:.065em;color:#89939b}.zone-insight p{font-size:.8rem;line-height:1.6;margin:8px 0 28px}.zone-detail .text-link{font-size:.78rem;gap:10px;flex-wrap:wrap;line-height:1.5}.explorer-footnote{display:flex;justify-content:space-between;gap:20px;padding:15px 24px;border-top:1px solid #e5e9ec;font-size:.61rem;line-height:1.5;color:#8a9299}.layer-status{color:#536774}.solution-overview-link{display:flex;align-items:center;justify-content:flex-end;gap:15px;padding:18px 5px;font-size:.84rem}.solution-overview-link:hover{color:#647989}.object-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:end;padding:36px 0 42px}.object-intro h1{font-size:3.25rem;max-width:620px}.object-intro p{font-size:.95rem;line-height:1.75;margin-bottom:18px}.object-intro .text-link{font-size:.85rem}
/* Small diagrams explain the service; the entire card remains a normal link. */
.service-card{min-height:375px;background:#f3f5f6;border:1px solid #e8ecee;padding:24px}.service-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #1d273d0b}.service-card.tone-1{background:#fcf4f0}.service-card.tone-2{background:#f4f1f8}.service-card.tone-3{background:#eff5f8}.service-diagram{margin:20px -5px 24px;position:relative}.diagram-field{height:100px;position:relative;isolation:isolate}.diagram-device{position:absolute;top:17px;left:16%;width:57px;height:57px;display:grid;place-items:center;border-radius:17px;background:#fff;box-shadow:0 7px 16px #25354610;transform:rotate(-8deg);z-index:2}.diagram-device svg{width:27px;height:27px}.diagram-endpoint{position:absolute;right:13%;top:24px;background:#fff;border:1px solid #e1e6e9;width:45px;height:45px;border-radius:12px;display:grid;place-items:center;z-index:2}.diagram-endpoint svg{width:22px;height:22px}.diagram-beam{position:absolute;left:29%;right:24%;top:35px;height:30px;background:#ffdd2d65;clip-path:polygon(0 30%,100% 0,100% 100%,0 70%);transition:clip-path 200ms var(--scene-ease),background 200ms var(--scene-ease)}.diagram-gridlines{position:absolute;inset:0;background-image:radial-gradient(#a9b4bc50 1px,transparent 1px);background-size:13px 13px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.diagram-flow{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:.61rem;color:#849099;padding:5px 8px 0;line-height:1.3}.diagram-flow>i{font-style:normal;color:#a0aab2}.diagram-access .diagram-beam{background:#c6b3e4}.diagram-fire .diagram-beam{background:#f2b299}.diagram-network .diagram-beam{background:#9bbcd7}.service-card:hover .diagram-beam,.service-card:focus-visible .diagram-beam{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);background:#ffdd2d}.card-copy h3{font-size:1.36rem}.card-copy p{font-size:.85rem}.example-visual .floor-plan{position:relative}.example-visual{padding:24px 8px 0}.solutions-catalog .solution-card>.floor-plan{position:relative;height:240px;background:#f4f6f7}.work-diagram{width:52px;height:52px;flex-shrink:0;background:#f1f4f5;border:1px solid #e4e9eb;display:grid;place-items:center;border-radius:13px;color:#80909b}.numbered-list li>.work-diagram{font-size:1rem}.numbered-list li>.work-diagram svg{width:24px;height:24px}
/* One drawing follows all five stages, instead of repeating miniature photos. */
.process-explorer{display:grid;grid-template-columns:1fr 1.55fr;border:1px solid #e2e7ea;border-radius:23px;overflow:hidden}.process-navigation{padding:24px;display:flex;flex-direction:column;gap:5px;align-self:center}.process-navigation button{display:flex;align-items:center;gap:17px;border:0;background:transparent;padding:19px 15px;min-height:69px;text-align:left;border-radius:11px}.process-navigation button>span{font-size:.72rem;color:#93a0a9}.process-navigation strong{font-size:.87rem;font-weight:550;flex:1;line-height:1.5}.process-navigation svg{width:17px;height:17px;opacity:0}.process-navigation button[aria-selected=true]{background:#ffeb86}.process-navigation button[aria-selected=true] svg{opacity:1}.process-display{background:#f5f7f8;padding:26px 40px 36px;min-width:0;border-left:1px solid #e4e9eb}.process-display h3{font-size:1.5rem;margin:0 0 13px}.process-display p{font-size:.87rem;line-height:1.7;margin:0;max-width:600px}.process-display .eyebrow{font-size:.61rem;margin:0 0 10px}.process-drawing{position:relative;height:245px;display:grid;place-items:center;margin-bottom:25px}.drawing-paper{position:relative;width:290px;height:190px;background:#fff;box-shadow:0 14px 25px #33435313;border:1px solid #e4e9eb;transform:rotate(-5deg);border-radius:4px}.drawing-grid{position:absolute;inset:0;background-image:linear-gradient(#e9eef25c 1px,transparent 1px),linear-gradient(90deg,#e9eef25c 1px,transparent 1px);background-size:13px 13px}.paper-title{position:absolute;left:19px;right:19px;top:15px;display:flex;justify-content:space-between;gap:8px;font-size:.46rem;letter-spacing:.06em;color:#7a8b98}.paper-title i{font-style:normal}.drawing-room{position:absolute;border:2px solid #c4cfd6;top:48px;bottom:25px;left:23px;width:133px}.room-b{left:160px;width:100px;bottom:80px}.room-c{left:160px;top:112px;width:100px}.drawing-trace{position:absolute;left:63px;top:70px;width:145px;height:73px;border:2px dashed #6596b7;border-top:0;border-left:0;opacity:0}.drawing-device{position:absolute;left:50px;top:66px;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#ffdd2d;box-shadow:0 4px 8px #0001;opacity:0}.drawing-device svg{width:18px;height:18px}.device-b{left:95px;top:126px}.device-c{left:199px;top:122px;background:#dce9f2}.drawing-check{position:absolute;bottom:-17px;right:-20px;background:#202d38;box-shadow:0 5px 18px #0001;color:#fff;padding:10px 13px;display:flex;gap:9px;align-items:center;font-size:.6rem;border-radius:8px;opacity:0;transform:rotate(5deg)}.drawing-check svg{width:17px;height:17px;color:#ffdd2d}.drawing-caption{position:absolute;bottom:1px;font-size:.6rem;letter-spacing:.025em;color:#98a3ac}.process-explorer:not([data-process="0"]) .drawing-trace{opacity:1}.process-explorer[data-process="1"] .drawing-device{opacity:.4;background:#e3e9ed;box-shadow:none}.process-explorer[data-process="2"] .drawing-device{opacity:.75}.process-explorer[data-process="3"] .drawing-device,.process-explorer[data-process="4"] .drawing-device{opacity:1}.process-explorer[data-process="4"] .drawing-check{opacity:1}.cta-panel{grid-template-columns:1.4fr 1fr}.cta-brief-preview{position:relative;background:#fffef5;margin:42px 46px 42px 0;padding:28px;border-radius:15px;transform:rotate(3deg);box-shadow:0 15px 30px #69560015}.brief-preview-label{font-size:.55rem;letter-spacing:.08em;color:#9d965d;display:block;margin-bottom:26px}.cta-brief-preview>div{display:flex;gap:13px;align-items:center;padding:17px 0;border-bottom:1px solid #ede9d2;font-size:.8rem;color:#5d614f}.cta-brief-preview svg{width:19px;height:19px;color:#9c985c}.brief-preview-bottom{display:flex;justify-content:space-between;gap:15px;font-size:.6rem;color:#a39b62;margin-top:25px}
@media(max-width:1100px){.hero{gap:24px;grid-template-columns:1fr 1.12fr}.hero h1{font-size:3.3rem}.hero-buttons{flex-direction:column;align-items:flex-start}.system-playground{padding:17px 17px 0}.scene-topline{font-size:.6rem}.scene-demo{display:none}.system-tabs{gap:2px}.system-tabs button{font-size:.61rem;gap:4px}.system-tabs svg{width:15px;height:15px}.readout-heading strong{font-size:.85rem}.system-readout p{font-size:.73rem}.scene-bottomline{flex-wrap:wrap;gap:0;padding-block:8px}.scene-bottomline>span{width:100%}.scene-bottomline>a{min-height:35px}.explorer-body{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.explorer-toolbar{padding:17px 20px;gap:15px;flex-wrap:wrap}.explorer-caption{display:none}.zone-detail{padding:30px 23px}.zone-detail h3{font-size:1.6rem}.zone-detail .eyebrow{margin-bottom:25px}.zone-detail p{font-size:.82rem}.equipment-label{margin:20px 0;font-size:.7rem}.zone-insight p{font-size:.76rem}.explorer-stage{min-height:310px;aspect-ratio:1.4}.zone-choices{padding:12px;gap:4px}.zone-choices button{font-size:.67rem;padding:8px;gap:8px}.zone-choices button>svg{display:none}.map-instruction{display:none}.explorer-footnote{padding:13px 20px;flex-wrap:wrap;gap:5px}.object-intro{gap:45px}.object-intro h1{font-size:2.6rem}.process-navigation{padding:17px}.process-navigation button{gap:12px;padding:17px 10px}.process-navigation strong{font-size:.8rem}.process-display{padding:24px 27px 30px}.drawing-paper{width:290px;max-width:100%}.process-drawing{height:225px}.cta-brief-preview{margin-right:30px;padding:23px}.service-card{min-height:340px}.card-copy h3{font-size:1.5rem}.system-compact .system-stage{aspect-ratio:1.6}}
@media(max-width:760px){.hero{display:flex;gap:0;padding-top:30px}.hero h1{font-size:clamp(2.65rem,8vw,4rem)}.hero-buttons{flex-direction:row;align-items:stretch}.hero-buttons .button{font-size:.85rem;padding-inline:16px}.hero .system-playground{margin-top:30px}.system-playground{border-radius:20px;padding:17px 18px 0}.system-stage{aspect-ratio:1.5;margin:10px -12px 0}.scene-topline{font-size:.62rem}.scene-demo{display:block;font-size:.48rem}.system-tabs button{font-size:.65rem;min-height:47px;gap:4px}.system-tabs svg{width:16px;height:16px}.system-readout{min-height:195px;padding:20px 0 13px}.readout-heading strong{font-size:.94rem}.readout-kicker{font-size:.6rem}.system-readout p{font-size:.78rem;line-height:1.7}.scene-bottomline{flex-wrap:nowrap;gap:8px;padding-block:10px;font-size:.54rem}.scene-bottomline>span{width:auto;max-width:165px}.scene-bottomline>a{font-size:.65rem;white-space:normal;line-height:1.5}.equipment-pin{width:38px;height:38px;border-radius:11px}.equipment-pin>span{font-size:.55rem}.explorer-body{grid-template-columns:1fr}.explorer-stage{min-height:0;aspect-ratio:1.4}.explorer-toolbar{padding:17px;gap:15px}.explorer-toolbar>div:first-child{font-size:.85rem;gap:10px}.explorer-caption{display:inline;font-size:.68rem}.layer-switch{width:100%;justify-content:space-between}.layer-switch button{flex:1;font-size:.68rem;padding:7px 9px;min-height:40px}.zone-explorer{border-radius:19px}.zone-detail{border-left:0;border-top:1px solid #e3e8eb;padding:27px 24px;min-height:370px}.zone-detail h3{font-size:1.8rem;max-width:280px}.zone-detail .eyebrow{font-size:.6rem;margin-bottom:17px}.zone-detail-number{font-size:4.5rem;top:-15px;right:0}.zone-detail p{font-size:.9rem;line-height:1.75}.equipment-label{font-size:.79rem;margin:19px 0;padding:13px 0}.zone-insight p{font-size:.83rem;margin-bottom:21px}.zone-detail .text-link{font-size:.81rem}.zone-choices{padding:12px;gap:6px}.zone-choices button{font-size:.72rem;min-height:62px;padding:10px 8px;align-items:flex-start;gap:9px}.zone-choices button>span{padding-top:2px}.zone-pin{min-width:44px;height:44px;padding:0 10px;border-radius:13px;font-size:.7rem}.zone-pin.is-active i{display:none}.view-switch{left:15px;bottom:10px}.view-switch button{font-size:.61rem;padding:5px 10px;min-height:34px}.map-scale{bottom:12px;left:16px;font-size:.55rem}.explorer-footnote{font-size:.6rem;padding:14px 20px;gap:8px;display:grid}.solution-overview-link{font-size:.78rem;line-height:1.5;justify-content:space-between;padding:16px 4px}.interactive-solution-panel{min-height:0;border-radius:0}.object-intro{grid-template-columns:1fr;gap:22px;padding:30px 0}.object-intro h1{font-size:2.4rem}.object-intro p{font-size:.94rem}.object-intro .eyebrow{font-size:.66rem}.object-intro .text-link{font-size:.82rem}.object-tabs{gap:7px}.object-tabs button{padding:9px 17px}.service-card,.related-grid .service-card,.catalog-grid .service-card{min-height:335px;padding:21px}.service-diagram{margin:15px -3px 22px}.card-copy h3,.related-grid .card-copy h3{font-size:1.28rem}.card-copy p{font-size:.85rem}.diagram-flow{font-size:.58rem;padding-inline:0;gap:4px}.diagram-device{left:10%}.diagram-endpoint{right:5%}.diagram-beam{left:23%;right:20%}.solutions-catalog .solution-card>.floor-plan{height:200px}.process-explorer{grid-template-columns:1fr;border-radius:19px}.process-navigation{padding:14px;gap:3px}.process-navigation button{min-height:56px;padding:13px 14px;gap:15px}.process-navigation strong{font-size:.85rem}.process-display{border-left:0;border-top:1px solid #e4e9eb;padding:23px 24px 29px;min-height:390px}.process-display h3{font-size:1.45rem}.process-display p{font-size:.86rem}.process-drawing{height:205px;margin-bottom:20px}.drawing-paper{transform:rotate(-3deg) scale(.9)}.drawing-caption{font-size:.54rem}.cta-panel{display:block}.cta-brief-preview{margin:25px 33px 35px;padding:25px;transform:rotate(2deg)}.cta-brief-preview>div{font-size:.8rem}.cta-copy{padding-bottom:10px}.detail-hero{gap:26px}.detail-hero>.system-playground{width:100%}.numbered-list li>.work-diagram{display:grid;width:43px;height:43px}.work-diagram svg{width:21px;height:21px}}
@media(max-width:420px){.hero-buttons{flex-direction:column}.hero h1{font-size:2.7rem}.system-playground{padding:15px 13px 0}.scene-demo{display:none}.system-tabs button{flex-direction:column;gap:5px;font-size:.58rem;padding:9px 3px;min-height:57px}.scene-coordinate{font-size:.46rem;bottom:3px}.system-stage{margin-inline:-6px;aspect-ratio:1.4}.readout-heading{gap:10px}.readout-heading strong{font-size:.87rem}.readout-symbol{width:33px;height:33px}.system-readout{min-height:215px}.system-readout p{font-size:.75rem}.scene-action-row{gap:3px}.scene-state{font-size:.59rem}.segmented button{font-size:.67rem;padding:7px 10px}.equipment-pin>span{font-size:.48rem;padding:4px}.equipment-pin{width:35px;height:35px}.equipment-pin svg{width:17px;height:17px}.scene-bottomline{font-size:.49rem;gap:9px}.scene-bottomline>a{font-size:.6rem}.scene-bottomline>span{max-width:145px}.scene-toggle{font-size:.7rem}.explorer-caption{font-size:.61rem}.explorer-toolbar{padding:15px}.zone-choices button{font-size:.68rem}.zone-detail{padding:25px 21px}.explorer-stage{aspect-ratio:1.28}.zone-pin{min-width:44px;height:44px;font-size:.68rem}.zone-detail h3{font-size:1.72rem}.object-intro h1{font-size:2.15rem}.service-diagram{margin:18px 6px 25px}.diagram-field{height:115px}.diagram-device{left:16%;width:65px;height:65px}.diagram-endpoint{right:15%;top:27px;width:49px;height:49px}.diagram-beam{left:27%;right:23%;height:34px;top:35px}.diagram-flow{font-size:.65rem}.card-copy h3,.related-grid .card-copy h3{font-size:1.6rem}.card-copy p{font-size:.94rem}.service-card,.related-grid .service-card,.catalog-grid .service-card{min-height:355px;padding:25px}.process-display{padding:21px 21px 28px}.drawing-paper{transform:rotate(-3deg) scale(.86);transform-origin:center}.drawing-check{right:-4px}.process-drawing{margin-inline:-10px}.cta-brief-preview{margin-inline:26px;padding:22px}}
@media(max-width:350px){.hero h1{font-size:2.42rem}.scene-action-row{align-items:flex-start}.scene-state{max-width:103px;text-align:right}.system-readout{min-height:238px}.system-stage{aspect-ratio:1.32}.equipment-pin>span{font-size:.45rem}.scene-bottomline>a svg{display:none}.zone-choices{padding:9px;gap:4px}.zone-choices button{gap:6px;font-size:.63rem}.zone-detail{padding:23px 18px}.zone-detail p{font-size:.85rem}.layer-switch button{font-size:.63rem;padding-inline:6px}.object-intro h1{font-size:2rem}.process-display{padding-inline:18px}.drawing-paper{transform:rotate(-3deg) scale(.78)}.process-drawing{height:185px;margin-inline:-17px}.process-navigation strong{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.system-playground *,.zone-explorer *,.process-explorer *,.service-card *{transition:none!important;animation:none!important}.drawing-paper,.cta-brief-preview{transform:none}}

.system-playground .equipment-pin{min-width:44px;min-height:44px}.view-switch button,.layer-switch button,.segmented button{min-height:44px}.system-readout p{font-size:.82rem}.readout-heading strong{font-size:1rem}
@media(max-width:420px){.system-readout p{font-size:.77rem}.readout-heading strong{font-size:.9rem}}

.zone-explorer [data-camera-zone="false"] .model-coverage,.zone-explorer [data-camera-zone="false"] .zone-coverage{display:none}
html[data-input="keyboard"] .system-playground *,html[data-input="keyboard"] .zone-explorer *,html[data-input="keyboard"] .process-explorer *{transition:none!important}

.process-text-detail article{grid-template-columns:55px 1fr}.process-text-detail article>div{max-width:850px}
@media(max-width:760px){.process-text-detail article{grid-template-columns:40px 1fr}}

.zone-explorer[data-zone="3"][data-layer="cables"] .model-cable,.zone-explorer[data-zone="3"][data-layer="cables"] .zone-cable{opacity:1}

/* Raise desktop hero copy alongside the upper part of the facility scene. */
@media(min-width:1101px){.hero>.hero-copy{align-self:start;padding-top:clamp(80px,7vw,104px)}}