/* Funding-only cinematic hero. No shared layout or application rules changed. */
.f2-hero--mercury {
  --mercury-night: #080c13;
  --mercury-fog: #aeb5c4;
  --mercury-rule: #ffffff24;
  --mercury-title: clamp(3.75rem, 7.9vw, 8rem);
  position: relative;
  isolation: isolate;
  background: var(--mercury-night);
  border-bottom: 1px solid var(--mercury-rule);
}
.f2-hero--mercury .f2-hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  gap: var(--f2-s8);
  min-height: 760px;
  padding-block: var(--f2-s12) var(--f2-s20);
}
.f2-hero--mercury .f2-hero-copy {
  position: relative;
  z-index: 1;
  min-width: 0;
  max-width: 680px;
  margin: 0;
  text-align: left;
}
.f2-hero--mercury .f2-mercury-eyebrow {
  display: block;
  padding: 0;
  border: 0;
  background: none;
  margin: 0 0 var(--f2-s8);
  color: #859bf6;
  font-size: .8125rem;
  font-weight: 700;
  letter-spacing: .14em;
  line-height: 1.5;
}
.f2-hero--mercury h1 {
  font-size: var(--mercury-title);
  line-height: .98;
  letter-spacing: -.055em;
  font-weight: 700;
}
.f2-hero--mercury h1 > .f2-hero-win {
  color: var(--f2-copper-light);
  margin-top: 0;
}
@supports ((background-clip:text) or (-webkit-background-clip:text)) {
  .f2-hero--mercury h1 > .f2-hero-win {
    background: linear-gradient(175deg,#627ce6 5%,#a6b6f7 28%,#fff9ed 43%,#6e85e1 48%,#3953ba 54%,#7891f4 73%,#a3b5fe 95%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 2px 0 #2435792e);
  }
}
@media (forced-colors: active) {
  .f2-hero--mercury h1 > .f2-hero-win {
    background: none;
    color: CanvasText;
    -webkit-text-fill-color: CanvasText;
    filter: none;
  }
}
.f2-hero--mercury .f2-lede {
  max-width: 460px;
  margin: var(--f2-s6) 0 0;
  color: var(--mercury-fog);
  font-size: clamp(1.125rem,1rem + .3vw,1.25rem);
  line-height: 1.65;
  text-wrap: pretty;
}
.f2-hero--mercury .f2-actions {
  justify-content: flex-start;
  gap: var(--f2-s3);
  margin: var(--f2-s6) 0 0;
}
.f2-hero--mercury .f2-button,
.f2-hero--mercury .f2-link {
  border-radius: 100px;
  font-size: .875rem;
  min-height: 52px;
  padding: var(--f2-s4) var(--f2-s5);
  gap: var(--f2-s4);
  transition: background-color .2s, border-color .2s;
}
.f2-hero--mercury .f2-link {
  border-color: var(--mercury-rule);
  color: #eef0f5;
}
.f2-hero--mercury .f2-link:hover {
  background: #ffffff0d;
  border-color: var(--f2-copper-light);
}
.f2-hero--mercury .f2-hero-note {
  max-width: 450px;
  margin: var(--f2-s5) 0 0;
  font-size: var(--f2-xs);
  line-height: 1.65;
  color: var(--mercury-fog);
}
.f2-mercury-art {
  margin: 0;
  min-width: 0;
  display: grid;
  place-items: center;
}
.f2-mercury-art img {
  display: block;
  width: 100%;
  height: 640px;
  object-fit: contain;
}
.f2-mercury-scroll {
  position: absolute;
  bottom: var(--f2-s5);
  inset-inline: max(5%, calc((100% - 1200px) / 2));
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--f2-s4);
  border-top: 1px solid var(--mercury-rule);
  padding-top: var(--f2-s3);
  min-height: 44px;
  color: var(--mercury-fog);
  font-size: var(--f2-xs);
  letter-spacing: .16em;
}
.f2-mercury-scroll span:last-child {font-size:1.25rem;color:#eef0f5}
@media (min-width: 761px) and (max-width: 1050px) {
  .f2-hero--mercury {--mercury-title:clamp(3.65rem,7.8vw,5.125rem)}
  .f2-hero--mercury .f2-hero-grid {min-height:660px;gap:var(--f2-s4)}
  .f2-mercury-art img {height:540px}
  .f2-hero--mercury .f2-actions {align-items:flex-start;flex-direction:column}
}
@media (max-width: 760px) {
  .f2-hero--mercury {--mercury-title:clamp(3.5rem,13vw,5rem)}
  .f2-hero--mercury .f2-hero-grid {
    grid-template-columns: 1fr;
    gap: var(--f2-s6);
    min-height: 0;
    padding-block: var(--f2-s12) var(--f2-s20);
    overflow: visible;
  }
  .f2-hero--mercury .f2-hero-copy {text-align:center;margin-inline:auto;width:100%}
  .f2-hero--mercury .f2-mercury-eyebrow {margin-bottom:var(--f2-s6)}
  .f2-hero--mercury h1 {font-size:var(--mercury-title)}
  .f2-hero--mercury .f2-lede {margin-inline:auto;max-width:340px}
  .f2-hero--mercury .f2-actions {
    justify-content:center;
    flex-direction:row;
    max-width:none;
    margin-inline:auto;
    gap:var(--f2-s3);
  }
  .f2-hero--mercury .f2-button,.f2-hero--mercury .f2-link {font-size:.8125rem;padding-inline:var(--f2-s4)}
  .f2-hero--mercury .f2-hero-note {margin-inline:auto;max-width:350px}
  .f2-mercury-art img {height:300px;width:auto;max-width:100%}
}
@media(prefers-reduced-motion:reduce) {
  .f2-hero--mercury a {transition:none}
}