*{box-sizing:border-box}html,body{margin:0;padding:0;background:transparent}body{font-family:Georgia,serif;-webkit-font-smoothing:antialiased} .symphony{display:block;width:100%;margin:0 auto;max-width:1774px;background:transparent} .symphony__canvas{position:relative;width:100%;aspect-ratio:1774/887;isolation:isolate;background:transparent;overflow:hidden} .slides,.hotspots{position:absolute;inset:0}.slides{pointer-events:none}.slide{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;opacity:0;visibility:hidden;transition:none}.slide.is-current{opacity:1;visibility:visible}.hotspots{pointer-events:none}.hotspot{pointer-events:auto;position:absolute;display:block;background:transparent;border:0;margin:0;padding:0;cursor:pointer;border-radius:4px;font-size:0;color:transparent;-webkit-tap-highlight-color:transparent}.hotspot:focus-visible{outline:3px solid #04a6c5;outline-offset:2px;background:rgba(255,246,203,.25);box-shadow:0 0 0 4px rgba(12,58,63,.22);z-index:8}.hotspot:hover:not(.hotspot--mark){background:rgba(247,205,117,.12);box-shadow:inset 0 0 0 2px rgba(181,114,36,.45)}.hotspot--mark{display:grid;place-items:center;overflow:visible;border-radius:50%;background:#f0ead9;border:1.5px solid #956e41;box-shadow:0 1px 3px #09152180,inset 0 0 0 1px #fff8;font-family:Arial,sans-serif;font-weight:800;color:#0e3143;line-height:1;transition:background .15s ease}.hotspot--mark[data-selected="true"]{background:radial-gradient(circle at 32% 22%,#5aa791,#006b58 75%);border:2px solid #dcb567;color:#fff;box-shadow:0 1px 4px #00150caa,0 0 0 2px #e6ce8ba8;text-shadow:0 1px 1px #052717}.hotspot--mark:hover{filter:brightness(1.1)}.hotspot--mark .symbol{font-size:clamp(9px,1.45vw,26px)}.hotspot--bottom .symbol{font-size:clamp(9px,1.28vw,22px)}.hotspot--left .symbol,.hotspot--right .symbol{font-size:clamp(10px,1.35vw,23px)}.hotspot--learn{border-radius:9px}.hotspot--reset{border-radius:9px}.symphony__canvas[data-page="map"]{cursor:default}@media(prefers-reduced-motion:reduce){.slide,.hotspot--mark{transition:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Selected-services summary replaces the baked default Workflows tile only when the user removes Workflows. */
.selection-card-overlay{pointer-events:none;position:absolute;background:#f5eee2;border:1px solid #ccb999;border-radius:7px;box-shadow:inset 0 1px 3px #fff9,0 1px 3px #916a442e;overflow:hidden;padding:.45% .7%;font-family:Georgia,serif;color:#182942;display:flex;flex-direction:column;justify-content:center;gap:2px}
.selection-card-overlay__title{font-size:clamp(8px,1.05vw,18px);font-weight:bold;color:#002d3d}
.selection-card-overlay__items{display:flex;flex-wrap:wrap;gap:3px 8px}
.selection-card-overlay__chip{font-size:clamp(7px,.83vw,14px);white-space:nowrap;color:#133b3e}
.selection-card-overlay__chip::before{content:'✓';color:#087965;font-weight:bold;margin-right:3px}
@media(max-width:700px){.selection-card-overlay{padding:0 3px}.selection-card-overlay__items{gap:0 3px}}

/* On narrow devices, preserve legibility with horizontal scrolling INSIDE the iframe
   rather than shrinking a 1774px information graphic to illegible phone text. */
@media (max-width:800px){
  .symphony{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;max-width:none}
  .symphony__canvas{width:900px;min-width:900px}
  .hotspot--mark .symbol{font-size:14px}
  .hotspot--bottom .symbol{font-size:11px}
}