/* Hero typography with a five-percent increase in heading weight. */
.hero h1{
  font-family:var(--font);
  font-weight:577.5;
  font-synthesis:none;
  font-kerning:normal;
  text-transform:capitalize;
  overflow-wrap:break-word;
  max-width:1100px;
  margin:0;
  color:#fff;
  font-size:clamp(1.512rem,3.78vw,3.1752rem);
  letter-spacing:-.025em;
  line-height:1.15;
}

.hero h1 .l1,.hero h1 .g{font-weight:577.5}

/* Reference typography for the section headings below the hero. */
.hero-promise h2,
#risk-feature-title,
#trade-insights-feature-title,
#features .bento-head h2,
#inside>.wrap>.head h2,
#pricing .head h2,
#inside .copy h3,
.guardrails-copy h3,
.cta-box h2,
.bento .tile h3,
.foot h4{
  font-family:var(--font);
  font-weight:485.1;
  font-style:normal;
  font-synthesis:none;
  font-kerning:normal;
  font-optical-sizing:none;
  font-variation-settings:normal;
  letter-spacing:-.035em;
  line-height:1.12;
  text-transform:capitalize;
  text-wrap:balance;
}

.bento .tile h3,.foot h4{font-weight:440}

#risk-feature-title,
#trade-insights-feature-title,
#features .bento-head h2,
#inside>.wrap>.head h2,
#pricing .head h2,
#inside .copy h3,
.guardrails-copy h3,
.cta-box h2{font-size:clamp(.9603rem,2.640825vw,2.8809rem)}

.hero-promise h2{font-size:clamp(.95rem,1.6vw,1.4rem);font-weight:462}

#pricing .head h2{
  color:#fff;
  background:none;
  -webkit-text-fill-color:currentColor;
}

:is(.head h2,.risk-feature-copy h2,.insights-feature-copy h3,.guardrails-copy h3,.copy h3,.cta-box h2,.bento .tile h3,.foot h4)>.blue-title{
  filter:none;
}

.hero-title-dot{
  display:inline-block;
  width:.13em;
  height:.13em;
  margin-inline:.09em .03em;
  vertical-align:.03em;
  background:currentColor;
  transform-origin:center;
  animation:hero-title-dot-spin 6s linear infinite;
}

@keyframes hero-title-dot-spin{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}

@media(max-width:600px){
  .hero h1{font-size:clamp(1.2474rem,5.1408vw,1.89rem);letter-spacing:-.015em}
  .hero-title-word{white-space:nowrap}
}