@font-face{font-family:Manrope;src:url('/assets/manrope-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-800.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}

:root{--font-main:Manrope,"Segoe UI",Arial,sans-serif}
html{font-size:16px;scroll-behavior:smooth}
body,button,input,select,textarea{font-family:var(--font-main)!important}
body{font-weight:500;letter-spacing:-.012em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
p,li{letter-spacing:-.012em}

/* Спокійніша, дорожча типографічна ієрархія */
.hero-stage .hero h1{font-size:clamp(52px,6.2vw,88px)!important;line-height:.92!important;letter-spacing:-.06em!important;max-width:780px!important}
.hero-stage .hero-accent{font-size:clamp(22px,2.25vw,32px)!important;line-height:1.08!important;letter-spacing:-.035em!important}
.hero-stage .lead{font-size:clamp(16px,1.5vw,19px)!important;line-height:1.58!important;max-width:620px!important}
.section-heading h2,.asset-heading h2,.outcome-copy h2,.decision-title h2,.platform-statement h2,.cta-layout h2{font-size:clamp(38px,4.35vw,62px)!important;line-height:1.02!important;letter-spacing:-.052em!important;text-wrap:balance}
.section-heading p,.asset-heading p,.decision-title p,.platform-copy p,.cta-layout>div>p{font-size:clamp(15px,1.35vw,18px)!important;line-height:1.65!important}
.program-card h3{font-size:clamp(38px,4.2vw,58px)!important;line-height:.98!important;letter-spacing:-.052em!important}
.route-intro h3{font-size:clamp(34px,3.3vw,48px)!important;line-height:1.02!important}
.course-page .course-hero h1{font-size:clamp(48px,5vw,72px)!important;line-height:.94!important;letter-spacing:-.058em!important}
.course-page .course-hero .lead{font-size:17px!important;line-height:1.62!important}
.inner-hero h1{font-size:clamp(48px,5.6vw,76px)!important;line-height:.95!important;letter-spacing:-.06em!important}
.result-heading h2,.curriculum-heading h2,.pricing-heading h2,.roadmap-heading h2,.toolkit-heading h2{font-size:clamp(38px,4.4vw,62px)!important;line-height:1.02!important}
.pricing-grid h3{font-size:31px!important;letter-spacing:-.04em!important}
.pricing-grid article{border-radius:24px!important}
.course-program summary strong{font-size:clamp(18px,2vw,25px)!important;line-height:1.2!important}

/* Більше повітря та менше візуального шуму */
.section{padding-top:92px!important;padding-bottom:92px!important}
.section-heading{margin-bottom:40px!important}
.site-header nav a{font-weight:700!important;font-size:13px!important}
.button,.nav-cta{font-weight:800!important;letter-spacing:-.01em!important}
.kicker{font-size:10px!important;letter-spacing:.14em!important;font-weight:800!important}
.program-card,.diagnostic-card,.asset-card,.resource-card,.pricing-grid article{box-shadow:0 18px 55px rgba(9,18,38,.07)!important}

@media(max-width:1024px){
  .hero-stage .hero h1{font-size:clamp(48px,8vw,72px)!important}
  .course-page .course-hero h1{font-size:clamp(45px,7vw,64px)!important}
}

@media(max-width:760px){
  html{font-size:15px}
  .section{padding-top:68px!important;padding-bottom:68px!important}
  .hero-stage .hero h1{font-size:44px!important;line-height:.96!important;letter-spacing:-.055em!important}
  .hero-stage .hero-accent{font-size:23px!important}
  .section-heading h2,.asset-heading h2,.outcome-copy h2,.decision-title h2,.platform-statement h2,.cta-layout h2,.result-heading h2,.curriculum-heading h2,.pricing-heading h2,.roadmap-heading h2,.toolkit-heading h2{font-size:36px!important;line-height:1.05!important;letter-spacing:-.048em!important}
  .program-card h3{font-size:40px!important}
  .course-page .course-hero h1,.inner-hero h1{font-size:42px!important;line-height:.98!important}
  .course-program summary strong{font-size:18px!important}
  .pricing-grid h3{font-size:28px!important}
}