/* Interactive office topology. Loaded only on the home page. */
.office-map-visual{isolation:isolate;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-alt) 90%,#e7eaed),color-mix(in srgb,var(--surface) 96%,#dce2e6));border:1px solid var(--border);border-radius:16px;overflow:hidden}
.office-zones{pointer-events:none}.office-zone{color:#6f7881;transition:opacity .25s,filter .25s}.office-zone polygon,.office-zone circle{fill:currentColor;fill-opacity:.055;stroke:currentColor;stroke-opacity:.24;stroke-width:1.2;stroke-dasharray:5 8}.office-zone text{fill:#e9eef0;fill-opacity:.68;font:700 10px/1 Arial,sans-serif;letter-spacing:.11em;text-anchor:middle}.office-zone[data-office-zone=endpoints]{color:#687786}.office-zone[data-office-zone=collaboration]{color:#7a6f82}.office-zone[data-office-zone=core]{color:#566b7d}.office-zone[data-office-zone=wireless]{color:#77818a}.office-zone.is-lit{filter:drop-shadow(0 0 7px color-mix(in srgb,#e30613 50%,transparent))}.office-zone.is-lit polygon,.office-zone.is-lit circle{fill:#e30613;fill-opacity:.08;stroke:#e30613;stroke-opacity:.65}.office-zone.is-lit text{fill-opacity:1}
.office-wires{pointer-events:none;fill:none}.office-wires path{--wire-color:#74818b;stroke:var(--wire-color);stroke-width:2;stroke-linecap:round;stroke-dasharray:3 8;opacity:.17;transition:opacity .25s,stroke-width .25s,filter .25s}.office-wires path[data-link=internet]{--wire-color:#8a96a0}.office-wires path[data-link=lan]{--wire-color:#596f83}.office-wires path[data-link=wifi]{--wire-color:#7c8790}.office-wires path[data-link=power]{--wire-color:#cc8a2b}.office-wires path[data-link=poe]{--wire-color:#b16e34}.office-wires path.is-lit{opacity:.96;stroke-width:3.5;stroke-dasharray:none;filter:url(#officeWireGlow)}
.topology-notes{pointer-events:none}.topology-notes text{fill:#ced8dc;font:700 9px/1 Arial,sans-serif;letter-spacing:.11em}
.office-object{transform-box:fill-box;transform-origin:center;transition:opacity .24s,filter .24s}.office-object.is-related{filter:drop-shadow(0 0 5px #80919a)}.office-object.is-lit{filter:drop-shadow(0 0 10px #e30613)}.office-object.is-lit .wifi-waves{opacity:.9}
.office-topology-legend{position:absolute;left:20px;bottom:18px;z-index:4;display:flex;flex-wrap:wrap;gap:7px;padding:8px 10px;border:1px solid #ffffff26;border-radius:8px;background:#101820c4;color:#edf2f4;backdrop-filter:blur(10px)}.office-topology-legend span{display:flex;align-items:center;gap:6px;font-size:9px;line-height:1.2;letter-spacing:.05em}.office-topology-legend span::before{content:'';width:15px;height:2px;background:#74818b}.office-topology-legend [data-legend=lan]::before{background:#71879a}.office-topology-legend [data-legend=wifi]::before{background:#a0aab1;border-top:1px dashed #fff}.office-topology-legend [data-legend=power]::before{background:#cc8a2b}.office-topology-legend [data-legend=poe]::before{background:#b16e34}
.office-hotspot{min-width:40px;min-height:40px;width:40px;height:40px;border-color:#8b949d;background:#fff;color:#242a30;--point:#e30613}.office-hotspot b{font-size:10px}.office-hotspot:hover,.office-hotspot:focus-visible{border-color:var(--point);color:var(--point)}.office-hotspot.is-active{background:var(--point);border-color:var(--point);color:#fff;box-shadow:0 0 0 5px #e3061320,0 12px 28px #17242d35}
@media(prefers-reduced-motion:no-preference){.office-map-visual.scene-staged:not(.scene-entered) .office-hotspot{opacity:0;transform:translate(-50%,-50%) scale(.68)}.office-map-visual.scene-staged:not(.scene-entered) .office-object{opacity:0;transform:translateY(12px) scale(.82)}.office-map-visual.scene-staged:not(.scene-entered) .office-wires path,.office-map-visual.scene-staged:not(.scene-entered) .office-zones text{opacity:0}.office-map-visual.scene-entered:not(.scene-settled) .office-hotspot,.office-map-visual.scene-entered:not(.scene-settled) .office-object{transition-delay:var(--step,0s)}.office-map-visual.scene-entered:not(.scene-settled) .office-wires path{transition-delay:1.12s}.office-map-visual.scene-entered .office-hotspot{transition-property:opacity,transform,background-color,border-color,color,box-shadow;transition-duration:.42s,.52s,.18s,.18s,.18s,.18s}.office-map-visual.scene-entered .office-object{transition:opacity .42s,transform .54s,filter .25s}.office-map-visual.scene-entered .office-wires path{transition-property:opacity,stroke-width,filter;transition-duration:.46s}.office-map-visual.scene-entered .office-zones text{transition:opacity .35s .14s}}
[data-theme=dark] .office-map-visual{background:linear-gradient(145deg,#111820,#19252d)}[data-theme=dark] .office-hotspot{background:#17212a;color:#e7ecef}[data-theme=dark] .office-zone text{fill:#edf2f3}
@media(max-width:650px){.office-map-visual{aspect-ratio:1.15}.office-hotspot{width:42px;height:42px;min-width:42px;min-height:42px}.office-hotspot b{font-size:9px}.office-hotspot>span{font-size:10px}.office-zone text,.topology-notes{display:none}.office-wires path{stroke-width:2.5}.office-topology-legend{left:8px;right:8px;bottom:7px;justify-content:center}.office-topology-legend span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.office-map-visual .office-hotspot,.office-map-visual .office-object,.office-map-visual .office-wires path,.office-map-visual .office-zone{opacity:1!important;transform:none;transition:none!important}.office-map-visual .office-hotspot{transform:translate(-50%,-50%)}.office-wires path.is-lit{filter:none}}