.bfo-rates-hero-copy {
  --bfo-rates-hero-ink: #040136;
  --bfo-rates-hero-signal: #d44300;
  --bfo-rates-hero-muted: #5c6079;
  --bfo-rates-hero-line: #e5e8f2;
  color: var(--bfo-rates-hero-ink);
  width: 100%;
}

.bfo-rates-hero-copy__eyebrow {
  align-items: center;
  background: #fff2ec;
  border-radius: 999px;
  color: #c23a0e;
  display: inline-flex;
  font-size: 12px;
  font-weight: 600;
  gap: 9px;
  letter-spacing: 0.1em;
  line-height: 1.45;
  margin: 0 0 24px;
  padding: 7px 12px;
  text-transform: uppercase;
}

.bfo-rates-hero-copy__eyebrow > span {
  background: currentColor;
  border-radius: 50%;
  flex: none;
  height: 5px;
  width: 5px;
}

.bfo-rates-hero-copy__title {
  color: var(--bfo-rates-hero-ink);
  font-family: "Bricolage Grotesque", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(38px, 5vw, 60px);
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.02;
  margin: 0 0 22px;
  overflow-wrap: anywhere;
}

.bfo-rates-hero-copy__title > span { color: var(--bfo-rates-hero-signal); }

.bfo-rates-hero-copy__lede {
  color: var(--bfo-rates-hero-muted);
  font-size: 18.5px;
  line-height: 1.6;
  margin: 0 0 32px;
  max-width: 520px;
}

.bfo-rates-hero-copy__lede p { margin: 0; }
.bfo-rates-hero-copy__lede p + p { margin-top: 1em; }
.bfo-rates-hero-copy__lede strong,
.bfo-rates-hero-copy__lede b {
  color: var(--bfo-rates-hero-ink);
  font-weight: 600;
}

.bfo-rates-hero-copy__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 34px;
}

.bfo-rates-hero-copy__button {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 10px;
  display: inline-flex;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15.5px;
  font-weight: 600;
  gap: 4px;
  justify-content: center;
  line-height: 1.25;
  min-height: 44px;
  min-width: 44px;
  padding: 14px 22px;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, transform 0.12s ease;
}

.bfo-rates-hero-copy__button--primary,
.bfo-rates-hero-copy__button--primary:visited {
  background: var(--bfo-rates-hero-signal);
  box-shadow: 0 8px 18px -8px rgba(212, 67, 0, 0.65);
  color: #fff;
}

.bfo-rates-hero-copy__button--primary:hover,
.bfo-rates-hero-copy__button--primary:focus-visible {
  background: #c23a0e;
  box-shadow: 0 12px 24px -8px rgba(194, 58, 14, 0.6);
  color: #fff;
  transform: translateY(-1px);
}

.bfo-rates-hero-copy__button--secondary,
.bfo-rates-hero-copy__button--secondary:visited {
  background: #fff;
  border-color: var(--bfo-rates-line-strong);
  color: var(--bfo-rates-hero-ink);
}

.bfo-rates-hero-copy__button--secondary:hover,
.bfo-rates-hero-copy__button--secondary:focus-visible {
  border-color: var(--bfo-rates-hero-ink);
  color: var(--bfo-rates-hero-ink);
  transform: translateY(-1px);
}

.bfo-rates-hero-copy__trust {
  border-top: 1px solid var(--bfo-rates-hero-line);
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 22px 0 0;
}

.bfo-rates-hero-copy__trust li {
  border-right: 1px solid var(--bfo-rates-hero-line);
  display: flex;
  flex-direction: column;
  margin: 0 22px 10px 0;
  min-width: 0;
  padding: 0 22px 0 0;
}

.bfo-rates-hero-copy__trust li:last-child { border-right: 0; margin-right: 0; padding-right: 0; }

.bfo-rates-hero-copy__trust strong {
  color: var(--bfo-rates-hero-ink);
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.25;
}

.bfo-rates-hero-copy__trust span {
  color: var(--bfo-rates-hero-muted);
  font-size: 12.5px;
  line-height: 1.4;
  margin-top: 2px;
}

@media (max-width: 767px) {
  .bfo-rates-hero-copy__title { font-size: clamp(38px, 9vw, 52px); }
}

@media (max-width: 560px) {
  .bfo-rates-hero-copy__title { font-size: clamp(38px, 12vw, 48px); }
  .bfo-rates-hero-copy__lede { font-size: 17px; }
  .bfo-rates-hero-copy__actions { align-items: stretch; flex-direction: column; }
  .bfo-rates-hero-copy__button { width: 100%; }
  .bfo-rates-hero-copy__trust { display: grid; gap: 14px 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bfo-rates-hero-copy__trust li { border-right: 0; margin: 0; padding: 0; }
}