/* About page replica of the supplied FreeLLM screenshot. */
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] {
  --about-blue: #0868f7 !important;
  --about-ink: #10264b;
  --about-muted: #7185a7 !important;
  --about-line: #e1ebf7;
  --about-card-shadow: 0 4px 14px rgba(57, 111, 176, .07) !important;
  overflow-x: hidden !important;
  background: #fff !important;
  color: var(--about-ink) !important;
}

html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] > .about-hero {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  width: calc(100% - var(--prototype-rail)) !important;
  max-width: none !important;
  height: 282px !important;
  min-height: 282px !important;
  margin: 0 0 0 var(--prototype-rail) !important;
  padding: 56px 22px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(110deg, #f6fbff 0%, #fff 38%, #eff7ff 100%) !important;
  box-shadow: none !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] > .about-hero::after {
  content: "" !important;
  position: absolute;
  z-index: 1 !important;
  inset: 0 0 0 32%;
  pointer-events: none !important;
  background: linear-gradient(90deg, rgba(255,255,255,.98), rgba(255,255,255,.1) 28%, transparent 58%);
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-hero-art {
  position: absolute !important;
  z-index: 0 !important;
  top: 5px !important;
  right: -55px !important;
  width: 480px !important;
  height: 278px !important;
  max-width: 76% !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: .98 !important;
  pointer-events: none !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-hero-copy {
  position: relative !important;
  z-index: 2 !important;
  max-width: 450px !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-eyebrow {
  margin: 0 0 7px !important;
  color: #075cff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-hero h1 {
  max-width: 460px !important;
  margin: 0 0 12px !important;
  color: #0b1736 !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: -.035em !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-hero h1 b { color: #0868f7 !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-lead {
  max-width: 420px !important;
  margin: 0 !important;
  color: #53698d !important;
  font-size: 10px !important;
  line-height: 1.65 !important;
}

html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] > .about-values {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: calc(100% - var(--prototype-rail) - 40px) !important;
  margin: 5px 18px 12px calc(var(--prototype-rail) + 22px) !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-value-card {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  min-height: 62px !important;
  padding: 8px 11px !important;
  border: 1px solid var(--about-line) !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: var(--about-card-shadow) !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-icon {
  display: grid !important;
  flex: 0 0 36px !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #eaf5ff !important;
  color: var(--about-blue) !important;
  font-size: 19px !important;
  font-style: normal !important;
  line-height: 1 !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-icon svg { width: 21px !important; height: 21px; fill: none !important; stroke: currentColor; stroke-width: 1.8 !important; stroke-linecap: round; stroke-linejoin: round !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-icon.icon-green { background: #e4f8f1 !important; color: #10a97e !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-icon.icon-rose { background: #fff0f2 !important; color: #f05563 !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-icon.icon-violet { background: #f2ebff !important; color: #9145e7 !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-icon.icon-amber { background: #fff4dc !important; color: #f08c00 !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-value-card strong { display: block !important; color: #075cff; font-size: 12px !important; line-height: 1.25; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-value-card small { display: block !important; margin-top: 3px; color: var(--about-muted) !important; font-size: 8px; line-height: 1.35 !important; }

html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] > .about-quote {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: calc(100% - var(--prototype-rail) - 40px) !important;
  min-height: 61px !important;
  margin: 0 18px 27px calc(var(--prototype-rail) + 22px) !important;
  padding: 0 14px !important;
  border: 1px solid #e2edfb !important;
  border-radius: 9px !important;
  background: linear-gradient(90deg, #deebfc, #d7e6fa 58%, #e4efff) !important;
  box-shadow: none !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-quote .quote-open,
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-quote .quote-close { color: #abc9f3 !important; font: 700 31px/1 Georgia, serif; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-quote p { flex: 1 !important; margin: 0; color: #17366c !important; font-size: 10px; font-weight: 700 !important; line-height: 1.45; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-quote small { margin-left: auto !important; color: #526991; font-size: 8px !important; white-space: nowrap; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-quote img { display: block !important; width: 76px; height: 26px !important; object-fit: contain; }

html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] > .about-status {
  width: calc(100% - var(--prototype-rail) - 40px) !important;
  min-height: 0 !important;
  margin: 5px 18px 27px calc(var(--prototype-rail) + 22px) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-section-heading { display: flex !important; align-items: baseline; justify-content: space-between !important; gap: 10px; margin: 0 0 8px !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-section-heading > div { display: flex !important; align-items: baseline; gap: 11px !important; min-width: 0; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-section-heading h2,
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-status-heading h2 { margin: 0 !important; color: #10264b !important; font-size: 18px !important; font-weight: 850 !important; line-height: 1.2 !important; letter-spacing: -.02em !important; white-space: nowrap !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-section-heading p,
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-status-heading p { margin: 0 !important; color: var(--about-muted) !important; font-size: 9px !important; line-height: 1.3 !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-status-heading { align-items: baseline !important; margin-bottom: 8px; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-status-heading small { color: var(--about-muted) !important; font-size: 8px; white-space: nowrap !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-stat-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-stat-card {
  display: flex !important; align-items: center; gap: 9px !important; min-width: 0; min-height: 104px !important; padding: 10px 11px;
  border: 1px solid var(--about-line) !important; border-radius: 9px; background: #fff !important; box-shadow: var(--about-card-shadow);
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-stat-card .about-icon { flex-basis: 39px !important; width: 39px !important; height: 39px !important; border-radius: 50% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-stat-card strong { display: block !important; color: #0868f7; font-size: 22px !important; font-weight: 800; line-height: 1 !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-stat-card:nth-child(2) strong { color: #893be5 !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-stat-card:nth-child(3) strong { color: #10a97e !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-stat-card:nth-child(4) strong { color: #f08c00 !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-stat-card div > span { display: block !important; margin-top: 5px; color: #213963 !important; font-size: 9px; line-height: 1.25 !important; white-space: nowrap; }

html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] > .about-page {
  display: block !important;
  width: calc(100% - var(--prototype-rail) - 40px) !important;
  max-width: none !important;
  margin: 0 18px 0 calc(var(--prototype-rail) + 22px) !important;
  padding: 0 0 16px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-page > .about-section {
  min-width: 0 !important;
  margin: 0 0 25px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-section-heading { margin-bottom: 9px !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-card-grid { display: grid !important; gap: 7px; margin: 0 !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-card-grid.three-columns { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-card-grid.four-columns { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-card {
  min-width: 0 !important; min-height: 108px; padding: 10px 11px !important; border: 1px solid var(--about-line); border-radius: 9px !important;
  background: #fff; box-shadow: var(--about-card-shadow) !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-card .about-icon { float: left !important; margin: 0 8px 5px 0 !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-card h3,
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-contact-card h3 { margin: 3px 0 5px !important; color: #132a52 !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1.25 !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-card p,
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-contact-card p { clear: both !important; margin: 4px 0 0 !important; color: #7185a7 !important; font-size: 8px !important; line-height: 1.55 !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-principles .about-card { min-height: 163px !important; padding-top: 12px; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-principles .about-card .about-icon { float: none !important; display: grid; margin: 0 0 11px !important; width: 47px !important; height: 47px !important; border-radius: 13px !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-principles .about-card h3 { clear: both !important; margin-top: 0 !important; font-size: 11px !important; }

html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-update-grid {
  display: grid !important; grid-template-columns: minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr);
  align-items: center !important; gap: 4px; margin-top: 0 !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-update-card { min-width: 0 !important; min-height: 142px; padding: 11px 10px !important; border: 1px solid var(--about-line); border-radius: 9px !important; background: #fff; box-shadow: var(--about-card-shadow) !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-update-card .about-icon { margin: 0 0 8px !important; width: 43px !important; height: 43px !important; border-radius: 12px !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-update-card h3 { margin: 0 0 5px !important; color: #132a52 !important; font-size: 10px !important; font-weight: 800 !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-update-card p { margin: 0 !important; color: #7185a7 !important; font-size: 8px !important; line-height: 1.5 !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-step-arrow { color: #1680ff !important; font-size: 16px; text-align: center !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-independence .about-card { min-height: 108px !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-community-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-contact-card {
  display: grid !important; grid-template-columns: 49px minmax(0,1fr); gap: 10px !important; min-width: 0; min-height: 140px !important; padding: 11px 13px;
  border: 1px solid var(--about-line) !important; border-radius: 9px; background: #fff !important; box-shadow: var(--about-card-shadow);
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-contact-card .about-icon { width: 42px !important; height: 42px !important; border-radius: 50% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-contact-card p { clear: none !important; margin: 0 0 8px !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-action { display: inline-flex !important; align-items: center; gap: 7px !important; min-height: 28px; padding: 0 12px !important; border: 1px solid #aac8ff; border-radius: 8px !important; background: #fff; color: #0868f7 !important; font-size: 8px; font-weight: 700 !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-action.primary-action { border-color: #0868f7 !important; background: #0868f7; color: #fff !important; box-shadow: 0 4px 9px rgba(8,104,247,.22); }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-page a { color: inherit !important; }

@media (max-width: 740px) {
  html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] > .about-hero { height: 270px !important; min-height: 270px !important; padding: 52px 18px 0 !important; }
  html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-hero-art { right: -90px !important; max-width: none !important; opacity: .48 !important; }
  html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] > .about-values,
  html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] > .about-quote,
  html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] > .about-status,
  html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] > .about-page { width: calc(100% - var(--prototype-rail) - 20px) !important; margin-left: calc(var(--prototype-rail) + 10px) !important; margin-right: 10px !important; }
  html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-card-grid.four-columns { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-update-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-step-arrow { display: none !important; }
  html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-update-card { min-height: 120px !important; }
  html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-section-heading > div { flex-wrap: wrap !important; gap: 2px 8px; }
}
@media (max-width: 560px) {
  html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] > .about-values { grid-template-columns: 1fr !important; }
  html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-stat-grid,
  html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-card-grid.three-columns,
  html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-card-grid.two-columns,
  html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-card-grid.four-columns,
  html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-update-grid { grid-template-columns: 1fr !important; }
  html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-quote img,
  html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-quote small { display: none !important; }
  html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-section-heading h2 { white-space: normal !important; }
}

/* Final overrides for legacy About rules in prototype-pages.css. */
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] > .about-hero { padding: 56px 22px 0 !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] > .about-hero::before { content: none !important; display: none !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] > .about-hero .about-eyebrow { display: block !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] > .ref-topbar { inset: 6px 20px auto calc(var(--prototype-rail) + 22px) !important; }
@media (min-width: 601px) and (max-width: 820px) {
  html body.fl-ui-v2[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] > .ref-topbar.ref-topbar {
    position: fixed !important;
    inset: 6px 14px auto calc(var(--prototype-rail) + 16px) !important;
    width: auto !important;
    margin: 0 !important;
  }
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .ref-search { max-width: 435px !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .ref-search input { min-width: 0 !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .ref-search kbd { flex: 0 0 auto !important; white-space: nowrap !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] > .about-page {
  display: block !important; margin: 0 18px 0 calc(var(--prototype-rail) + 22px) !important; gap: 0 !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] > .about-page > .about-section {
  min-height: 0 !important; height: auto !important; margin: 0 0 29px !important; padding: 0 14px !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] > .about-page > .about-section.about-community {
  min-height: 0 !important; margin-bottom: 16px !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-card p,
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-contact-card p { font-size: 9px !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-card h3,
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-contact-card h3 { font-size: 12px !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-update-card p { font-size: 9px !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-update-card h3 { font-size: 11px !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-section-heading { margin-bottom: 8px !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-reasons .about-section-heading {
  display: block !important; margin-bottom: 12px !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-reasons .about-section-heading > div {
  display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 3px !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-reasons .about-card { min-height: 112px !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-reasons .about-card,
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-independence .about-card {
  display: grid !important; grid-template-columns: 43px minmax(0,1fr) !important; grid-template-rows: auto 1fr !important; column-gap: 9px !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-reasons .about-card .about-icon,
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-independence .about-card .about-icon {
  grid-column: 1 !important; grid-row: 1 / span 2 !important; float: none !important; margin: 0 !important; align-self: start !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-reasons .about-card h3,
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-independence .about-card h3 {
  grid-column: 2 !important; grid-row: 1 !important; margin: 3px 0 5px !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-reasons .about-card p,
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-independence .about-card p {
  grid-column: 2 !important; grid-row: 2 !important; clear: none !important; margin: 0 !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] > .prototype-footer {
  position: relative !important; left: var(--prototype-rail) !important; width: calc(100% - var(--prototype-rail)) !important; max-width: none !important;
  min-height: 233px !important; margin: 0 !important; padding-top: 15px !important; overflow: hidden !important;
  padding-left: 27px !important; padding-right: 18px !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  background-color: #f8fbff !important; background-image: url("../assets/reference/footer-mountain-art.png") !important;
  background-position: center calc(100% - 58px) !important; background-size: 100% 100px !important; background-repeat: no-repeat !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .prototype-footer-main {
  min-height: 160px !important; grid-template-columns: 160px 100px 100px 110px minmax(140px,1fr) !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .prototype-footer-bottom {
  box-sizing: border-box !important; position: relative !important; justify-content: initial !important; width: calc(100% + 45px) !important; min-height: 58px !important; margin: 0 -27px 0 -27px !important; padding: 0 27px !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .prototype-footer-legal {
  position: absolute !important; left: 240px !important; display: flex !important; flex-direction: row !important; gap: 24px !important; align-items: center !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .prototype-footer-slogan { align-self: start !important; margin-top: 40px !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .prototype-footer-brand img { border-radius: 50% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .prototype-footer-social { position: absolute !important; left: 517px !important; gap: 16px !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .prototype-footer-social svg { display: block !important; width: 14px !important; height: 14px !important; fill: currentColor !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .prototype-footer-bottom button { position: absolute !important; right: 20px !important; width: 90px !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-status-heading { margin-bottom: 12px !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] > .fl-site-rail .fl-site-brand { margin-bottom: 12px !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] > .fl-site-rail .fl-site-nav { gap: 6.5px !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .fl-site-theme-toggle { top: 356px !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] > .fl-site-rail::after {
  background-position: center 415px, center bottom !important;
  background-size: 100% auto, 100% 190px !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .fl-site-brand-copy small {
  font-size: 0 !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .fl-site-brand-copy small::after {
  content: "AI for Everyone"; font-size: 7px !important;
}

/* Reuse the exact 48px icon crops from the supplied reference screenshot. */
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-icon {
  background-color: transparent !important; background-image: url("../assets/reference/about-icons-sprite.png") !important;
  background-size: 500% 500% !important; font-size: 0 !important; color: transparent !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-icon svg { display: none !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-value-card:nth-child(1) .about-icon { background-position: 0% 0% !important; width: 40px !important; height: 40px !important; flex-basis: 40px !important; border-radius: 50% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-value-card:nth-child(2) .about-icon { background-position: 25% 0% !important; width: 40px !important; height: 40px !important; flex-basis: 40px !important; border-radius: 50% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-value-card:nth-child(3) .about-icon { background-position: 50% 0% !important; width: 40px !important; height: 40px !important; flex-basis: 40px !important; border-radius: 50% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-stat-card:nth-child(1) .about-icon { background-position: 75% 0% !important; width: 46px !important; height: 46px !important; flex-basis: 46px !important; border-radius: 50% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-stat-card:nth-child(2) .about-icon { background-position: 100% 0% !important; width: 46px !important; height: 46px !important; flex-basis: 46px !important; border-radius: 50% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-stat-card:nth-child(3) .about-icon { background-position: 0% 25% !important; width: 46px !important; height: 46px !important; flex-basis: 46px !important; border-radius: 50% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-stat-card:nth-child(4) .about-icon { background-position: 25% 25% !important; width: 46px !important; height: 46px !important; flex-basis: 46px !important; border-radius: 50% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-reasons .about-card:nth-child(1) .about-icon { background-position: 50% 25% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-reasons .about-card:nth-child(2) .about-icon { background-position: 75% 25% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-reasons .about-card:nth-child(3) .about-icon { background-position: 100% 25% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-reasons .about-icon,
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-independence .about-icon { width: 44px !important; height: 44px !important; border-radius: 50% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-principles .about-card:nth-child(1) .about-icon { background-position: 0% 50% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-principles .about-card:nth-child(2) .about-icon { background-position: 25% 50% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-principles .about-card:nth-child(3) .about-icon { background-position: 50% 50% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-principles .about-card:nth-child(4) .about-icon { background-position: 75% 50% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-principles .about-icon { width: 48px !important; height: 48px !important; border-radius: 13px !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-updates .about-update-card:nth-of-type(1) .about-icon { background-position: 100% 50% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-updates .about-update-card:nth-of-type(2) .about-icon { background-position: 0% 75% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-updates .about-update-card:nth-of-type(3) .about-icon { background-position: 25% 75% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-updates .about-update-card:nth-of-type(4) .about-icon { background-position: 50% 75% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-update-card .about-icon { width: 44px !important; height: 44px !important; border-radius: 12px !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-independence .about-card:nth-child(1) .about-icon { background-position: 75% 75% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-independence .about-card:nth-child(2) .about-icon { background-position: 100% 75% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-independence .about-card:nth-child(3) .about-icon { background-position: 0% 100% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-contact-card:nth-child(1) .about-icon { background-position: 25% 100% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-contact-card:nth-child(2) .about-icon { background-position: 50% 100% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-contact-card .about-icon { width: 44px !important; height: 44px !important; flex-basis: 44px !important; border-radius: 50% !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-icon.icon-blue.icon-blue,
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-icon.icon-green.icon-green,
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-icon.icon-violet.icon-violet,
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-icon.icon-rose.icon-rose,
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .about-icon.icon-amber.icon-amber {
  background-image: url("../assets/reference/about-icons-sprite.png") !important; background-size: 500% 500% !important; background-repeat: no-repeat !important;
}
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .fl-site-nav [data-site-nav="health"] { display: none !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .ref-top-actions { gap: 10px !important; }
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .ref-top-actions .prototype-login,
html body[data-reference-style="v1"][data-fl-section="about"][data-about-static="true"] .ref-top-actions .prototype-register { min-width: 48px !important; padding-right: 10px !important; padding-left: 10px !important; }
