/* Dimensional direction artwork, scoped to the replacement visual areas. */
.volume-scene{position:relative;isolation:isolate;width:100%;aspect-ratio:460/330;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;perspective:800px;--motion:running}
.volume-svg{display:block;width:100%;height:calc(100% - 27px);overflow:visible;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .4s ease;transform-origin:50% 50%}.volume-object{filter:drop-shadow(0 7px 5px #4a326329)}
.volume-labels{position:absolute;inset:auto 8px 8px;display:flex;gap:5px;justify-content:center}.volume-labels span{font-size:16px;line-height:1.3;padding:5px 8px;border:0;border-radius:20px;color:#554168;background:#f8f3ffc9;box-shadow:0 3px 8px #45305b09;white-space:nowrap}
.volume-operations .volume-labels span{background:#443650;color:#f0e6ff;border-color:#8d769e}
.v-float{animation:volume-float 7s ease-in-out infinite;animation-play-state:var(--motion)}.v-drift{animation:volume-drift 9s ease-in-out infinite;animation-play-state:var(--motion)}.v-rise{animation:volume-rise 7s ease-in-out infinite;animation-play-state:var(--motion)}.v-signal{animation:volume-signal 5s linear infinite;animation-play-state:var(--motion)}.v-delay-1{animation-delay:-2.4s}.v-delay-2{animation-delay:-4.7s}
.volume-scene.is-outside,html.volume-paused .volume-scene,html.volume-hidden .volume-scene{--motion:paused}
.sales-page .direction-grid-symmetric .direction-art.volume-scene{height:215px;flex-basis:215px;margin:12px 0 18px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.sales-page .direction-grid-symmetric>.direction-card{min-height:500px}.trust-scene-panel .volume-scene{aspect-ratio:460/330;min-height:240px}.trust-scene-panel .volume-labels span{font-size:16px;padding:6px 10px}
.motion-controls{display:flex;justify-content:flex-end;margin-top:12px}.motion-toggle{border:0;background:transparent;border-radius:20px;padding:9px 15px;font-size:16px;min-height:36px;color:var(--muted)}.motion-toggle:hover{background:#eee6f6}.motion-toggle[aria-pressed=true]{color:var(--purple)}
@keyframes volume-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes volume-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(4px,-7px)}}
@keyframes volume-rise{0%,100%{transform:translateY(3px)}50%{transform:translateY(-7px)}}
@keyframes volume-signal{to{stroke-dashoffset:-152}}
@media(max-width:1000px){.sales-page .direction-grid-symmetric .direction-art.volume-scene{height:220px;flex-basis:220px}.trust-scene-panel .volume-labels{gap:3px;inset:auto 4px 8px}.trust-scene-panel .volume-labels span{font-size:16px;padding:5px 6px}}
@media(max-width:600px){.sales-page .direction-grid-symmetric .direction-art.volume-scene{height:215px;flex-basis:215px}.sales-page .direction-grid-symmetric>.direction-card{min-height:490px}.trust-scene-panel .volume-scene{min-height:220px}.volume-labels span{font-size:16px}.motion-toggle{min-height:44px}.volume-svg{transition:none}.trust-scene-panel .volume-labels span{font-size:16px}}
@media(prefers-reduced-motion:reduce){.volume-scene *{animation:none!important}.volume-svg{transform:none!important;transition:none}.motion-controls{display:none}}
/* Block 01 on the AI and automation landing page. */
.sales-hero:has(.volume-operations) {
  --muted: #d3cadf;
  --purple: #c5b1eb;
  color: #faf7ff;
  background: var(--night);
  border-radius: 24px;
  padding: clamp(20px, 4vw, 52px);
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: clamp(22px, 4vw, 52px);
}
.sales-hero:has(.volume-operations) :is(.eyebrow, .text-link, .serif-accent) { color: #c5b1eb; }
.sales-hero:has(.volume-operations) .serif-accent::after { border-color: #ac9be9; }
.sales-hero:has(.volume-operations) :is(.hero-lead, .fine, .landing-meta span, .offer-panel p) { color: #d3cadf; }
.sales-hero:has(.volume-operations) .button.primary {
  color: #25212f;
  background: #c3adeb;
  box-shadow: none;
}
.sales-hero:has(.volume-operations) .button.primary:hover { background: #dbcbf5; }
.sales-hero:has(.volume-operations) :is(a, button):focus-visible { outline: 2px solid #faf7ff; outline-offset: 4px; }
.sales-hero .offer-panel:has(.volume-operations) {
  background: #ffffff05;
  border-color: #ffffff24;
  box-shadow: none;
  border-radius: 18px;
}
@media (max-width: 760px) {
  .sales-hero:has(.volume-operations) { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 380px) {
  .sales-hero .volume-operations .volume-labels span { font-size:16px; padding-inline: 5px; }
}