/* Hub v235: desktop-only 3D virtual office with live, sequential job couriers. */

.hub-office-simulation-v235,
.hub-office-route-v235,
.hub-office-marker-v235,
.hub-office-courier-v235,
.hub-office-motion-toggle-v235 {
  display: none;
}

.hub-office-controls-v235 {
  display: contents;
}

@media (min-width: 1024px) {
  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .hub-department-stage-v228 {
    box-sizing: border-box;
    width: min(100%, 1350px);
    min-height: 520px;
    max-height: 760px;
    aspect-ratio: 16 / 9;
    margin-inline: auto;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(94, 119, 147, .34);
    border-radius: 24px;
    background:
      linear-gradient(180deg, rgba(255, 250, 244, .03), rgba(34, 60, 87, .06)),
      url("/assets/hub-command-office-departments-v235.webp") center / cover no-repeat;
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, .58),
      inset 0 -54px 78px rgba(38, 49, 66, .08),
      0 24px 58px rgba(31, 54, 79, .18);
    isolation: isolate;
  }

  /* v235 supersedes the old animated overlay without changing its source files. */
  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .hub-office-simulation-v231,
  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .hub-office-notice-v231,
  .hub-office-simulation-ready-v235 .hub-office-controls-v231 {
    display: none !important;
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-heading {
    position: absolute;
    z-index: 12;
    top: 12px;
    right: auto;
    left: 50%;
    display: flex;
    width: 278px;
    max-width: calc(100% - 32px);
    min-height: 44px;
    margin: 0;
    padding: 7px 13px;
    transform: translateX(-50%);
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .78);
    border-radius: 15px;
    background: rgba(255, 252, 248, .84);
    box-shadow: 0 8px 20px rgba(28, 48, 72, .13), inset 0 1px 0 rgba(255, 255, 255, .84);
    color: #193653;
    text-align: center;
    text-shadow: none;
    backdrop-filter: blur(10px) saturate(1.08);
    pointer-events: none;
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-heading .eyebrow,
  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-heading > span {
    display: none;
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-heading h2 {
    margin: 0;
    color: #193653;
    font-size: 14px;
    font-weight: 950;
    line-height: 1.15;
    letter-spacing: .01em;
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-heading {
    display: none;
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-grid {
    position: absolute;
    z-index: 10;
    inset: 0;
    display: block;
    min-height: 0;
    pointer-events: none;
  }

  /* Existing department cards become small clickable glass signs around the rooms. */
  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-card {
    position: absolute;
    box-sizing: border-box;
    width: 150px;
    min-width: 0;
    max-width: 150px;
    height: 50px;
    min-height: 0;
    max-height: 52px;
    margin: 0;
    padding: 6px 6px 6px 39px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .84);
    border-top: 3px solid var(--accent, #367fc6);
    border-radius: 13px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .91), rgba(239, 247, 255, .78));
    box-shadow:
      0 10px 22px rgba(23, 47, 73, .19),
      inset 0 1px 0 rgba(255, 255, 255, .9);
    color: #173550;
    backdrop-filter: blur(11px) saturate(1.08);
    transform: translateZ(0);
    transform-origin: 50% 100%;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
    pointer-events: auto;
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-card:hover,
  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-card:focus-visible,
  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-card:focus-within {
    z-index: 15;
    transform: translateY(-3px) scale(1.015);
    border-color: rgba(255, 255, 255, .98);
    box-shadow:
      0 15px 28px rgba(21, 48, 77, .24),
      0 0 0 3px rgba(68, 143, 218, .16),
      inset 0 1px 0 #fff;
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-card:nth-child(1) {
    top: 8%;
    right: auto;
    bottom: auto;
    left: 1.5%;
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-card:nth-child(2) {
    top: 8%;
    right: 1.5%;
    bottom: auto;
    left: auto;
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-card:nth-child(3) {
    top: auto;
    right: 1.5%;
    bottom: 5%;
    left: auto;
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-card:nth-child(4) {
    top: auto;
    right: auto;
    bottom: 5%;
    left: 1.5%;
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-card:nth-child(5) {
    top: 42%;
    right: auto;
    bottom: auto;
    left: 1.5%;
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-card:nth-child(6) {
    top: 42%;
    right: 1.5%;
    bottom: auto;
    left: auto;
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-card > .primary-icon {
    position: absolute;
    top: 10px;
    left: 8px;
    display: grid;
    width: 26px;
    height: 26px;
    margin: 0;
    padding: 0;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 10px;
    background: color-mix(in srgb, var(--accent, #397fc4) 18%, rgba(255, 255, 255, .92));
    box-shadow: 0 5px 11px rgba(27, 56, 85, .12);
    color: color-mix(in srgb, var(--accent, #286db2) 78%, #17324e);
    font-size: 8px;
    font-weight: 950;
    line-height: 1;
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-card > small,
  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-card > p,
  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-card > b,
  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-access-label,
  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .hub-office-notice-v231 {
    display: none !important;
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-card > h3 {
    display: -webkit-box;
    margin: 3px 0 0;
    padding: 0;
    overflow: hidden;
    color: #173550;
    font-size: 10px;
    font-weight: 950;
    line-height: 1.25;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-revenue-partner {
    width: 150px;
    min-width: 0;
    max-width: 150px;
    height: 50px;
    min-height: 0;
    max-height: 52px;
    padding-right: 60px;
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-revenue-partner > h3 {
    margin-top: 2px;
    padding: 0;
    font-size: 8px;
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-revenue-partner .revenue-partner-links {
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 4px;
    left: auto;
    display: grid;
    width: 54px;
    padding: 0;
    grid-template-columns: 1fr;
    gap: 3px;
    pointer-events: auto;
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-revenue-partner .revenue-partner-links a {
    display: grid;
    width: auto;
    min-width: 0;
    min-height: 0;
    height: 19px;
    padding: 2px 4px;
    place-items: center;
    border: 1px solid rgba(63, 119, 176, .18);
    border-radius: 7px;
    background: rgba(241, 248, 255, .88);
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-revenue-partner .revenue-partner-links strong {
    overflow: hidden;
    font-size: 7px;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-revenue-partner .revenue-partner-links span {
    display: none;
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .hub-department-core-v228 {
    display: none;
  }

  .hub-department-floor-v228:not(.is-map-hidden) .hub-office-simulation-v235 {
    position: absolute;
    z-index: 8;
    inset: 0;
    display: block;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none;
  }

  .hub-office-simulation-v235::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 7% 7%;
    border-radius: 42%;
    background: radial-gradient(circle at 50% 54%, rgba(255, 255, 255, .18), transparent 58%);
    opacity: .78;
    animation: hub-office-ambient-v235 7s ease-in-out infinite;
  }

  .hub-office-route-v235 {
    --route-color-v235: 48, 129, 203;
    position: absolute;
    z-index: 1;
    display: block;
    height: 3px;
    border-radius: 999px;
    background: repeating-linear-gradient(
      90deg,
      rgba(var(--route-color-v235), .08) 0 5px,
      rgba(var(--route-color-v235), .72) 5px 12px,
      transparent 12px 18px
    );
    background-size: 36px 100%;
    filter: drop-shadow(0 2px 2px rgba(19, 53, 84, .18));
    opacity: .7;
    transform-origin: 0 50%;
    animation: hub-office-route-dash-v235 2.2s linear infinite;
  }

  .hub-office-route-v235::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -2px;
    width: 7px;
    height: 7px;
    transform: translateY(-50%) rotate(45deg);
    border-top: 2px solid rgba(var(--route-color-v235), .8);
    border-right: 2px solid rgba(var(--route-color-v235), .8);
  }

  .hub-office-route-v235[data-flow="graphic-production"],
  .hub-office-route-v235.is-graphic-production-v235,
  .hub-office-route-v235.is-to-production-v235 {
    top: 31%;
    left: 28%;
    width: 43%;
    transform: rotate(-1deg);
  }

  .hub-office-route-v235[data-flow="production-shipping"],
  .hub-office-route-v235.is-production-shipping-v235,
  .hub-office-route-v235.is-to-shipping-v235 {
    --route-color-v235: 223, 143, 36;
    top: 35%;
    left: 78%;
    width: 30%;
    transform: rotate(82deg);
  }

  .hub-office-route-v235[data-flow="shipping-delivery"],
  .hub-office-route-v235.is-shipping-delivery-v235,
  .hub-office-route-v235.is-to-delivery-v235 {
    --route-color-v235: 31, 156, 130;
    top: 74%;
    left: 76%;
    width: 28%;
    transform: rotate(154deg);
  }

  .hub-office-marker-v235 {
    position: absolute;
    z-index: 3;
    display: inline-flex;
    box-sizing: border-box;
    width: 64px;
    max-width: 64px;
    height: 28px;
    max-height: 28px;
    padding: 3px 5px 3px 3px;
    transform: translate(-50%, -50%);
    align-items: center;
    gap: 3px;
    border: 1px solid rgba(255, 255, 255, .82);
    border-radius: 999px;
    background: rgba(252, 253, 255, .84);
    box-shadow: 0 6px 14px rgba(22, 46, 72, .16), inset 0 1px 0 rgba(255, 255, 255, .86);
    color: #183751;
    backdrop-filter: blur(8px) saturate(1.08);
    animation: hub-office-marker-bob-v235 4.2s ease-in-out infinite;
    pointer-events: none;
  }

  .hub-office-marker-icon-v235 {
    display: grid;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    place-items: center;
    border-radius: 50%;
    background: rgba(221, 239, 255, .9);
    font-size: 10px;
    line-height: 1;
  }

  .hub-office-marker-label-v235 {
    min-width: 0;
    overflow: hidden;
    font-size: 8px;
    font-weight: 950;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .hub-office-marker-v235[data-office-department="graphic"],
  .hub-office-marker-v235.is-graphic-v235 { top: 27%; left: 27%; animation-delay: -.4s; }
  .hub-office-marker-v235[data-office-department="production"],
  .hub-office-marker-v235.is-production-v235 { top: 26%; left: 73%; animation-delay: -1.1s; }
  .hub-office-marker-v235[data-office-department="shipping"],
  .hub-office-marker-v235.is-shipping-v235 { top: 72%; left: 73%; animation-delay: -1.8s; }
  .hub-office-marker-v235[data-office-department="revenue"],
  .hub-office-marker-v235.is-revenue-v235 { top: 71%; left: 27%; animation-delay: -2.5s; }
  .hub-office-marker-v235[data-office-department="adpilot"],
  .hub-office-marker-v235.is-adpilot-v235 { top: 49%; left: 27%; animation-delay: -3.2s; }
  .hub-office-marker-v235[data-office-department="claims"],
  .hub-office-marker-v235.is-claims-v235 { top: 49%; left: 73%; animation-delay: -3.8s; }

  .hub-office-courier-v235 {
    --courier-accent-v235: #377fc7;
    position: absolute;
    z-index: 6;
    display: block;
    width: 76px;
    height: 106px;
    opacity: 0;
    transform: translate(-50%, -50%);
    filter: drop-shadow(0 9px 7px rgba(15, 36, 57, .2));
    will-change: top, left, opacity, transform;
    pointer-events: none;
  }

  .hub-office-courier-v235[data-tone="amber"] { --courier-accent-v235: #dd8d27; }
  .hub-office-courier-v235[data-tone="teal"] { --courier-accent-v235: #249e86; width: 88px; }

  .hub-office-courier-v235[data-flow="graphic-production"],
  .hub-office-courier-v235.is-graphic-production-v235,
  .hub-office-courier-v235.is-to-production-v235 {
    top: 31%;
    left: 27%;
    animation: hub-office-walk-to-production-v235 24s linear infinite;
  }

  .hub-office-courier-v235[data-flow="production-shipping"],
  .hub-office-courier-v235.is-production-shipping-v235,
  .hub-office-courier-v235.is-to-shipping-v235 {
    top: 32%;
    left: 73%;
    animation: hub-office-walk-to-shipping-v235 24s linear infinite;
  }

  .hub-office-courier-v235[data-flow="shipping-delivery"],
  .hub-office-courier-v235.is-shipping-delivery-v235,
  .hub-office-courier-v235.is-to-delivery-v235 {
    top: 72%;
    left: 73%;
    animation: hub-office-walk-to-delivery-v235 24s linear infinite;
  }

  .hub-office-courier-shell-v235 {
    position: absolute;
    z-index: 2;
    inset: 0;
    display: block;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    transform-origin: 50% 100%;
    animation: hub-office-courier-step-v235 .72s ease-in-out infinite alternate;
  }

  .hub-office-courier-v235[data-flow="graphic-production"] .hub-office-courier-shell-v235,
  .hub-office-courier-v235.is-graphic-production-v235 .hub-office-courier-shell-v235 {
    background-image: url("/assets/hub-office-courier-graphic-v235.webp");
  }

  .hub-office-courier-v235[data-flow="production-shipping"] .hub-office-courier-shell-v235,
  .hub-office-courier-v235.is-production-shipping-v235 .hub-office-courier-shell-v235 {
    background-image: url("/assets/hub-office-courier-production-v235.webp");
  }

  .hub-office-courier-v235[data-flow="shipping-delivery"] .hub-office-courier-shell-v235,
  .hub-office-courier-v235.is-shipping-delivery-v235 .hub-office-courier-shell-v235 {
    background-image: url("/assets/hub-office-courier-shipping-v235.webp");
  }

  /* Generated character sprites already contain the person and work parcel/cart. */
  .hub-office-courier-shadow-v235,
  .hub-office-courier-legs-v235,
  .hub-office-courier-body-v235,
  .hub-office-courier-arm-v235,
  .hub-office-courier-head-v235,
  .hub-office-courier-package-v235 {
    display: none;
  }

  .hub-office-speech-v235 {
    position: absolute;
    z-index: 8;
    top: -38px;
    left: 52px;
    display: grid;
    box-sizing: border-box;
    width: 150px;
    min-height: 48px;
    padding: 6px 7px 6px 8px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas:
      "kicker kicker kicker"
      "label count unit";
    align-items: center;
    column-gap: 3px;
    border: 1px solid rgba(255, 255, 255, .9);
    border-radius: 12px 12px 12px 4px;
    background: rgba(255, 255, 255, .93);
    box-shadow: 0 8px 18px rgba(20, 45, 69, .2), inset 0 1px 0 rgba(255, 255, 255, .95);
    color: #18364f;
    backdrop-filter: blur(9px) saturate(1.08);
    animation: hub-office-speech-breathe-v235 3s ease-in-out infinite;
  }

  .hub-office-speech-v235::after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 11px;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    border-right: 1px solid rgba(255, 255, 255, .9);
    border-bottom: 1px solid rgba(255, 255, 255, .9);
    background: inherit;
  }

  .hub-office-courier-v235[data-flow="production-shipping"] .hub-office-speech-v235,
  .hub-office-courier-v235[data-flow="shipping-delivery"] .hub-office-speech-v235 {
    right: 58px;
    left: auto;
    border-radius: 12px 12px 4px 12px;
  }

  .hub-office-courier-v235[data-flow="production-shipping"] .hub-office-speech-v235::after,
  .hub-office-courier-v235[data-flow="shipping-delivery"] .hub-office-speech-v235::after {
    right: 12px;
    left: auto;
  }

  .hub-office-speech-kicker-v235 {
    grid-area: kicker;
    min-width: 0;
    overflow: hidden;
    color: var(--courier-accent-v235);
    font-size: 7px;
    font-weight: 950;
    line-height: 1.2;
    letter-spacing: .015em;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .hub-office-speech-label-v235 {
    grid-area: label;
    min-width: 0;
    overflow: hidden;
    font-size: 9px;
    font-weight: 900;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .hub-office-speech-count-v235 {
    grid-area: count;
    min-width: 18px;
    padding: 2px 4px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--courier-accent-v235) 15%, #fff);
    color: color-mix(in srgb, var(--courier-accent-v235) 82%, #19334c);
    font-size: 11px;
    font-weight: 950;
    line-height: 1;
    text-align: center;
    font-variant-numeric: tabular-nums;
  }

  .hub-office-speech-unit-v235 {
    grid-area: unit;
    color: #607286;
    font-size: 7px;
    font-weight: 850;
  }

  .hub-office-speech-v235[data-tone="clear"] .hub-office-speech-count-v235 {
    background: #e2f6ee;
    color: #197357;
  }

  .hub-office-speech-v235[data-tone="unavailable"] {
    border-style: dashed;
    opacity: .78;
  }

  .hub-office-delivered-v235 {
    position: absolute;
    top: -8px;
    right: -7px;
    padding: 3px 6px;
    border: 1px solid rgba(255, 255, 255, .86);
    border-radius: 999px;
    background: #249d79;
    box-shadow: 0 4px 10px rgba(20, 94, 73, .22);
    color: #fff;
    font-size: 7px;
    font-style: normal;
    font-weight: 950;
    line-height: 1;
    animation: hub-office-delivered-pop-v235 2.8s ease-in-out infinite;
  }

  .hub-office-simulation-v235[data-workflow-state="loading"] .hub-office-courier-v235,
  .hub-office-simulation-v235[data-workflow-state="unavailable"] .hub-office-courier-v235 {
    filter: grayscale(.16) drop-shadow(0 9px 7px rgba(15, 36, 57, .18));
  }

  .hub-office-simulation-v235.is-paused-v235,
  .hub-office-simulation-v235.is-paused-v235 *,
  .hub-department-floor-v228.is-office-motion-paused-v235 .hub-office-simulation-v235,
  .hub-department-floor-v228.is-office-motion-paused-v235 .hub-office-simulation-v235 * {
    animation-play-state: paused !important;
  }

  .hub-office-controls-v235 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-left: auto;
  }

  .hub-department-floor-v228:not(.is-map-hidden) .hub-office-motion-toggle-v235 {
    display: inline-flex;
    min-height: 42px;
    padding: 0 12px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(46, 112, 176, .26);
    border-radius: 12px;
    background: color-mix(in srgb, var(--surface) 90%, #e3f0ff);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75);
    color: #285f98;
    font: inherit;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
    white-space: nowrap;
  }

  .hub-office-motion-toggle-v235[aria-pressed="true"] {
    border-color: rgba(40, 145, 107, .32);
    background: color-mix(in srgb, var(--surface) 84%, #dcf6ec);
    color: #196b52;
  }

  .hub-office-motion-toggle-v235:focus-visible {
    outline: 3px solid rgba(55, 137, 220, .32);
    outline-offset: 3px;
  }

  /* Map-hidden is the original card layout, not a second office overlay. */
  .hub-office-simulation-ready-v235 .hub-department-floor-v228.is-map-hidden .hub-department-stage-v228 {
    width: 100%;
    min-height: 0;
    max-height: none;
    aspect-ratio: auto;
    margin: 0;
    padding: 0;
    overflow: visible;
    border: 0;
    background: none;
    box-shadow: none;
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228.is-map-hidden .hub-office-simulation-v235,
  .hub-office-simulation-ready-v235 .hub-department-floor-v228.is-map-hidden .hub-office-motion-toggle-v235 {
    display: none !important;
  }

  html[data-dark="true"] .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-heading,
  html[data-dark="true"] .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-card,
  html[data-dark="true"] .hub-office-speech-v235,
  html[data-dark="true"] .hub-office-marker-v235 {
    border-color: rgba(166, 204, 235, .34);
    background: rgba(11, 30, 51, .86);
    color: #edf7ff;
    box-shadow: 0 10px 24px rgba(3, 15, 29, .32), inset 0 1px 0 rgba(255, 255, 255, .08);
  }

  html[data-dark="true"] .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-heading h2,
  html[data-dark="true"] .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-card > h3 {
    color: #edf7ff;
  }

  html[data-dark="true"] .hub-office-marker-icon-v235,
  html[data-dark="true"] .hub-office-speech-count-v235 {
    background: rgba(80, 145, 202, .22);
    color: #d9efff;
  }

  html[data-dark="true"] .hub-office-speech-unit-v235 {
    color: #a7bad0;
  }
}

@keyframes hub-office-ambient-v235 {
  0%, 100% { opacity: .58; transform: scale(.98); }
  50% { opacity: .82; transform: scale(1.02); }
}

@keyframes hub-office-route-dash-v235 {
  from { background-position: 0 0; }
  to { background-position: 36px 0; }
}

@keyframes hub-office-marker-bob-v235 {
  0%, 100% { transform: translate(-50%, -50%) translateY(0); }
  50% { transform: translate(-50%, -50%) translateY(-3px); }
}

@keyframes hub-office-courier-step-v235 {
  from { transform: translateY(0) rotate(-.7deg); }
  to { transform: translateY(-3px) rotate(.7deg); }
}

@keyframes hub-office-speech-breathe-v235 {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}

@keyframes hub-office-delivered-pop-v235 {
  0%, 72%, 100% { transform: scale(1); }
  80% { transform: scale(1.08); }
  88% { transform: scale(1); }
}

/* One 24-second loop reads as a clear three-step hand-off. */
@keyframes hub-office-walk-to-production-v235 {
  0% { top: 31%; left: 25%; opacity: 0; transform: translate(-50%, -50%) scale(.92); }
  3% { opacity: 1; }
  13% { top: 34%; left: 43%; opacity: 1; transform: translate(-50%, -50%) scale(1); }
  26% { top: 31%; left: 71%; opacity: 1; transform: translate(-50%, -50%) scale(1); }
  29%, 100% { top: 31%; left: 73%; opacity: 0; transform: translate(-50%, -50%) scale(.96); }
}

@keyframes hub-office-walk-to-shipping-v235 {
  0%, 29% { top: 31%; left: 73%; opacity: 0; transform: translate(-50%, -50%) scale(.94); }
  33% { opacity: 1; }
  44% { top: 48%; left: 76%; opacity: 1; transform: translate(-50%, -50%) scale(1); }
  58% { top: 69%; left: 73%; opacity: 1; transform: translate(-50%, -50%) scale(1); }
  61%, 100% { top: 72%; left: 73%; opacity: 0; transform: translate(-50%, -50%) scale(.96); }
}

@keyframes hub-office-walk-to-delivery-v235 {
  0%, 61% { top: 72%; left: 73%; opacity: 0; transform: translate(-50%, -50%) scale(.94); }
  65% { opacity: 1; }
  77% { top: 77%; left: 63%; opacity: 1; transform: translate(-50%, -50%) scale(1); }
  90% { top: 82%; left: 51%; opacity: 1; transform: translate(-50%, -50%) scale(1); }
  94%, 100% { top: 84%; left: 49%; opacity: 0; transform: translate(-50%, -50%) scale(.96); }
}

@media (max-width: 700px) {
  .hub-office-simulation-v235,
  .hub-office-route-v235,
  .hub-office-marker-v235,
  .hub-office-courier-v235,
  .hub-office-controls-v235,
  .hub-office-motion-toggle-v235 {
    display: none !important;
    animation: none !important;
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228 .hub-department-stage-v228 {
    min-height: 0;
    max-height: none;
    aspect-ratio: auto;
    background-image: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hub-office-simulation-v235,
  .hub-office-simulation-v235 *,
  .hub-office-route-v235,
  .hub-office-marker-v235,
  .hub-office-courier-v235,
  .hub-office-delivered-v235 {
    animation: none !important;
  }

  .hub-office-motion-toggle-v235 {
    display: none !important;
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-card {
    transition: none !important;
  }

  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-card:hover,
  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-card:focus-visible,
  .hub-office-simulation-ready-v235 .hub-department-floor-v228:not(.is-map-hidden) .primary-card:focus-within {
    transform: none !important;
  }
}