/* ---- AI-Gateway hero: two-column with framed controller field ---- */
.aig-hero {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: clamp(32px, 5vw, 80px);
  align-items: center;
}
.aig-hero .sec-head {
  max-width: none;
}
@media (max-width: 1023px) {
  .aig-hero {
    grid-template-columns: 1fr;
  }
}
.aig-frame {
  position: relative;
  aspect-ratio: 1/1;
  width: 100%;
  background:
    radial-gradient(
      120% 100% at 80% 0%,
      rgba(250, 111, 56, 0.1),
      transparent 55%
    ),
    rgba(6, 28, 48, 0.6);
  border: 1px solid var(--tfg-color-line);
  border-radius: var(--tfg-radius-2xl);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.aig-frame img {
  width: auto;
  height: 82%;
  max-width: 80%;
  object-fit: contain;
  filter: drop-shadow(0 24px 48px rgba(0, 0, 0, 0.45));
}
.aig-frame__cap {
  position: absolute;
  left: 18px;
  bottom: 16px;
  right: 18px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-family: var(--tfg-font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  color: var(--tfg-fg-3);
}