.feleo-bubble {
  display: inline-block;
  position: relative;
  width: var(--bubble-size, 168px);
  height: var(--bubble-size, 168px);
  flex-shrink: 0;
  vertical-align: middle;
  pointer-events: none;
}
.bubble-float {
  position: absolute;
  inset: 0;
  transform: translateY(0);
}
.feleo-bubble canvas,
.bubble-fallback {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.feleo-bubble canvas {
  opacity: 0;
  transition: opacity 0.4s ease;
}
.feleo-bubble.has-renderer canvas {
  opacity: 1;
}
.bubble-fallback {
  background:
    radial-gradient(
      ellipse at 30% 20%,
      var(--surface) 0%,
      #ffffff50 20%,
      transparent 45%
    ),
    radial-gradient(ellipse at 60% 80%, var(--surface-sunken) 8%, transparent 55%),
    conic-gradient(
      from var(--bubble-angle),
      var(--surface-sunken),
      var(--brand),
      var(--brand),
      var(--surface-sunken),
      var(--brand),
      var(--surface-sunken)
    );
  box-shadow:
    inset 0 0 2px #fff,
    inset -5px -7px 14px #2576ab15;
}
.has-renderer .bubble-fallback {
  opacity: 0;
}
.bubble-shadow {
  position: absolute;
  width: 65%;
  height: 10%;
  left: 17.5%;
  bottom: -14%;
  border-radius: 50%;
  background: radial-gradient(ellipse, #2a65791b, transparent 70%);
  filter: blur(4px);
  transform: scale(0.9);
}
.feleo-bubble[data-motion="true"] .bubble-float {
  animation: feleo-float 7s ease-in-out infinite;
  animation-delay: var(--bubble-delay);
}
.feleo-bubble[data-motion="true"] .bubble-shadow {
  animation: feleo-shadow 7s ease-in-out infinite;
  animation-delay: var(--bubble-delay);
}
@keyframes feleo-float {
  0%,
  100% {
    transform: translateY(2px) rotate(-1deg);
  }
  50% {
    transform: translateY(-5px) rotate(1deg);
  }
}
@keyframes feleo-shadow {
  0%,
  100% {
    opacity: 0.8;
    transform: scale(1);
  }
  50% {
    opacity: 0.45;
    transform: scale(0.8);
  }
}
@media (prefers-reduced-motion: reduce) {
  .feleo-bubble .bubble-float,
  .feleo-bubble .bubble-shadow {
    animation: none !important;
  }
  .feleo-bubble canvas {
    transition: none;
  }
}

.agent-introduction{max-width:1120px;margin:0 auto 90px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:80px;padding:50px 60px;background:var(--surface-sunken);border-radius:18px}
.agent-identity{margin:0;text-align:center}.agent-identity figcaption{margin-top:45px}.agent-identity strong{display:block;font-size:25px;font-weight:500;color:var(--ink)}.agent-identity small{font-size:15px;color:var(--ink-secondary)}.agent-introduction h2{font-size:40px;line-height:1.15;letter-spacing:-1.2px;font-weight:500;margin:0 0 22px}.agent-introduction p{font-size:17px;line-height:1.65;color:var(--body);max-width:430px}.agent-introduction .agent-example-note{font-size:12px;margin-top:24px}
@media(max-width:1200px){.agent-introduction{margin-left:30px;margin-right:30px}}
@media(max-width:700px){.agent-introduction{grid-template-columns:1fr;gap:32px;margin:0 20px 60px;padding:35px 25px}.agent-introduction h2{font-size:32px}.agent-introduction p{font-size:15px}.website-agent-bubble{--bubble-size:200px!important}}