/* Inspo brand overrides — fonts, accents, cleanup */

@font-face {
  font-family: 'Geist';
  src: url('./fonts/Satoshi-Variable.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('./fonts/Satoshi-VariableItalic.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('./fonts/Satoshi-Variable.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('./fonts/Satoshi-VariableItalic.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Geist Placeholder';
  src: local('Arial');
  ascent-override: 100%;
  descent-override: 24%;
  size-adjust: 98%;
}

/* The dot is the identity — always Inspo Orange */
[data-inspo-dot]::after {
  content: '.';
  color: #FF5A1F;
}

/* Template promo widget (author-labelled "Delete me!") and Framer badge */
[data-framer-name="Delete me!"],
#__framer-badge-container {
  display: none !important;
}

/* Anonymous testimonials — no stock faces */
img[src*="i3aEeezQjGIGVleGgSPry44QwKo"],
img[src*="7A0a2DwVW1CflEhx9hinSNdRmw"],
img[src*="Lr6nDfwod2cfh3RCn5wxChQoOg"] {
  display: none !important;
}

/* Team grid: only the two real founders */
.framer-1ja7gos > div:has(img[src*="2tiQFkd5S2BAWIEShaSCdLTiY"]),
.framer-1ja7gos > div:has(img[src*="33ZiQHiNM5s1AOYU8Ejc9IMhc84"]) {
  display: none !important;
}

/* Template author avatar + Framer credit link in footer bar */
img[src*="nr593SABZlC19HZOrgnV0sWc8A"],
a[href="https://www.framer.com"],
a[href^="https://www.framer.com/"],
a[href^="https://framer.com"] {
  display: none !important;
}

/* FAQ — pin the heading while the questions scroll past it.
   `clip` clips exactly like `hidden` but does not create a scroll container,
   which is what lets the sticky heading below anchor to the viewport. */
@media (min-width: 810px) {
  main.framer-jpdxmw,
  div.framer-ugBOm.framer-loOMQ {
    overflow: clip !important;
  }

  section[data-framer-name="FAQ"] > div > div[data-framer-name="Heading"] {
    position: sticky;
    top: 108px;
    align-self: flex-start;
  }
}