.elementor-15185 .elementor-element.elementor-element-6609b5d{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15185 .elementor-element.elementor-element-68d34f1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15185 .elementor-element.elementor-element-bc24ab4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body.elementor-page-15185:not(.elementor-motion-effects-element-type-background), body.elementor-page-15185 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-15185 .elementor-element.elementor-element-6609b5d{--content-width:100%;}}/* Start custom CSS *//* =========================================================
   AI INSIGHTS — COMPLETE PAGE CSS V5
   HERO + FRAMED EDITORIAL INSIGHTS + BRIDGE + FINAL CTA
========================================================= */


/* =========================================================
   GLOBAL
========================================================= */

#bds-ai-insights-page,
#bds-ai-insights-page *,
#bds-ai-insights-page *::before,
#bds-ai-insights-page *::after {
  box-sizing: border-box;
}

#bds-ai-insights-page {
  --aii-blue: #1f55ff;
  --aii-ink: #111318;
  --aii-navy: #0f0e45;
  --aii-sky: #a7d9ff;

  width: 100%;
  margin: 0;

  color: var(--aii-ink);

  font-family:
    Montserrat,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif;

  line-height: 1.5;

  -webkit-text-size-adjust: 100%;
}

#bds-ai-insights-page section {
  margin: 0;
}

#bds-ai-insights-page [id] {
  scroll-margin-top: 112px;
}

#bds-ai-insights-page .bds-aii-shell {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

#bds-ai-insights-page :is(h1, h2, h3, p) {
  margin-top: 0;
  font-family: inherit;
}

#bds-ai-insights-page :is(
  button,
  input,
  textarea,
  summary
) {
  font-family: inherit;
}

#bds-ai-insights-page :is(
  a,
  button
):focus-visible {
  outline: 3px solid #6a92ff;
  outline-offset: 4px;
}


/* =========================================================
   ACCESSIBILITY
========================================================= */

#bds-ai-insights-page .bds-aii-sr-only {
  position: absolute;

  width: 1px;
  height: 1px;

  padding: 0;
  margin: -1px;

  overflow: hidden;

  clip-path: inset(50%);

  white-space: nowrap;

  border: 0;
}


/* =========================================================
   SHARED BUTTONS
========================================================= */

#bds-ai-insights-page .bds-aii-button,
#bds-ai-insights-page .bds-aii-submit {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 8px;

  min-height: 50px;

  margin: 0;

  padding:
    12px
    20px;

  border:
    1px solid #3446ab;

  border-radius: 11px;

  color: #ffffff;

  background:
    linear-gradient(
      110deg,
      #4963e6,
      #292b84
    );

  box-shadow:
    0 7px 18px
    rgba(49, 67, 158, 0.16);

  font-size: 15px;
  font-weight: 800;
  line-height: 1.4;

  letter-spacing: -0.01em;

  text-align: center;
  text-decoration: none;
  text-transform: none;

  cursor: pointer;

  transition:
    background 0.18s ease,
    box-shadow 0.18s ease;
}

#bds-ai-insights-page .bds-aii-button:hover,
#bds-ai-insights-page
.bds-aii-submit:hover:not(:disabled) {
  color: #ffffff;

  background:
    linear-gradient(
      110deg,
      #3c55d3,
      #222372
    );

  box-shadow:
    0 9px 22px
    rgba(49, 67, 158, 0.24);
}

#bds-ai-insights-page
.bds-aii-button--secondary {
  color: #1a285f;

  border-color: #bcc9e6;

  background: #ffffff;

  box-shadow: none;
}

#bds-ai-insights-page
.bds-aii-button--secondary:hover {
  color: #152251;

  border-color: #879ed2;

  background: #f2f6ff;
}

#bds-ai-insights-page .bds-aii-submit {
  width: 100%;
}

#bds-ai-insights-page
.bds-aii-submit:disabled {
  opacity: 0.65;

  cursor: not-allowed;
}

#bds-ai-insights-page
form[aria-busy="true"]
.bds-aii-submit {
  cursor: wait;
}

#bds-ai-insights-page [data-submit-dots] {
  display: none;
}

#bds-ai-insights-page
form[aria-busy="true"]
[data-submit-dots] {
  display: inline;
}


/* =========================================================
   SHARED FORMS
========================================================= */

#bds-ai-insights-page .bds-aii-form {
  width: 100%;
  margin: 0;
}

#bds-ai-insights-page .bds-aii-field {
  min-width: 0;
  margin: 0;
}

#bds-ai-insights-page .bds-aii-label {
  display: block;

  margin:
    0
    0
    7px;

  color: #2b3852;

  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

#bds-ai-insights-page .bds-aii-input,
#bds-ai-insights-page .bds-aii-textarea {
  display: block;

  width: 100%;
  max-width: 100%;

  margin: 0;

  padding:
    12px
    14px;

  color: #172238;

  border:
    1px solid #c9d3e4;

  border-radius: 10px;

  background: #fcfdff;

  box-shadow: none;

  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;

  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}

#bds-ai-insights-page .bds-aii-input {
  height: 50px;
  min-height: 50px;
}

#bds-ai-insights-page .bds-aii-textarea {
  height: 90px;
  min-height: 90px;

  resize: vertical;
}

#bds-ai-insights-page
:is(
  .bds-aii-input,
  .bds-aii-textarea
)::placeholder {
  color: #65738b;
  opacity: 1;
}

#bds-ai-insights-page
:is(
  .bds-aii-input,
  .bds-aii-textarea
):focus {
  outline:
    2px solid #4965e0;

  outline-offset: 2px;

  border-color: #4965e0;

  background: #ffffff;
}

#bds-ai-insights-page
[aria-invalid="true"] {
  border-color: #b42318;
}


/* =========================================================
   HONEYPOT
========================================================= */

#bds-ai-insights-page
.bds-aii-honeypot {
  position: absolute;

  left: -10000px;

  width: 1px;
  height: 1px;

  overflow: hidden;

  opacity: 0;

  pointer-events: none;
}


/* =========================================================
   FORM STATUS
========================================================= */

#bds-ai-insights-page
[data-form-message] {
  min-height: 0;

  margin:
    9px
    0
    0;

  color: #34435c;

  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.5;

  text-align: center;
}

#bds-ai-insights-page
[data-form-message]:empty {
  margin: 0;
}

#bds-ai-insights-page
[data-form-message][data-state="error"] {
  color: #b42318;
}

#bds-ai-insights-page
[data-form-message][data-state="success"] {
  color: #116b49;
}

#bds-ai-insights-page
.bds-aii-noscript {
  margin:
    10px
    0
    0;

  color: #8f291d;

  font-size: 13px;
}


/* =========================================================
   01 — HERO
========================================================= */

#bds-aii-hero {
  padding:
    22px
    max(20px, 4vw)
    26px;

  background:
    radial-gradient(
      900px 400px at 12% 0%,
      rgba(47, 98, 232, 0.10),
      transparent 65%
    ),
    radial-gradient(
      650px 340px at 95% 20%,
      rgba(31, 85, 255, 0.06),
      transparent 70%
    ),
    linear-gradient(
      180deg,
      #f8fbff,
      #ffffff 65%,
      #f7f9fd
    );
}

#bds-ai-insights-page
.bds-aii-hero-shell {
  display: grid;

  grid-template-columns:
    minmax(0, 1.15fr)
    minmax(360px, 0.85fr);

  align-items: center;

  gap:
    clamp(28px, 4vw, 60px);
}

#bds-ai-insights-page
.bds-aii-hero-content {
  min-width: 0;
}


/* =========================================================
   HERO — BRAND
========================================================= */

#bds-ai-insights-page
.bds-aii-brand {
  width:
    min(100%, 455px);

  margin:
    0
    0
    17px;

  padding:
    6px
    21px;

  border:
    1px solid
    rgba(15, 23, 42, 0.07);

  border-radius: 999px;

  background:
    rgba(255, 255, 255, 0.96);

  box-shadow:
    0 8px 22px
    rgba(15, 23, 42, 0.05);
}

#bds-ai-insights-page
.bds-aii-brand img {
  display: block;

  width: 100%;
  height: auto;

  margin: 0;
}


/* =========================================================
   HERO — COPY
========================================================= */

#bds-ai-insights-page
.bds-aii-hero-title {
  margin:
    0
    0
    14px;

  color:
    var(--aii-ink);

  font-size:
    clamp(38px, 3.45vw, 59px);

  font-weight: 800;

  line-height: 1.06;

  letter-spacing:
    -0.045em;

  text-wrap: balance;
}

#bds-ai-insights-page
.bds-aii-hero-title span {
  display: block;
}

#bds-ai-insights-page
.bds-aii-hero-title-blue {
  color:
    var(--aii-blue);
}

#bds-ai-insights-page
.bds-aii-hero-subhead {
  max-width: 690px;

  margin:
    0
    0
    21px;

  color:
    var(--aii-navy);

  font-size: 16px;
  font-weight: 600;
  line-height: 1.55;
}

#bds-ai-insights-page
.bds-aii-hero-actions {
  display: flex;

  flex-wrap: wrap;

  gap: 11px;
}

#bds-ai-insights-page
.bds-aii-hero-actions
.bds-aii-button {
  min-width: 195px;
}


/* =========================================================
   HERO — FORM CARD
========================================================= */

#bds-ai-insights-page
.bds-aii-hero-form-card {
  position: relative;

  width:
    min(100%, 500px);

  justify-self: end;

  margin: 0;

  padding:
    23px
    26px
    18px;

  overflow: hidden;

  border:
    1px solid #dce4f7;

  border-radius: 21px;

  background: #ffffff;

  box-shadow:
    0 18px 42px
    rgba(15, 23, 42, 0.10);
}

#bds-ai-insights-page
.bds-aii-hero-form-card::before,
#bds-ai-insights-page
.bds-aii-final-panel::before {
  content: "";

  position: absolute;

  inset:
    0
    0
    auto;

  height: 3px;

  background:
    linear-gradient(
      90deg,
      #536dfe,
      #89baff 50%,
      #34359c
    );
}

#bds-ai-insights-page
.bds-aii-hero-form-title {
  margin:
    0
    0
    6px;

  color: #0f172a;

  font-size:
    clamp(22px, 1.7vw, 27px);

  font-weight: 800;

  line-height: 1.18;

  letter-spacing:
    -0.035em;

  text-align: center;
}

#bds-ai-insights-page
.bds-aii-hero-form-note {
  margin:
    0
    auto
    15px;

  color: #5f6e83;

  font-size: 12.5px;

  line-height: 1.5;

  text-align: center;
}

#bds-ai-insights-page
.bds-aii-hero-form-card
.bds-aii-field {
  margin-bottom: 10px;
}

#bds-ai-insights-page
.bds-aii-hero-trust {
  margin:
    10px
    0
    0;

  color: #607089;

  font-size: 11.5px;

  line-height: 1.5;

  text-align: center;
}


/* =========================================================
   02 — EDITORIAL INSIGHTS
========================================================= */

#bds-ai-insights-page
.bds-aii-insights-band {
  padding:
    clamp(42px, 4vw, 58px)
    max(20px, 4vw)
    clamp(46px, 4.5vw, 64px);

  color: #ffffff;

  background:
    radial-gradient(
      900px 430px at 8% 4%,
      rgba(76, 125, 255, 0.16),
      transparent 66%
    ),
    radial-gradient(
      700px 360px at 92% 92%,
      rgba(167, 217, 255, 0.055),
      transparent 72%
    ),
    linear-gradient(
      180deg,
      #0a1c52 0%,
      #07143b 48%,
      #050b1e 100%
    );
}

#bds-ai-insights-page
.bds-aii-insights-shell {
  max-width: 1180px;
}


/* =========================================================
   INSIGHTS — HEADER
========================================================= */

#bds-ai-insights-page
.bds-aii-insights-header {
  max-width: 900px;

  margin:
    0
    auto
    32px;

  text-align: center;
}

#bds-ai-insights-page
.bds-aii-eyebrow {
  display: inline-flex;

  margin:
    0
    0
    11px;

  padding:
    6px
    11px;

  color:
    var(--aii-sky);

  border:
    1px solid
    rgba(159, 214, 255, 0.22);

  border-radius: 999px;

  background:
    rgba(159, 214, 255, 0.055);

  font-size: 10px;
  font-weight: 800;
  line-height: 1.2;

  letter-spacing: 0.13em;
}

#bds-ai-insights-page
.bds-aii-insights-title {
  margin: 0;

  color: #ffffff;

  font-size:
    clamp(32px, 2.8vw, 46px);

  font-weight: 800;

  line-height: 1.1;

  letter-spacing:
    -0.04em;

  text-wrap: balance;
}

#bds-ai-insights-page
.bds-aii-insights-intro {
  max-width: 820px;

  margin:
    12px
    auto
    0;

  color: #d5dff1;

  font-size:
    clamp(14.5px, 1vw, 16px);

  line-height: 1.6;

  text-wrap: balance;
}


/* =========================================================
   INSIGHT — OUTER FRAME
========================================================= */

#bds-ai-insights-page
.bds-aii-insight-row {
  position: relative;

  display: grid;

  grid-template-columns:
    minmax(250px, 0.30fr)
    minmax(0, 0.70fr);

  gap: 0;

  align-items: stretch;

  min-height: 210px;

  margin:
    0
    0
    16px;

  padding: 0;

  overflow: hidden;

  border:
    1px solid
    rgba(177, 203, 249, 0.18);

  border-radius: 18px;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.048),
      rgba(255, 255, 255, 0.022)
    );

  box-shadow:
    0 14px 34px
    rgba(0, 0, 0, 0.13),
    inset 0 1px 0
    rgba(255, 255, 255, 0.025);
}

#bds-ai-insights-page
.bds-aii-insight-row::before {
  content: "";

  position: absolute;

  top: 0;
  left: 8%;
  right: 8%;

  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(159, 214, 255, 0.28),
      transparent
    );

  pointer-events: none;
}

#bds-ai-insights-page
.bds-aii-insight-row:last-child {
  margin-bottom: 0;
}


/* =========================================================
   INSIGHT — LEFT VISUAL RAIL
========================================================= */

#bds-ai-insights-page
.bds-aii-insight-marker {
  position: relative;

  min-width: 0;

  min-height: 210px;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  justify-content: flex-start;

  padding:
    24px
    28px
    25px;

  overflow: hidden;

  border-right:
    1px solid
    rgba(177, 203, 249, 0.13);

  background:
    radial-gradient(
      320px 190px at 100% 0%,
      rgba(103, 146, 255, 0.115),
      transparent 70%
    ),
    linear-gradient(
      145deg,
      rgba(93, 127, 226, 0.11),
      rgba(255, 255, 255, 0.014)
    );
}


/* =========================================================
   INSIGHT — LARGE NUMBER
========================================================= */

#bds-ai-insights-page
.bds-aii-insight-number {
  position: relative;

  z-index: 2;

  display: grid;

  place-items: center;

  width: 78px;
  height: 78px;

  flex:
    0
    0
    78px;

  border:
    1px solid
    rgba(159, 214, 255, 0.34);

  border-radius: 18px;

  color: #ffffff;

  background:
    radial-gradient(
      90px 70px at 30% 0%,
      rgba(255, 255, 255, 0.14),
      transparent 70%
    ),
    linear-gradient(
      145deg,
      rgba(76, 125, 255, 0.78),
      rgba(27, 54, 137, 0.88)
    );

  box-shadow:
    0 11px 27px
    rgba(0, 0, 0, 0.17),
    inset 0 1px 0
    rgba(255, 255, 255, 0.13);

  font-size: 24px;

  font-weight: 900;

  line-height: 1;

  letter-spacing:
    -0.025em;
}


/* =========================================================
   INSIGHT — LARGE DECORATIVE ICON
========================================================= */

#bds-ai-insights-page
.bds-aii-insight-marker-icon {
  position: absolute;

  top: 10px;

  right: 14px;

  width: 124px;

  height: 124px;

  color:
    rgba(146, 187, 255, 0.20);

  pointer-events: none;
}

#bds-ai-insights-page
.bds-aii-insight-marker-icon svg {
  display: block;

  width: 100%;

  height: 100%;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.4;

  stroke-linecap: round;

  stroke-linejoin: round;
}


/* =========================================================
   INSIGHT — PRODUCT / CATEGORY NAME
========================================================= */

#bds-ai-insights-page
.bds-aii-insight-category {
  position: absolute;

  z-index: 2;

  left: 28px;

  right: 22px;

  bottom: 32px;

  max-width: 225px;

  margin: 0;

  color: #edf4ff;

  font-size:
    clamp(23px, 1.55vw, 28px);

  font-weight: 800;

  line-height: 1.1;

  letter-spacing:
    -0.025em;

  text-transform: none;
}


/* =========================================================
   INSIGHT — CONTENT
========================================================= */

#bds-ai-insights-page
.bds-aii-insight-content {
  min-width: 0;

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding:
    28px
    32px
    27px
    34px;
}

#bds-ai-insights-page
.bds-aii-insight-title {
  margin:
    0
    0
    10px;

  color: #ffffff;

  font-size:
    clamp(22px, 1.8vw, 29px);

  font-weight: 800;

  line-height: 1.18;

  letter-spacing:
    -0.028em;

  text-wrap: balance;
}

#bds-ai-insights-page
.bds-aii-insight-copy {
  max-width: 760px;

  margin:
    0
    0
    16px;

  color: #d1dcef;

  font-size:
    clamp(14px, 0.98vw, 15.5px);

  font-weight: 500;

  line-height: 1.68;
}


/* =========================================================
   INSIGHT — WHAT STANDS OUT
========================================================= */

#bds-ai-insights-page
.bds-aii-insight-takeaway {
  width: fit-content;

  max-width: 100%;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap:
    8px
    11px;

  padding:
    8px
    11px;

  border:
    1px solid
    rgba(159, 214, 255, 0.14);

  border-radius: 9px;

  background:
    rgba(159, 214, 255, 0.045);
}

#bds-ai-insights-page
.bds-aii-insight-takeaway-label {
  color:
    var(--aii-sky);

  font-size: 9.5px;

  font-weight: 800;

  line-height: 1.4;

  letter-spacing: 0.09em;

  text-transform: uppercase;
}

#bds-ai-insights-page
.bds-aii-insight-takeaway-copy {
  color: #e5edfa;

  font-size: 12px;

  font-weight: 600;

  line-height: 1.5;
}

#bds-ai-insights-page
.bds-aii-insight-takeaway-copy
span {
  display: inline-block;

  margin:
    0
    5px;

  color:
    rgba(167, 217, 255, 0.48);
}


/* =========================================================
   WHITE WALKTHROUGH BRIDGE
========================================================= */

#bds-ai-insights-page
.bds-aii-bridge {
  padding:
    20px
    max(20px, 4vw);

  border-block:
    1px solid #e4e9f2;

  background: #ffffff;
}

#bds-ai-insights-page
.bds-aii-bridge-shell {
  max-width: 1080px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 22px;
}

#bds-ai-insights-page
.bds-aii-bridge-copy {
  margin: 0;

  color: #172033;

  font-size: 18px;

  font-weight: 700;

  line-height: 1.35;

  letter-spacing:
    -0.02em;
}

#bds-ai-insights-page
.bds-aii-bridge-link {
  flex: 0 0 auto;

  min-height: 46px;

  font-size: 13.5px;
}


/* =========================================================
   03 — FINAL CTA
========================================================= */

#bds-aii-final {
  padding:
    30px
    20px
    26px;

  color: #ffffff;

  background:
    radial-gradient(
      ellipse at 50% 0%,
      rgba(77, 112, 225, 0.17),
      transparent 66%
    ),
    linear-gradient(
      180deg,
      #101e4b,
      #070f28
    );
}

#bds-ai-insights-page
.bds-aii-final-shell {
  max-width: 980px;
}

#bds-ai-insights-page
.bds-aii-final-header {
  margin:
    0
    auto
    20px;

  text-align: center;
}

#bds-ai-insights-page
.bds-aii-final-title {
  margin:
    0
    0
    9px;

  color: #ffffff;

  font-size:
    clamp(30px, 2.7vw, 42px);

  font-weight: 800;

  line-height: 1.12;

  letter-spacing:
    -0.04em;

  text-wrap: balance;
}

#bds-ai-insights-page
.bds-aii-final-intro {
  max-width: 760px;

  margin:
    0
    auto;

  color: #d0dbef;

  font-size: 14.5px;

  line-height: 1.6;

  text-wrap: balance;
}


/* =========================================================
   FINAL CTA — FORM CARD
========================================================= */

#bds-ai-insights-page
.bds-aii-final-panel {
  position: relative;

  padding:
    23px
    24px
    13px;

  overflow: hidden;

  border:
    1px solid
    rgba(221, 229, 255, 0.55);

  border-radius: 19px;

  background: #ffffff;

  box-shadow:
    0 16px 40px
    rgba(0, 5, 24, 0.20);
}

#bds-ai-insights-page
.bds-aii-final-row {
  display: grid;

  grid-template-columns:
    minmax(0, 3fr)
    minmax(0, 4fr)
    minmax(0, 3fr);

  align-items: end;

  gap: 14px;
}

#bds-ai-insights-page
.bds-aii-final-action {
  min-width: 0;
}

#bds-ai-insights-page
.bds-aii-final-action
.bds-aii-submit {
  padding:
    13px
    12px;

  font-size: 14px;
}


/* =========================================================
   FINAL CTA — OPTIONAL CONTEXT
========================================================= */

#bds-ai-insights-page
.bds-aii-context {
  margin:
    13px
    0
    0;

  padding:
    6px
    0
    0;

  border: 0;

  border-top:
    1px solid #e7ebf3;

  background: none;
}

#bds-ai-insights-page
.bds-aii-context-summary {
  display: flex;

  align-items: center;

  gap: 9px;

  width: fit-content;

  max-width: 100%;

  min-height: 38px;

  margin: 0;

  padding:
    5px
    0;

  color: #2b3b67;

  background: transparent;

  font-size: 13px;

  font-weight: 600;

  line-height: 1.4;

  list-style: none;

  cursor: pointer;
}

#bds-ai-insights-page
.bds-aii-context-summary::-webkit-details-marker {
  display: none;
}

#bds-ai-insights-page
.bds-aii-context-summary::marker {
  content: "";
}

#bds-ai-insights-page
.bds-aii-context-summary:hover {
  color: #2449bd;
}

#bds-ai-insights-page
.bds-aii-context-summary:focus-visible {
  outline:
    2px solid #4965e0;

  outline-offset: 3px;

  border-radius: 5px;
}


/* =========================================================
   FINAL CTA — PLUS / MINUS
========================================================= */

#bds-ai-insights-page
.bds-aii-context-toggle {
  position: relative;

  flex:
    0
    0
    23px;

  height: 23px;

  border-radius: 7px;

  color: #3a53bc;

  background: #edf2ff;
}

#bds-ai-insights-page
.bds-aii-context-toggle::before,
#bds-ai-insights-page
.bds-aii-context-toggle::after {
  content: "";

  position: absolute;

  top: 11px;

  left: 7px;

  width: 9px;

  height: 1.5px;

  border-radius: 1px;

  background:
    currentColor;
}

#bds-ai-insights-page
.bds-aii-context-toggle::after {
  transform:
    rotate(90deg);
}

#bds-ai-insights-page
.bds-aii-context[open]
.bds-aii-context-toggle::after {
  display: none;
}

#bds-ai-insights-page
.bds-aii-optional {
  color: #65738b;

  font-size: 12px;

  font-weight: 500;
}

#bds-ai-insights-page
.bds-aii-context-body {
  padding:
    5px
    0
    6px;
}

#bds-ai-insights-page
.bds-aii-context:not([open])
.bds-aii-context-body {
  display: none;
}


/* =========================================================
   FINAL CTA — PRIVACY + GOVERNANCE
========================================================= */

#bds-ai-insights-page
.bds-aii-final-footer {
  max-width: 900px;

  margin:
    13px
    auto
    0;

  text-align: center;
}

#bds-ai-insights-page
.bds-aii-final-privacy {
  margin: 0;

  color: #c9d5ec;

  font-size: 11.5px;

  line-height: 1.5;
}

#bds-ai-insights-page
.bds-aii-final-privacy a {
  color: #edf3ff;

  font-weight: 600;

  text-decoration: underline;

  text-underline-offset: 3px;
}

#bds-ai-insights-page
.bds-aii-final-governance {
  margin:
    5px
    0
    0;

  color: #acbad4;

  font-size: 11.5px;

  line-height: 1.5;

  text-wrap: balance;
}


/* =========================================================
   TABLET — 960
========================================================= */

@media (max-width: 960px) {

  #bds-ai-insights-page
  .bds-aii-hero-shell {
    grid-template-columns:
      1fr;

    gap: 22px;
  }

  #bds-ai-insights-page
  .bds-aii-hero-content {
    max-width: 740px;

    margin:
      0
      auto;

    text-align: center;
  }

  #bds-ai-insights-page
  .bds-aii-brand {
    margin-inline: auto;
  }

  #bds-ai-insights-page
  .bds-aii-hero-actions {
    justify-content:
      center;
  }

  #bds-ai-insights-page
  .bds-aii-hero-form-card {
    justify-self: center;
  }

  #bds-ai-insights-page
  .bds-aii-bridge-shell {
    flex-direction:
      column;

    gap: 13px;

    text-align: center;
  }

}


/* =========================================================
   TABLET — 820
========================================================= */

@media (max-width: 820px) {

  #bds-ai-insights-page
  .bds-aii-insight-row {
    grid-template-columns:
      220px
      minmax(0, 1fr);

    min-height: 190px;
  }

  #bds-ai-insights-page
  .bds-aii-insight-marker {
    min-height: 190px;

    padding:
      20px
      18px
      22px;
  }

  #bds-ai-insights-page
  .bds-aii-insight-number {
    width: 68px;

    height: 68px;

    flex-basis: 68px;

    font-size: 20px;

    border-radius: 16px;
  }

  #bds-ai-insights-page
  .bds-aii-insight-marker-icon {
    width: 100px;

    height: 100px;

    top: 10px;

    right: 10px;
  }

  #bds-ai-insights-page
  .bds-aii-insight-category {
    left: 18px;

    right: 15px;

    bottom: 24px;

    max-width: 190px;

    font-size: 19px;

    line-height: 1.12;
  }

  #bds-ai-insights-page
  .bds-aii-insight-content {
    padding:
      23px
      22px
      22px
      24px;
  }

  #bds-ai-insights-page
  .bds-aii-final-row {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );
  }

  #bds-ai-insights-page
  .bds-aii-final-action {
    grid-column:
      1 / -1;

    width:
      min(100%, 350px);

    justify-self:
      center;
  }

}


/* =========================================================
   MOBILE — 620
========================================================= */

@media (max-width: 620px) {

  #bds-ai-insights-page [id] {
    scroll-margin-top: 88px;
  }


  /* HERO */

  #bds-aii-hero {
    padding:
      18px
      16px
      22px;
  }

  #bds-ai-insights-page
  .bds-aii-brand {
    max-width: 350px;

    padding:
      7px
      15px;
  }

  #bds-ai-insights-page
  .bds-aii-hero-title {
    font-size:
      clamp(
        29px,
        8vw,
        38px
      );
  }

  #bds-ai-insights-page
  .bds-aii-hero-subhead {
    font-size: 14.5px;
  }

  #bds-ai-insights-page
  .bds-aii-hero-actions {
    display: grid;

    grid-template-columns:
      1fr;
  }

  #bds-ai-insights-page
  .bds-aii-hero-actions
  .bds-aii-button {
    width: 100%;

    min-width: 0;
  }

  #bds-ai-insights-page
  .bds-aii-hero-form-card {
    padding:
      21px
      17px
      17px;

    border-radius: 17px;
  }


  /* INSIGHTS */

  #bds-ai-insights-page
  .bds-aii-insights-band {
    padding:
      32px
      16px
      34px;
  }

  #bds-ai-insights-page
  .bds-aii-insights-header {
    margin-bottom: 22px;
  }

  #bds-ai-insights-page
  .bds-aii-insights-title {
    font-size: 29px;
  }

  #bds-ai-insights-page
  .bds-aii-insights-intro {
    font-size: 14px;
  }

  #bds-ai-insights-page
  .bds-aii-insight-row {
    grid-template-columns:
      1fr;

    min-height: 0;

    gap: 0;

    margin-bottom: 12px;

    border-radius: 16px;
  }


  /* MOBILE VISUAL RAIL */

  #bds-ai-insights-page
  .bds-aii-insight-marker {
    position: relative;

    min-height: 110px;

    display: grid;

    grid-template-columns:
      58px
      minmax(0, 1fr)
      72px;

    align-items: center;

    gap: 14px;

    padding:
      16px
      16px;

    border-right: 0;

    border-bottom:
      1px solid
      rgba(177, 203, 249, 0.12);
  }

  #bds-ai-insights-page
  .bds-aii-insight-number {
    width: 56px;

    height: 56px;

    flex-basis: 56px;

    font-size: 16px;

    border-radius: 14px;
  }

  #bds-ai-insights-page
  .bds-aii-insight-category {
    position: static;

    max-width: none;

    margin: 0;

    font-size: 17px;

    line-height: 1.15;
  }

  #bds-ai-insights-page
  .bds-aii-insight-marker-icon {
    position: static;

    width: 70px;

    height: 70px;

    justify-self: end;

    color:
      rgba(146, 187, 255, 0.20);
  }

  #bds-ai-insights-page
  .bds-aii-insight-content {
    padding:
      19px
      17px
      18px;
  }

  #bds-ai-insights-page
  .bds-aii-insight-title {
    font-size: 21px;
  }

  #bds-ai-insights-page
  .bds-aii-insight-copy {
    font-size: 14px;

    line-height: 1.62;
  }

  #bds-ai-insights-page
  .bds-aii-insight-takeaway {
    width: 100%;

    flex-direction:
      column;

    align-items:
      flex-start;

    gap: 4px;
  }

  #bds-ai-insights-page
  .bds-aii-insight-takeaway-copy {
    font-size: 11.8px;
  }


  /* BRIDGE */

  #bds-ai-insights-page
  .bds-aii-bridge {
    padding:
      19px
      16px;
  }

  #bds-ai-insights-page
  .bds-aii-bridge-copy {
    font-size: 17px;
  }

  #bds-ai-insights-page
  .bds-aii-bridge-link {
    width: 100%;
  }


  /* FINAL CTA */

  #bds-aii-final {
    padding:
      25px
      16px
      23px;
  }

  #bds-ai-insights-page
  .bds-aii-final-header {
    margin-bottom: 17px;
  }

  #bds-ai-insights-page
  .bds-aii-final-title {
    font-size: 30px;
  }

  #bds-ai-insights-page
  .bds-aii-final-intro {
    font-size: 14px;
  }

  #bds-ai-insights-page
  .bds-aii-final-panel {
    padding:
      20px
      16px
      11px;

    border-radius: 16px;
  }

  #bds-ai-insights-page
  .bds-aii-final-row {
    grid-template-columns:
      1fr;

    gap: 13px;
  }

  #bds-ai-insights-page
  .bds-aii-final-action {
    width: 100%;
  }

  #bds-ai-insights-page
  .bds-aii-context-summary {
    min-height: 44px;
  }

}


/* =========================================================
   SMALL MOBILE — 420
========================================================= */

@media (max-width: 420px) {

  #bds-ai-insights-page
  .bds-aii-insights-band {
    padding:
      29px
      12px
      31px;
  }

  #bds-ai-insights-page
  .bds-aii-insight-row {
    border-radius: 14px;
  }

  #bds-ai-insights-page
  .bds-aii-insight-marker {
    grid-template-columns:
      50px
      minmax(0, 1fr)
      54px;

    gap: 10px;

    min-height: 92px;

    padding:
      13px;
  }

  #bds-ai-insights-page
  .bds-aii-insight-number {
    width: 48px;

    height: 48px;

    flex-basis: 48px;

    border-radius: 12px;

    font-size: 13px;
  }

  #bds-ai-insights-page
  .bds-aii-insight-marker-icon {
    width: 52px;

    height: 52px;
  }

  #bds-ai-insights-page
  .bds-aii-insight-category {
    font-size: 15px;

    line-height: 1.12;
  }

  #bds-ai-insights-page
  .bds-aii-insight-content {
    padding:
      17px
      14px
      16px;
  }

  #bds-ai-insights-page
  .bds-aii-insight-title {
    font-size: 20px;
  }

  #bds-ai-insights-page
  .bds-aii-insight-copy {
    font-size: 13.5px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  #bds-ai-insights-page *,
  #bds-ai-insights-page *::before,
  #bds-ai-insights-page *::after {
    transition: none !important;

    animation: none !important;
  }

}/* End custom CSS */