/* ─────────────────────────────────────────────────────────────────
 * AJAIA Insights (/ai-insights) — Design System V2 overlay.
 * Applies the V2 spec (navy/sky, Poppins, square CTAs, shine hover)
 * over the Framer export. Cards (.framer-7JDqi) are intentionally
 * untouched: their look and hover reveal stay owned by the Framer
 * runtime. Companion file: ajaia-insights.js (hero video + squares).
 * ───────────────────────────────────────────────────────────────── */

:root {
  /* Ajaia Design System V2 tokens (subset used here) */
  --aj-ink-900: #001D6B;
  --aj-sky-400: #97C2F8;
  --aj-sky-300: #B6D4FA;
  --aj-sky-100: #E1EEFF;
  --aj-line-dark: rgba(255,255,255,0.10);
  --aj-ease: cubic-bezier(0.32, 0.72, 0, 1);
  --aj-dur-fast: 120ms;
  --aj-dur: 180ms;
}

/* ── Hero — ink-900 surface, particle video, radial vignette ── */
section.framer-LBgrB {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: var(--aj-ink-900) !important;
  border-bottom: 1px solid var(--aj-line-dark);
}
section.framer-LBgrB::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(0,29,107,0.84) 0%, rgba(0,29,107,0.52) 44%, rgba(0,29,107,0.88) 100%),
    radial-gradient(circle at 50% 44%, rgba(151,194,248,0.14), transparent 38%);
}
.aj-ins-hero-media {
  position: absolute;
  inset: 0;
  z-index: -2;
  background: var(--aj-ink-900);
  pointer-events: none;
}
.aj-ins-hero-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.72;
  filter: saturate(0.94) contrast(1.05) brightness(0.82);
}

/* Decorative squares — pair of 18px, offset diagonally */
.aj-ins-hero-corner {
  position: absolute;
  right: 48px;
  bottom: 24px;
  width: 38px;
  height: 38px;
  pointer-events: none;
}
.aj-ins-hero-corner::before,
.aj-ins-hero-corner::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background: var(--aj-sky-400);
}
.aj-ins-hero-corner::before { right: 0; top: 0; opacity: 0.9; }
.aj-ins-hero-corner::after  { left: 0; bottom: 0; opacity: 0.72; }
@media (max-width: 809.98px) {
  .aj-ins-hero-corner { right: 24px; }
}

/* Kicker — flanking hairlines; chip stays the sanctioned
 * rgba(255,255,255,0.05) + blur(5px) tag-chip pattern */
section.framer-LBgrB .framer-71ueo4 {
  display: flex;
  align-items: center;
  justify-content: center;
}
section.framer-LBgrB .framer-71ueo4::before,
section.framer-LBgrB .framer-71ueo4::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: var(--aj-line-dark);
}
/* Old full-width underline, replaced by the flanking lines above */
section.framer-LBgrB .framer-1435q83 { display: none; }
section.framer-LBgrB .framer-1prdqhm {
  background: rgba(255,255,255,0.05) !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
  padding: 4px 12px !important;
}
section.framer-LBgrB .framer-13mn9w4 { background: var(--aj-sky-400) !important; }
section.framer-LBgrB .framer-1prdqhm p.framer-text {
  color: var(--aj-sky-400) !important;
  font-family: "Poppins", "Poppins Placeholder", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.5 !important;
}

/* Page title — --fs-h1: 52 / 1.10 / −2.5% / 700 */
section.framer-LBgrB h1.framer-text {
  font-family: "Poppins", "Poppins Placeholder", sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.025em !important;
  color: #FFFFFF !important;
  text-wrap: balance;
}

/* Hero subtitle — --fs-body-lg: 18 / 1.55 / −0.3% / 500, sky-100 */
section.framer-LBgrB .framer-7xu6xb p.framer-text {
  color: var(--aj-sky-100) !important;
  font-family: "Poppins", "Poppins Placeholder", sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: -0.003em !important;
  line-height: 1.55 !important;
}

/* Newsletter form — rounded input (--r-2 is reserved for inputs),
 * square structural CTA, 12px inline gap */
section.framer-LBgrB form.framer-46la69 { gap: 12px !important; }
section.framer-LBgrB .framer-kzesd2 input {
  font-family: "Poppins", "Poppins Placeholder", sans-serif !important;
  font-size: 14px !important;
  color: #1B1C1C !important;
}
section.framer-LBgrB .framer-kzesd2 input:focus-visible {
  outline: 2px solid var(--aj-sky-400);
  outline-offset: 2px;
}
section.framer-LBgrB button.framer-MDJlX {
  position: relative;
  overflow: hidden;
  border-radius: 0 !important;
  background-color: var(--aj-sky-400) !important;
  transition: transform var(--aj-dur-fast) var(--aj-ease);
}
section.framer-LBgrB button.framer-MDJlX:active { transform: scale(0.985); }
section.framer-LBgrB button.framer-MDJlX:focus-visible {
  outline: 2px solid var(--aj-sky-400);
  outline-offset: 2px;
}
/* shine — highlight sliding L→R on hover; background unchanged */
section.framer-LBgrB button.framer-MDJlX::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -60%;
  width: 50%;
  background: linear-gradient(105deg, transparent 0%, rgba(255,255,255,0.45) 50%, transparent 100%);
  transform: skewX(-12deg);
  transition: left 320ms var(--aj-ease);
  pointer-events: none;
}
section.framer-LBgrB button.framer-MDJlX:hover::after { left: 110%; }
section.framer-LBgrB button.framer-MDJlX p.framer-text {
  font-family: "Poppins", "Poppins Placeholder", sans-serif !important;
  font-weight: 600 !important;
  color: var(--aj-ink-900) !important;
}

/* ── Sticky filter band ── */
/* The Tags row becomes a toolbar that sticks under the fixed nav while
 * the long card grid scrolls. Full-bleed ink-900 surface via ::before
 * (ancestor overflow is `clip`, which does not break sticky). */
.framer-1chncdx {
  position: sticky !important;
  top: var(--aj-ins-nav-h, 70px);
  z-index: 60;
  background: transparent !important;
  padding: 12px 0 !important;
}
.framer-1chncdx::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100vw;
  right: -100vw;
  z-index: -1;
  background: var(--aj-ink-900);
  border-top: 1px solid var(--aj-line-dark);
  border-bottom: 1px solid var(--aj-line-dark);
}
@media (min-width: 1200px) {
  .framer-1chncdx { top: var(--aj-ins-nav-h-lg, 72px); }
}

/* Live result count — Fragment Mono metadata, right-aligned in the band */
.aj-ins-count {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Fragment Mono", monospace;
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
  color: rgba(241,247,255,0.6);
  pointer-events: none;
}
@media (max-width: 809.98px) {
  .aj-ins-count { display: none; }
}

/* ── Filter chips (Tags row only — card pills are out of scope) ── */
.framer-1chncdx .framer-bdgt9w-container:first-of-type {
  display: none !important;
}
.framer-1chncdx .framer-sHJaX {
  border-radius: 0 !important;
  transition:
    background-color var(--aj-dur) var(--aj-ease),
    box-shadow var(--aj-dur) var(--aj-ease);
}
.framer-1chncdx .framer-sHJaX:focus-visible {
  outline: 2px solid var(--aj-sky-400);
  outline-offset: 2px;
}
/* Default state */
.framer-1chncdx .framer-sHJaX.framer-v-1byvi0y {
  background-color: rgba(255,255,255,0.05) !important;
  box-shadow: inset 0 0 0 1px var(--aj-line-dark);
}
.framer-1chncdx .framer-sHJaX.framer-v-1byvi0y:hover {
  background-color: rgba(255,255,255,0.09) !important;
  box-shadow: inset 0 0 0 1px rgba(151,194,248,0.45);
}
.framer-1chncdx .framer-sHJaX.framer-v-1byvi0y p.framer-text {
  color: rgba(225,238,255,0.8) !important;
  transition: color var(--aj-dur) var(--aj-ease);
}
.framer-1chncdx .framer-sHJaX.framer-v-1byvi0y:hover p.framer-text {
  color: #FFFFFF !important;
}
/* Active state — sky-400 carries selection, ink-900 text */
.framer-1chncdx .framer-sHJaX.framer-v-12x6jrf {
  background-color: var(--aj-sky-400) !important;
  box-shadow: none;
}
.framer-1chncdx .framer-sHJaX.framer-v-12x6jrf p.framer-text {
  color: var(--aj-ink-900) !important;
}
/* Phone: Framer lays the row out wider than the viewport (chips start
 * off-screen). Center it and keep it inside the screen. */
@media (max-width: 809.98px) {
  .framer-1chncdx {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* ── CTA band button — shine hover per system motion spec ── */
a.framer-GetPG {
  position: relative;
  overflow: hidden;
  transition: transform var(--aj-dur-fast) var(--aj-ease);
}
a.framer-GetPG:active { transform: scale(0.985); }
a.framer-GetPG:focus-visible {
  outline: 2px solid var(--aj-sky-400);
  outline-offset: 2px;
}
a.framer-GetPG::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -60%;
  width: 50%;
  z-index: 1;
  background: linear-gradient(105deg, transparent 0%, rgba(255,255,255,0.35) 50%, transparent 100%);
  transform: skewX(-12deg);
  transition: left 320ms var(--aj-ease);
  pointer-events: none;
}
a.framer-GetPG:hover::after { left: 110%; }

/* ── Reduced motion ── */
@media (prefers-reduced-motion: reduce) {
  .aj-ins-hero-media video { display: none; }
  section.framer-LBgrB button.framer-MDJlX::after,
  a.framer-GetPG::after { transition: none; display: none; }
  .framer-1chncdx .framer-sHJaX,
  .framer-1chncdx .framer-sHJaX p.framer-text,
  section.framer-LBgrB button.framer-MDJlX,
  a.framer-GetPG { transition: none; }
}

/* Case studies alignment pass for /ai-insights. */
section.framer-LBgrB {
  min-height: auto !important;
  height: auto !important;
  padding: calc(var(--aj-ins-nav-h-lg, 72px) + 48px) 0 38px !important;
  overflow: hidden !important;
  text-align: center !important;
  background: #071447 !important;
}

section.framer-LBgrB::before {
  background:
    linear-gradient(180deg, rgba(7,20,71,0.84) 0%, rgba(7,20,71,0.52) 44%, rgba(7,20,71,0.88) 100%),
    radial-gradient(circle at 50% 44%, rgba(151,194,248,0.14), transparent 38%) !important;
}

section.framer-LBgrB .framer-1vszhyv {
  width: min(100% - 128px, 820px) !important;
  height: auto !important;
  min-height: clamp(320px, 42svh, 420px) !important;
  margin: 0 auto !important;
  padding: 0 0 56px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}

section.framer-LBgrB .framer-71ueo4 {
  width: 100% !important;
  max-width: none !important;
  position: relative !important;
  left: auto !important;
  transform: none !important;
  margin: 0 auto !important;
  gap: 0 !important;
}

section.framer-LBgrB .framer-1prdqhm {
  border-radius: 0 !important;
}

section.framer-LBgrB h1.framer-text {
  max-width: 780px !important;
  margin: 30px auto 0 !important;
  font-size: clamp(36px, 3.85vw, 50px) !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

section.framer-LBgrB .framer-7xu6xb {
  width: min(100%, 700px) !important;
  max-width: 700px !important;
  height: auto !important;
  margin: 22px auto 0 !important;
}

section.framer-LBgrB .framer-7xu6xb p.framer-text {
  color: rgba(255,255,255,0.78) !important;
  font-size: clamp(18px, 1.55vw, 20px) !important;
  font-weight: 400 !important;
  line-height: 1.48 !important;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

section.framer-LBgrB form.framer-46la69 {
  display: none !important;
}

section.framer-YOGDG {
  width: 100vw !important;
  max-width: none !important;
  min-height: auto !important;
  height: auto !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  left: auto !important;
  display: block !important;
  background: #f8fbff !important;
  color: #1b1c1c !important;
  overflow: visible !important;
}

section.framer-YOGDG > .framer-1chncdx {
  width: 100% !important;
  max-width: none !important;
  min-height: 96px !important;
  height: auto !important;
  left: 0 !important;
  right: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 24px 64px !important;
  background: var(--aj-ink-900) !important;
  border-top: 1px solid var(--aj-line-dark) !important;
  border-bottom: 1px solid var(--aj-line-dark) !important;
}

section.framer-YOGDG > .framer-1chncdx::before {
  display: none !important;
}

.framer-1chncdx .framer-sHJaX {
  min-height: 34px !important;
  padding: 0 16px !important;
  border-radius: 0 !important;
}

.framer-1chncdx .framer-sHJaX p.framer-text {
  font-family: var(--font-body, "Poppins", sans-serif) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

.aj-ins-count {
  right: 64px !important;
  color: var(--aj-sky-100) !important;
}

section.framer-YOGDG > .framer-homouu {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: auto !important;
  display: block !important;
  padding: 96px 64px !important;
  background: #f8fbff !important;
}

section.framer-YOGDG .framer-1fvdc0w {
  width: min(100%, 1126px) !important;
  max-width: 1126px !important;
  min-height: auto !important;
  height: auto !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

section.framer-YOGDG .framer-6uqv6s-container {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
}

section.framer-YOGDG span.framer-7JDqi {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  height: auto !important;
  min-height: 220px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  padding: 26px 28px 24px !important;
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  border-radius: 0 !important;
  color: #1b1c1c !important;
  box-shadow: none !important;
  translate: 0 0;
  scale: 1;
  transition:
    background 180ms cubic-bezier(0.23, 1, 0.32, 1),
    border-color 180ms cubic-bezier(0.23, 1, 0.32, 1),
    box-shadow 180ms cubic-bezier(0.23, 1, 0.32, 1),
    translate 180ms cubic-bezier(0.23, 1, 0.32, 1),
    scale 120ms ease-out;
}

section.framer-YOGDG span.framer-7JDqi::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(135deg, rgba(151,194,248,0.26), rgba(151,194,248,0.05) 44%, transparent 78%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

section.framer-YOGDG span.framer-7JDqi::after {
  content: "";
  position: absolute;
  top: 28px;
  right: 28px;
  z-index: 2;
  width: 18px;
  height: 18px;
  border-top: 1px solid var(--aj-sky-400);
  border-right: 1px solid var(--aj-sky-400);
  opacity: 0;
  transform: translate(-4px, 4px);
  pointer-events: none;
  transition:
    opacity 180ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

@media (hover: hover) and (pointer: fine) {
  section.framer-YOGDG span.framer-7JDqi:hover {
    background: #f7fbff !important;
    border-color: rgba(0,29,107,0.28) !important;
    box-shadow: 0 1px 2px rgba(0,29,107,0.06), 0 24px 56px -30px rgba(0,29,107,0.42) !important;
    translate: 0 -3px;
  }

  section.framer-YOGDG span.framer-7JDqi:hover::before,
  section.framer-YOGDG span.framer-7JDqi:hover::after {
    opacity: 1;
  }

  section.framer-YOGDG span.framer-7JDqi:hover::after {
    transform: translate(0, 0);
  }
}

section.framer-YOGDG span.framer-7JDqi:active {
  scale: 0.99;
}

section.framer-YOGDG span.framer-7JDqi .framer-1qjzpkh,
section.framer-YOGDG span.framer-7JDqi .framer-1r0frhv {
  display: none !important;
}

section.framer-YOGDG span.framer-7JDqi .framer-szfvnq,
section.framer-YOGDG span.framer-7JDqi .framer-nnipoa,
section.framer-YOGDG span.framer-7JDqi .framer-szfvnq > *,
section.framer-YOGDG span.framer-7JDqi .framer-nnipoa > *,
section.framer-YOGDG span.framer-7JDqi .framer-nnipoa > * > * {
  position: static !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  max-height: none !important;
}

section.framer-YOGDG span.framer-7JDqi .framer-szfvnq {
  order: 1 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin: 0 36px 22px 0 !important;
}

section.framer-YOGDG span.framer-7JDqi .framer-szfvnq > * {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 3px 8px !important;
  border-radius: 0 !important;
  border: 1px solid rgba(0,29,107,0.10) !important;
  background: #eaf4ff !important;
}

section.framer-YOGDG span.framer-7JDqi .framer-szfvnq > *:nth-child(2) {
  background: transparent !important;
  border-color: rgba(0,0,0,0.08) !important;
}

section.framer-YOGDG span.framer-7JDqi .framer-szfvnq p.framer-text {
  color: #001d6b !important;
  font-family: "Poppins", "Poppins Placeholder", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

section.framer-YOGDG span.framer-7JDqi .framer-szfvnq > *:nth-child(2) p.framer-text {
  color: #6b7280 !important;
}

section.framer-YOGDG span.framer-7JDqi .framer-nnipoa {
  order: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding-top: 0 !important;
}

section.framer-YOGDG span.framer-7JDqi .framer-nnipoa p.framer-text {
  color: #001d6b !important;
  font-family: "Poppins", "Poppins Placeholder", sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.28 !important;
  letter-spacing: -0.22px !important;
  text-wrap: balance;
}

section.framer-YOGDG span.framer-7JDqi .framer-nnipoa::after {
  content: "Read insight";
  display: block;
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid rgba(0,0,0,0.08);
  color: #6b7280;
  font-family: "Fragment Mono", monospace;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0;
}

/* Native cards avoid Framer's projection transforms on cloned components. */
section.framer-YOGDG .aj-ins-generated-card {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 220px !important;
  height: auto !important;
  transform: none !important;
  translate: none !important;
  scale: 1 !important;
}

section.framer-YOGDG .aj-ins-local-card {
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 220px;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 26px 28px 24px;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 0;
  color: #1b1c1c;
  text-decoration: none;
  box-shadow: none;
  transform: none !important;
  translate: 0 0;
  scale: 1;
  transition:
    background 180ms cubic-bezier(0.23, 1, 0.32, 1),
    border-color 180ms cubic-bezier(0.23, 1, 0.32, 1),
    box-shadow 180ms cubic-bezier(0.23, 1, 0.32, 1),
    translate 180ms cubic-bezier(0.23, 1, 0.32, 1),
    scale 120ms ease-out;
}

section.framer-YOGDG .aj-ins-local-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(135deg, rgba(151,194,248,0.26), rgba(151,194,248,0.05) 44%, transparent 78%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

section.framer-YOGDG .aj-ins-local-card::after {
  content: "";
  position: absolute;
  top: 28px;
  right: 28px;
  width: 18px;
  height: 18px;
  border-top: 1px solid var(--aj-sky-400);
  border-right: 1px solid var(--aj-sky-400);
  opacity: 0;
  transform: translate(-4px, 4px);
  pointer-events: none;
  transition:
    opacity 180ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

section.framer-YOGDG .aj-ins-local-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0 36px 22px 0;
}

section.framer-YOGDG .aj-ins-local-meta > * {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 8px;
  border: 1px solid rgba(0,29,107,0.10);
  background: #eaf4ff;
  color: #001d6b;
  font-family: "Poppins", "Poppins Placeholder", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
}

section.framer-YOGDG .aj-ins-local-meta time {
  background: transparent;
  border-color: rgba(0,0,0,0.08);
  color: #6b7280;
}

section.framer-YOGDG .aj-ins-local-title {
  margin: 0;
  color: #001d6b;
  font-family: "Poppins", "Poppins Placeholder", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: -0.22px;
  text-wrap: balance;
}

section.framer-YOGDG .aj-ins-local-read {
  display: block;
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid rgba(0,0,0,0.08);
  color: #6b7280;
  font-family: "Fragment Mono", monospace;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0;
}

section.framer-YOGDG .aj-ins-local-card:focus-visible {
  outline: 2px solid var(--aj-sky-400);
  outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
  section.framer-YOGDG .aj-ins-local-card:hover {
    background: #f7fbff;
    border-color: rgba(0,29,107,0.28);
    box-shadow: 0 1px 2px rgba(0,29,107,0.06), 0 24px 56px -30px rgba(0,29,107,0.42);
    translate: 0 -3px;
  }

  section.framer-YOGDG .aj-ins-local-card:hover::before,
  section.framer-YOGDG .aj-ins-local-card:hover::after {
    opacity: 1;
  }

  section.framer-YOGDG .aj-ins-local-card:hover::after {
    transform: translate(0, 0);
  }
}

section.framer-YOGDG .aj-ins-local-card:active {
  scale: 0.99;
}

@media (max-width: 809.98px) {
  section.framer-LBgrB {
    padding-top: calc(var(--aj-ins-nav-h, 72px) + 36px) !important;
    padding-bottom: 30px !important;
  }

  section.framer-LBgrB .framer-1vszhyv {
    width: min(100% - 40px, 680px) !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
  }

  section.framer-LBgrB .framer-71ueo4 {
    width: 100% !important;
  }

  section.framer-LBgrB h1.framer-text {
    margin-top: 22px !important;
    font-size: clamp(32px, 8.2vw, 38px) !important;
    line-height: 1.12 !important;
  }

  section.framer-LBgrB .framer-7xu6xb p.framer-text {
    font-size: clamp(16px, 4.4vw, 18px) !important;
    line-height: 1.5 !important;
  }

  section.framer-YOGDG > .framer-1chncdx {
    min-height: 64px !important;
    padding: 14px 20px !important;
  }

  .framer-1chncdx .framer-sHJaX {
    min-height: 34px !important;
    padding: 0 12px !important;
  }

  .framer-1chncdx .framer-sHJaX p.framer-text {
    font-size: 12px !important;
    letter-spacing: 0.12em !important;
  }

  section.framer-YOGDG > .framer-homouu {
    padding: 64px 20px !important;
  }

  section.framer-YOGDG .framer-1fvdc0w {
    grid-template-columns: 1fr !important;
  }

  section.framer-YOGDG span.framer-7JDqi {
    min-height: 0 !important;
    padding: 22px 20px !important;
  }

  section.framer-YOGDG span.framer-7JDqi .framer-szfvnq {
    gap: 6px !important;
    margin-bottom: 18px !important;
  }

  section.framer-YOGDG span.framer-7JDqi .framer-szfvnq > * {
    min-height: 22px !important;
    padding: 3px 7px !important;
  }

  section.framer-YOGDG span.framer-7JDqi .framer-szfvnq p.framer-text {
    font-size: 11px !important;
  }

  section.framer-YOGDG span.framer-7JDqi .framer-nnipoa p.framer-text {
    font-size: 20px !important;
    line-height: 1.28 !important;
  }

  section.framer-YOGDG span.framer-7JDqi .framer-nnipoa::after {
    margin-top: 22px;
    padding-top: 16px;
  }

  section.framer-YOGDG .aj-ins-generated-card,
  section.framer-YOGDG .aj-ins-local-card {
    min-height: 0 !important;
  }

  section.framer-YOGDG .aj-ins-local-card {
    height: auto;
    padding: 22px 20px;
  }

  section.framer-YOGDG .aj-ins-local-meta {
    gap: 6px;
    margin-bottom: 18px;
  }

  section.framer-YOGDG .aj-ins-local-meta > * {
    min-height: 22px;
    padding: 3px 7px;
    font-size: 11px;
  }

  section.framer-YOGDG .aj-ins-local-title {
    font-size: 20px;
    line-height: 1.28;
  }

  section.framer-YOGDG .aj-ins-local-read {
    margin-top: 22px;
    padding-top: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  section.framer-YOGDG span.framer-7JDqi,
  section.framer-YOGDG span.framer-7JDqi::before,
  section.framer-YOGDG span.framer-7JDqi::after {
    transition: none !important;
  }

  section.framer-YOGDG span.framer-7JDqi:hover {
    translate: 0 0;
    scale: 1;
  }

  section.framer-YOGDG .aj-ins-local-card,
  section.framer-YOGDG .aj-ins-local-card::before,
  section.framer-YOGDG .aj-ins-local-card::after {
    transition: none !important;
  }

  section.framer-YOGDG .aj-ins-local-card:hover {
    translate: 0 0;
    scale: 1;
  }
}

/* Insights filter toolbar: local controls plus the Framer Blogs/Case Study switcher. */
section.framer-YOGDG > .framer-1chncdx {
  display: grid !important;
  grid-template-columns: minmax(420px, 1fr) auto auto auto !important;
  align-items: center !important;
  justify-content: stretch !important;
  column-gap: 10px !important;
  row-gap: 16px !important;
}

.aj-ins-filter-controls {
  grid-column: 1 !important;
  justify-self: start;
  width: min(100%, 720px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.aj-ins-select-wrap {
  position: relative;
  display: block;
  min-width: 0;
}

.aj-ins-select-wrap > span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.aj-ins-select-wrap::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-right: 1px solid var(--aj-sky-400);
  border-bottom: 1px solid var(--aj-sky-400);
  transform: translateY(-58%) rotate(45deg);
  pointer-events: none;
}

.aj-ins-select {
  width: 100%;
  min-width: 0;
  min-height: 46px;
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid var(--aj-line-dark);
  border-radius: 0;
  background: rgba(255,255,255,0.05);
  color: #fff;
  cursor: pointer;
  font-family: var(--font-body, "Poppins", sans-serif) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  padding: 12px 40px 12px 14px;
  transition: background 180ms cubic-bezier(0.23, 1, 0.32, 1), border-color 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

.aj-ins-select:hover,
.aj-ins-select:focus {
  background: rgba(255,255,255,0.08);
  border-color: rgba(151,194,248,0.45);
  outline: none;
}

.aj-ins-select:focus-visible {
  outline: 2px solid var(--aj-sky-400);
  outline-offset: 2px;
}

.aj-ins-select option {
  font-family: var(--font-body, "Poppins", sans-serif);
  font-size: 14px;
  font-weight: 600;
  background: #071447;
  color: #fff;
}

section.framer-YOGDG > .framer-1chncdx .framer-1elbi1t-container {
  grid-column: 2 !important;
  justify-self: end !important;
}

section.framer-YOGDG > .framer-1chncdx .framer-1olpj1x-container {
  grid-column: 3 !important;
  justify-self: start !important;
}

section.framer-YOGDG > .framer-1chncdx .aj-ins-count {
  display: none !important;
}

.aj-ins-filter-hidden {
  display: none !important;
}

.aj-ins-empty {
  display: none;
  grid-column: 1 / -1;
  margin: 0;
  padding: 28px;
  border: 1px solid rgba(0,0,0,0.08);
  background: #fff;
  color: #6b7280;
  font-family: "Poppins", "Poppins Placeholder", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
}

.aj-ins-empty.is-visible {
  display: block;
}

@media (max-width: 980px) {
  section.framer-YOGDG > .framer-1chncdx {
    grid-template-columns: 1fr auto auto !important;
  }

  .aj-ins-filter-controls {
    grid-column: 1 / -1 !important;
    width: 100%;
  }

  section.framer-YOGDG > .framer-1chncdx .framer-1elbi1t-container {
    grid-column: 1 !important;
    justify-self: end !important;
  }

  section.framer-YOGDG > .framer-1chncdx .framer-1olpj1x-container {
    grid-column: 2 !important;
  }

  section.framer-YOGDG > .framer-1chncdx .aj-ins-count {
    grid-column: 3 !important;
  }
}

@media (max-width: 809.98px) {
  section.framer-YOGDG > .framer-1chncdx {
    grid-template-columns: auto auto !important;
    justify-content: center !important;
    padding: 14px 20px !important;
  }

  .aj-ins-filter-controls {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .aj-ins-select {
    min-height: 36px;
    padding: 8px 24px 8px 8px;
    font-size: 12px;
  }

  .aj-ins-select-wrap::after {
    right: 9px;
    width: 6px;
    height: 6px;
  }

  section.framer-YOGDG > .framer-1chncdx .framer-1elbi1t-container {
    grid-column: 1 !important;
  }

  section.framer-YOGDG > .framer-1chncdx .framer-1olpj1x-container {
    grid-column: 2 !important;
  }

  section.framer-YOGDG > .framer-1chncdx .aj-ins-count {
    display: none !important;
  }
}