/* Approved small typography lift: retain each section's existing responsive
   hierarchy, adding 2px to its heading and eyebrow size only. */
/* Tools and founding-team headers share the full heading treatment. */
#tools-title,#experience h2{
  font-family:Manrope,Arial,sans-serif;
  font-weight:500;
  line-height:1.14;
  letter-spacing:-2px;
  color:var(--ink);
  text-align:left;
}
#experience h2{ text-wrap:balance; }
#experience h2 span{color:var(--muted)}
#experience .experience-heading{align-items:flex-end;min-height:0;margin-bottom:68px}
#experience .experience-heading>div{min-width:0;max-width:100%}
#experience h2,#agents-title,#tools-title,#approach-title,#questions-title,#people-title{
  font-size:clamp(38px,calc(3.55vw + 2px),55px);
}
#people .people-copy h2{font-size:47px}
#closing-title{font-size:60px}

main .hero .eyebrow,
main .section-heading .eyebrow,
main .tools-heading .eyebrow,
main .people-copy .eyebrow,
main .questions .eyebrow,
main .closing .eyebrow{font-size:13px}

@media(max-width:1100px){
  #people .people-copy h2{font-size:40px}
}
@media(max-width:800px){
  #people .people-copy h2{font-size:45px}
  #questions-title{font-size:38px}
  #closing-title{font-size:51px}
}
@media(max-width:600px){
  #tools-title,#experience h2{font-size:38px;letter-spacing:-1.6px}
  #experience .experience-heading{margin-bottom:55px}
  #agents-title,#approach-title,#questions-title,#people-title{font-size:39px}
  #tools-title{font-size:38px}
  #people .people-copy h2{font-size:34px}
  #closing-title{font-size:43px}
  main .hero .eyebrow,
  main .section-heading .eyebrow,
  main .tools-heading .eyebrow,
  main .people-copy .eyebrow,
  main .questions .eyebrow,
  main .closing .eyebrow{font-size:12px}
}
@media(max-width:360px){
  #agents-title,#approach-title,#people-title{font-size:36px}
  #people .people-copy h2{font-size:31px}
  #closing-title{font-size:39px}
}

/* Approved closing spark; the section-heading accents have been removed. */
#start.closing{position:relative}
.approved-symbol{pointer-events:none;user-select:none;overflow:visible}
#start .approved-symbol-spark{position:absolute;top:54px;right:clamp(20px,13%,180px);width:72px;height:72px}
#start .approved-symbol-spark>g>g{animation:approved-spark-twinkle 7s ease-in-out infinite;animation-play-state:paused}
body:has(#hero-motion-toggle[aria-pressed="false"]) #start .approved-symbol-spark>g>g{animation-play-state:running}
@keyframes approved-spark-twinkle{0%,14%,28%,100%{opacity:.72}21%{opacity:1}}
@media(max-width:900px){#start .approved-symbol-spark{top:10px;right:10px;width:64px;height:64px}}
@media(prefers-reduced-motion:reduce){#start .approved-symbol-spark>g>g{animation:none!important;opacity:1}}

/* Keep the closing invitation on two lines, with natural phone wrapping. */
@media(max-width:600px){#closing-title .closing-line-break{display:none}}

/* Match the compact Results/Experience boundary buffers; retain the wider
   main-section rhythm around workflow, agents and FAQ. */
#experience{padding-block:32px}
@media(max-width:600px){#experience{padding-block:24px}}