/* The reference's diagonal entrance, adapted to the existing AI network. */
.custom-agent-page .agent-hero {
  background-image: none;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  background-color: #07182c;
}

.agent-hero::before,
.agent-hero::after { display: none; }

.custom-agent-page .agent-hero__copy {
  position: relative;
  z-index: 2;
  width: min(90vw, 82rem);
  max-width: none;
  text-align: center;
}

.custom-agent-page .agent-hero h1 {
  max-width: none;
  font-size: clamp(2.7rem, 4.8vw, 5.6rem);
  line-height: 1.04;
  letter-spacing: -0.04em;
  color: #9bdcff;
  animation: hero-copy-arrive 1250ms 100ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.custom-agent-page .agent-hero h1 span { color: inherit; }

.agent-title__line {
  display: block;
  width: max-content;
  max-width: 100%;
  margin-inline: auto;
}

.agent-title__line--short {
  letter-spacing: -0.025em;
}

.agent-title__line--wide {
  margin-top: 0.18em;
  letter-spacing: -0.015em;
  color: #fff !important;
}

.agent-title__rule {
  display: none;
}

.agent-hero__copy > p {
  margin-top: 2.35rem;
  max-width: 42rem;
  margin-right: auto;
  margin-left: auto;
  color: #c7dced !important;
  font-size: clamp(1.08rem, 1.45vw, 1.32rem);
  line-height: 1.62;
  animation: hero-copy-arrive 1250ms 280ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.agent-hero__actions {
  margin-top: 2.75rem;
  gap: 1rem;
  justify-content: center;
  animation: hero-copy-arrive 1100ms 440ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.custom-agent-page .agent-network {
  width: 100%;
  max-width: 680px;
  min-width: 0;
  margin: 0;
  justify-self: center;
  animation: hero-network-arrive 1800ms 150ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* A precision-machined agent core and readable connected tools. */
.agent-hero .agent-core__face {
  inset: 15% 5%;
  border-radius: 28%;
  background: linear-gradient(145deg, #ffffff, #b8d2ee 65%, #6e93be);
  box-shadow: 0 24px 40px #020b1b66, inset 0 2px 0 #fff;
}
.agent-hero .agent-core {
  width: clamp(7.5rem, 9vw, 9rem);
}
.agent-hero .agent-core__face::before {
  border-radius: 24%;
  border-color: #72b9ed;
  background: #071526;
}
.agent-hero .agent-core__eye {
  width: 0.7rem;
  height: 1.2rem;
  border: 0;
  border-radius: 6px;
  background: #a8f1ff;
}
.agent-hero .agent-core__mouth { border-color: #a8f1ff; }
.agent-hero .agent-core__antenna { background: #92c7ec; }
.agent-hero .agent-core:focus-visible { outline: 3px solid #a8f1ff; outline-offset: 6px; }
.agent-hero .tool-node {
  border-radius: 12px;
  background: #f3f7fc;
  color: #10213b;
  box-shadow: 0 12px 25px #020b1b33;
}
.agent-hero .agent-route__base path { stroke: #497da6; stroke-width: 1.6; }
.agent-hero .agent-route__base .agent-route__ambient { stroke: #7da5c3; }
.agent-hero .agent-route__pulse path { stroke: #fff; filter: none; }
.agent-hero .agent-signal { background: #0a5cff; box-shadow: 0 0 0 4px #0a5cff24; }
.agent-hero .agent-core__shadow { background: #020a19; }
.custom-agent-page .agent-hero__copy > p { color: #2f435a; }
.agent-hero .agent-button {
  min-height: 3.7rem;
  border-radius: 12px;
  font-size: 0.9rem;
  padding: 0.65rem 0.8rem 0.65rem 1.3rem;
}
.agent-hero .agent-button--primary { background: #084cdb; box-shadow: 0 9px 18px #084cdb26; }
.agent-hero .agent-button--primary:hover { background: #073aa5; }
.agent-hero .agent-button__icon { border-radius: 8px; }
.agent-hero .agent-button--secondary { background: transparent; border-color: #64748b; }
.agent-hero .agent-button--secondary { border-color: #8eb3cf; color: #fff; }
.agent-hero .agent-button--secondary .agent-button__icon { color: #07182c; background: #d9efff; }
.custom-agent-page .site-header { color: #eaf5ff; }
.custom-agent-page .site-header__cta { color: #07182c; background: #d9efff; }
.custom-agent-page .nav-toggle:hover,
.custom-agent-page .nav-toggle:focus-visible { background: #d9efff1f; }
.agent-hero .agent-button:focus-visible { outline: 3px solid #084cdb; outline-offset: 5px; }
.custom-agent-page .agent-hero h1 .hero-word,
.agent-hero .hero-word {
  display: inline-block;
  color: inherit;
  animation: hero-word-in 1200ms cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: calc(var(--word-index) * 85ms + var(--word-start, 100ms));
}
@keyframes hero-word-in {
  from { opacity: 0; transform: translateY(14px); filter: blur(4px); }
  to { opacity: 1; transform: translateY(0); filter: blur(0); }
}
@media (prefers-reduced-motion: reduce) {
  .agent-hero .hero-word { animation: none; }
}
.is-review-static .agent-hero .hero-word { animation: none; }

.agent-title__line--wide .hero-word {
  animation-name: agent-title-resolve;
  animation-duration: 950ms;
  animation-delay: calc(420ms + var(--word-index) * 170ms);
}

@keyframes agent-title-resolve {
  from { opacity: 0.08; filter: blur(12px); transform: translateY(7px); }
  to { opacity: 1; filter: blur(0); transform: translateY(0); }
}

@keyframes hero-panel-arrive {
  from { transform: translateX(85%); opacity: 0.2; }
  to { transform: translateX(0); opacity: 1; }
}

@keyframes hero-network-arrive {
  from { transform: translateX(90px); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

@keyframes hero-copy-arrive {
  from { transform: translateY(12px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

@keyframes hero-rule-arrive {
  from { opacity: 0; transform: scaleX(0); }
  to { opacity: 1; transform: scaleX(1); }
}

@media (max-width: 980px) {
  .custom-agent-page .agent-hero { grid-template-columns: minmax(0, 1fr); }
  .agent-hero::before,
  .agent-hero::after { display: none; }
  .custom-agent-page .agent-network { max-width: 540px; }
  .custom-agent-page .agent-network::before {
    content: "";
    position: absolute;
    inset: -1rem;
    background: #dcebf8;
    z-index: -1;
    border-radius: 20px;
  }
}

@media (max-width: 560px) {
  .custom-agent-page .agent-hero__copy {
    width: min(100%, 22rem);
    padding-inline: 0.35rem;
  }

  .custom-agent-page .agent-hero h1 {
    max-width: 20rem;
    margin-inline: auto;
    font-size: clamp(1.85rem, 8vw, 2.1rem);
    line-height: 1.08;
  }

  .agent-title__line {
    width: auto;
  }

  .agent-hero__copy > p {
    max-width: 19rem;
    font-size: 0.96rem;
    line-height: 1.55;
  }

  .agent-hero .hero-word {
    animation: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .agent-hero::before,
  .agent-hero::after,
  .agent-title__rule,
  .custom-agent-page .agent-hero h1,
  .agent-hero__copy > p,
  .agent-hero__actions,
  .custom-agent-page .agent-network { animation: none; }
}

.is-review-static .agent-hero::before,
.is-review-static .agent-hero h1,
.is-review-static .agent-hero__copy > p,
.is-review-static .agent-hero__actions,
.is-review-static .agent-network { animation: none; }