@import url("/assets/work-operator-type.css?v=2026-07-27-1");

html[lang="en"] .hero h1{max-width:1060px;font-size:clamp(56px,6.4vw,94px);line-height:.96}
html[lang="en"] .hero h1 span{max-width:980px;font-size:.62em;line-height:1.08}
html[lang="en"] .hero-lead{max-width:850px}
html[lang="en"] .nav-links a{font-size:clamp(42px,5vw,70px)}
html[lang="en"] .section-head h2,
html[lang="en"] .section-head-wide h2,
html[lang="en"] .fit-copy h2,
html[lang="en"] .faq-heading h2,
html[lang="en"] .apply-copy h2,
html[lang="en"] .schedule-section-head h2{letter-spacing:-.04em}
html[lang="en"] .fit-copy h2{font-size:clamp(40px,4.35vw,61px)}
html[lang="en"] .contrast-panel header b{font-size:29px}
html[lang="en"] .income-main p{max-width:330px}
html[lang="en"] .work-rules strong{font-size:22px}
html[lang="en"] .selection-steps h3{font-size:21px}
html[lang="en"] .form-step-head h3{font-size:29px}
html[lang="en"] .footer-note{letter-spacing:.005em}

@media(max-width:980px){
  html[lang="en"] .hero h1{max-width:650px;font-size:clamp(54px,8.7vw,74px)}
  html[lang="en"] .hero h1 span{max-width:620px;font-size:.59em}
  html[lang="en"] .fit-copy h2{font-size:clamp(40px,7.7vw,58px)}
}

@media(max-width:680px){
  html[lang="en"] .nav-links a{font-size:clamp(35px,9.4vw,45px)}
  html[lang="en"] .hero h1{max-width:min(100%,390px);font-size:clamp(50px,12.8vw,57px);line-height:.96}
  html[lang="en"] .hero h1 span{max-width:min(100%,390px);margin-top:10px;font-size:.58em;line-height:1.10;letter-spacing:-.022em}
  html[lang="en"] .section-head h2,
  html[lang="en"] .section-head-wide h2,
  html[lang="en"] .fit-copy h2,
  html[lang="en"] .faq-heading h2,
  html[lang="en"] .apply-copy h2,
  html[lang="en"] .schedule-section-head h2{font-size:clamp(35px,9.6vw,46px);line-height:1.03}
  html[lang="en"] .contrast-panel header b{font-size:24px}
  html[lang="en"] .work-rules strong{font-size:19px}
  html[lang="en"] .selection-steps h3{font-size:20px}
  html[lang="en"] .form-step-head h3{font-size:27px}
}

@media(max-width:390px){
  html[lang="en"] .nav-links a{font-size:34px}
  html[lang="en"] .hero h1{max-width:350px;font-size:48px}
  html[lang="en"] .hero h1 span{max-width:350px;font-size:.57em}
  html[lang="en"] .brand-copy small{font-size:6.6px;letter-spacing:.085em}
}

@media(max-width:680px) and (max-height:760px){
  html[lang="en"] .hero h1{max-width:345px;font-size:45px}
  html[lang="en"] .hero h1 span{font-size:.55em}
}