/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/components/agents/agents.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
/* /agents motion layer: pure CSS so sections stay Server Components. Reveals are
   toggled by <AgentsMotion>; markup uses data-reveal + --d (delay). */

:root {
  --ag-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ag-orange: #f87b0f;
}

.agents-page {
  overflow-x: clip;
}

/* anchors clear the sticky nav */
.agents-page [id] {
  scroll-margin-top: 88px;
}

/* ───────── scroll reveal ───────── */
[data-reveal].rv-pre {
  opacity: 0;
}
[data-reveal="up"].rv-pre,
[data-reveal=""].rv-pre {
  translate: 0 32px;
}
[data-reveal="left"].rv-pre {
  translate: -40px 0;
}
[data-reveal="pop"].rv-pre {
  scale: 0.3;
}
[data-reveal="grow"].rv-pre {
  scale: 1 0.2;
  transform-origin: bottom;
}

[data-reveal].rv-run {
  transition:
    opacity 0.8s var(--ag-ease) var(--d, 0ms),
    translate 0.8s var(--ag-ease) var(--d, 0ms),
    scale 0.8s var(--ag-ease) var(--d, 0ms);
  will-change: opacity, translate, scale;
}
[data-reveal="pop"].rv-run {
  transition:
    opacity 0.4s ease var(--d, 0ms),
    scale 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) var(--d, 0ms);
}
[data-reveal="grow"].rv-run {
  transition:
    opacity 0.5s ease var(--d, 0ms),
    scale 0.9s cubic-bezier(0.2, 0.9, 0.2, 1) var(--d, 0ms);
}

/* ───────── hero entrance (CSS-only, runs on load) ───────── */
@keyframes ag-rise {
  from {
    opacity: 0;
    translate: 0 32px;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
@keyframes ag-pop {
  from {
    opacity: 0;
    scale: 0.3;
  }
  to {
    opacity: 1;
    scale: 1;
  }
}
.ag-rise {
  animation: ag-rise 0.8s var(--ag-ease) var(--d, 0ms) both;
}
.ag-pop {
  animation: ag-pop 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) var(--d, 0ms) both;
}

/* ───────── continuous motion ───────── */
@keyframes ag-floatY {
  0%,
  100% {
    translate: 0 0;
  }
  50% {
    translate: 0 -14px;
  }
}
@keyframes ag-floatSm {
  0%,
  100% {
    translate: 0 0;
  }
  50% {
    translate: 0 -8px;
  }
}
@keyframes ag-breathe {
  0%,
  100% {
    scale: 1;
  }
  50% {
    scale: 1.04;
  }
}
@keyframes ag-ripple {
  0% {
    scale: 0.5;
    opacity: 0.9;
  }
  100% {
    scale: 1.35;
    opacity: 0;
  }
}
@keyframes ag-map-ripple {
  0% {
    scale: 0.4;
    opacity: 1;
  }
  100% {
    scale: 1.6;
    opacity: 0;
  }
}
@keyframes ag-pin-bob {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@keyframes ag-glow {
  0%,
  100% {
    box-shadow: 0 0 16px rgba(248, 123, 15, 0.5);
  }
  50% {
    box-shadow: 0 0 36px rgba(248, 123, 15, 1);
  }
}
@keyframes ag-spin {
  to {
    rotate: 360deg;
  }
}

.ag-float {
  animation: ag-floatY 6s ease-in-out var(--d, 0s) infinite;
}
.ag-float-sm {
  animation: ag-floatSm 5s ease-in-out var(--d, 0s) infinite;
}
.ag-float-sm-slow {
  animation: ag-floatSm 6.5s ease-in-out var(--d, 0.8s) infinite;
}
.ag-breathe {
  animation: ag-breathe 9s ease-in-out var(--d, 0s) infinite;
}
.ag-ripple {
  animation: ag-ripple 3.6s ease-out var(--d, 0s) infinite;
}
.ag-glow {
  animation: ag-glow 2.4s ease-in-out infinite;
}
.ag-map-ripple {
  animation: ag-map-ripple 3.6s ease-out var(--d, 0s) infinite;
}
.ag-pin-bob {
  animation: ag-pin-bob 3.6s ease-in-out var(--bob, 0s) infinite;
}
.ag-spin {
  animation: ag-spin 60s linear infinite;
}

/* ───────── hover ───────── */
.ag-hv {
  transition:
    translate 0.3s var(--ag-ease),
    box-shadow 0.3s ease,
    scale 0.3s var(--ag-ease);
}
@media (hover: hover) {
  .ag-hv:hover {
    translate: 0 -6px;
    box-shadow: 0 24px 48px rgba(248, 123, 15, 0.18);
  }
  .ag-hv-fan:hover {
    translate: 0 -16px;
    z-index: 9;
  }
  .ag-hv-pin:hover {
    z-index: 9;
  }
}
@media (hover: hover) and (min-width: 1025px) {
  .ag-hv-pin:hover {
    scale: 1.1;
  }
}

.ag-step {
  transition:
    background-color 0.6s ease,
    border-color 0.6s ease,
    translate 0.3s var(--ag-ease),
    box-shadow 0.3s ease;
}
.ag-step-tile {
  transition:
    background-color 0.6s ease,
    color 0.6s ease;
}

/* ───────── primary CTA (orange fill, lifts + arrow nudge) ───────── */
.ag-btn.ag-btn {
  background-color: var(--ag-orange);
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  transition:
    translate 0.2s ease,
    box-shadow 0.2s ease,
    filter 0.2s ease;
}
.ag-btn.ag-btn svg {
  transition: translate 0.25s ease;
}
@media (hover: hover) {
  .ag-btn.ag-btn:hover {
    translate: 0 -2px;
    filter: brightness(1.08);
    box-shadow: 0 12px 28px rgba(248, 123, 15, 0.32);
  }
  .ag-btn.ag-btn:hover svg {
    translate: 4px 0;
  }
}
.ag-btn.ag-btn:active {
  translate: 0 0;
  filter: brightness(0.96);
}
.ag-btn.ag-btn:focus-visible {
  outline: 2px solid var(--ag-orange);
  outline-offset: 4px;
}

/* ───────── sub-nav ───────── */
.ag-nav-link {
  position: relative;
  color: var(--color-text-primary);
  transition: color 0.2s ease;
}
.ag-nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 2px;
  border-radius: 2px;
  background: var(--ag-orange);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s var(--ag-ease);
}
.ag-nav-link:hover,
.ag-nav-link[aria-current="true"] {
  color: var(--ag-orange);
}
.ag-nav-link:hover::after,
.ag-nav-link[aria-current="true"]::after {
  transform: scaleX(1);
}

/* ───────── Zack widget ───────── */
@keyframes ag-zack-in {
  from {
    opacity: 0;
    translate: 0 16px;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
.ag-zack {
  animation:
    ag-zack-in 0.5s ease 1.2s both,
    ag-floatSm 5s ease-in-out 1.8s infinite;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  [data-reveal].rv-pre {
    opacity: 1 !important;
    translate: none !important;
    scale: none !important;
  }
  [data-reveal].rv-run {
    transition: none !important;
  }
  .ag-rise,
  .ag-pop,
  .ag-float,
  .ag-float-sm,
  .ag-float-sm-slow,
  .ag-breathe,
  .ag-ripple,
  .ag-glow,
  .ag-map-ripple,
  .ag-pin-bob,
  .ag-spin,
  .ag-zack {
    animation: none !important;
  }
}