/*
 * QUOTE band (Aurix "#integrations" testimonial card). Values from
 * outline/integrations@1440|1024|390.txt, styles/integrations@*.json and a live probe
 * (image layer radii) — ≥1200 / 810–1199 / ≤809.
 */
.ax-quote { padding-top: 153px; }

.ax-quote__card {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 80px 72px;
}

/* image box: full card height, aspect 1.17935, flush right (left 839.516px of 1240 at 1440) */
.ax-quote__glow,
.ax-quote__media {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  aspect-ratio: 1.17935 / 1;
  overflow: hidden;
  pointer-events: none;
}
.ax-quote__glow img,
.ax-quote__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }

/* blurred copy behind the card — its light spills outside the card edge */
.ax-quote__glow { border-radius: 100%; filter: blur(50px); }
.ax-quote__glow img { border-radius: 100%; }

.ax-quote__bg {
  position: absolute;
  inset: 0;
  border-radius: 16px;
  overflow: hidden;
  background-image: radial-gradient(40% 54% at 0% 0%, rgb(35, 41, 56) 4.95495%, rgb(20, 23, 31) 48.1982%, rgb(12, 14, 19) 100%);
}

/* sharp copy, faded in from the text side */
.ax-quote__media {
  border-radius: 0 16px 16px 0;
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
}
.ax-quote__media img { border-radius: 0 16px 16px 0; }

/* dot texture: 5px pitch, 2px dots, rgb(218,218,218) at .1/.3/.6 — the measured values of
   Aurix's 267.5px texture tile, drawn here as CSS — masked to the top-left corner */
.ax-quote__dots {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45'%3E%3Cg fill='rgb(218,218,218)'%3E%3Ccircle cx='1.125' cy='1.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='6.125' cy='1.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='11.125' cy='1.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='16.125' cy='1.125' r='1' fill-opacity='0.6'/%3E%3Ccircle cx='21.125' cy='1.125' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='26.125' cy='1.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='31.125' cy='1.125' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='36.125' cy='1.125' r='1' fill-opacity='0.6'/%3E%3Ccircle cx='41.125' cy='1.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='1.125' cy='6.125' r='1' fill-opacity='0.6'/%3E%3Ccircle cx='6.125' cy='6.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='11.125' cy='6.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='16.125' cy='6.125' r='1' fill-opacity='0.6'/%3E%3Ccircle cx='21.125' cy='6.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='26.125' cy='6.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='31.125' cy='6.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='36.125' cy='6.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='41.125' cy='6.125' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='1.125' cy='11.125' r='1' fill-opacity='0.6'/%3E%3Ccircle cx='6.125' cy='11.125' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='11.125' cy='11.125' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='16.125' cy='11.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='21.125' cy='11.125' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='26.125' cy='11.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='31.125' cy='11.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='36.125' cy='11.125' r='1' fill-opacity='0.6'/%3E%3Ccircle cx='41.125' cy='11.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='1.125' cy='16.125' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='6.125' cy='16.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='11.125' cy='16.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='16.125' cy='16.125' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='21.125' cy='16.125' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='26.125' cy='16.125' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='31.125' cy='16.125' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='36.125' cy='16.125' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='41.125' cy='16.125' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='1.125' cy='21.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='6.125' cy='21.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='11.125' cy='21.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='16.125' cy='21.125' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='21.125' cy='21.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='26.125' cy='21.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='31.125' cy='21.125' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='36.125' cy='21.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='41.125' cy='21.125' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='1.125' cy='26.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='6.125' cy='26.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='11.125' cy='26.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='16.125' cy='26.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='21.125' cy='26.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='26.125' cy='26.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='31.125' cy='26.125' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='36.125' cy='26.125' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='41.125' cy='26.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='1.125' cy='31.125' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='6.125' cy='31.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='11.125' cy='31.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='16.125' cy='31.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='21.125' cy='31.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='26.125' cy='31.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='31.125' cy='31.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='36.125' cy='31.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='41.125' cy='31.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='1.125' cy='36.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='6.125' cy='36.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='11.125' cy='36.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='16.125' cy='36.125' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='21.125' cy='36.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='26.125' cy='36.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='31.125' cy='36.125' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='36.125' cy='36.125' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='41.125' cy='36.125' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='1.125' cy='41.125' r='1' fill-opacity='0.6'/%3E%3Ccircle cx='6.125' cy='41.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='11.125' cy='41.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='16.125' cy='41.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='21.125' cy='41.125' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='26.125' cy='41.125' r='1' fill-opacity='0.3'/%3E%3Ccircle cx='31.125' cy='41.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='36.125' cy='41.125' r='1' fill-opacity='0.1'/%3E%3Ccircle cx='41.125' cy='41.125' r='1' fill-opacity='0.3'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 45px 45px;
  -webkit-mask-image: radial-gradient(60% 100% at 0% 0%, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  mask-image: radial-gradient(60% 100% at 0% 0%, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
}

.ax-quote__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 48px;
  flex: none;
  width: 100%;
  max-width: 600px;
  overflow: hidden;
}
.ax-quote__text p {
  font-size: 24px;
  font-weight: 500;
  line-height: 28.8px;
  letter-spacing: -1.2px;
  color: var(--ax-text);
  text-align: left;
  white-space: pre-wrap;
}
.ax-quote__by { display: flex; flex-direction: column; gap: 6px; width: 100%; max-width: 500px; overflow: hidden; }
.ax-quote__name { display: block; font-size: 16px; font-weight: 500; line-height: 22.4px; letter-spacing: -0.8px; color: var(--ax-text-60); white-space: pre-wrap; }
.ax-quote__role { display: block; font-size: 12px; font-weight: 400; line-height: 16.8px; letter-spacing: -0.6px; color: var(--ax-text-40); white-space: pre-wrap; }

.ax-quote__edge {
  position: absolute;
  inset: 0;
  border-radius: 16px;
  pointer-events: none;
  box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 1px 0px inset, rgba(255, 255, 255, 0.05) 0px -1px 2px 0px inset;
}

/* ---------------------------------------------------------------- 810–1199 (outline @1024) */
@media (max-width: 1199px) {
  .ax-quote { padding-top: 120px; }
  .ax-quote__card { padding: 56px; }
  .ax-quote__content { max-width: 400px; gap: 32px; }
  .ax-quote__text p { font-size: 20px; line-height: 24px; letter-spacing: -1px; }
}

/* ---------------------------------------------------------------- ≤809 (outline @390): image on top, copy at the bottom */
@media (max-width: 809px) {
  .ax-quote__card { align-items: flex-end; min-height: 600px; padding: 32px; }
  .ax-quote__glow,
  .ax-quote__media { top: 0; left: 0; right: auto; width: 100%; height: auto; aspect-ratio: 1.22257 / 1; }
  .ax-quote__media {
    border-radius: 16px;
    -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
    mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  }
  .ax-quote__media img { border-radius: 16px; }
  .ax-quote__bg { background-image: radial-gradient(100% 40% at 0% 100%, rgb(35, 41, 56) 4.95495%, rgb(20, 23, 31) 48.1982%, rgb(12, 14, 19) 100%); }
  .ax-quote__dots {
    -webkit-mask-image: radial-gradient(100% 50% at 0% 100%, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    mask-image: radial-gradient(100% 50% at 0% 100%, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  }
  .ax-quote__content { max-width: 600px; gap: 48px; }
}