/* typography.css — fonts / sizes / weights taken from ai-transformation.html (Inter).
   Applies only to page content (main), not the header, footer or the "Start a conversation" band.
   Typography only: no colours, spacing or layout. Load LAST. */
main section:not(.cx),
main section:not(.cx) :is(h1,h2,h3,h4,p,li,dt,dd,a,b,strong,em,small,span,i,button,input,label){font-family:Inter,sans-serif}

/* hero heading */
main .phero h1{font-size:clamp(28px,3.2vw,44px)!important;line-height:1.15!important;font-weight:700!important;letter-spacing:-.015em!important}
/* intro / lede */
main section:not(.cx) .lede{font-size:24px!important;line-height:1.45!important;font-weight:400!important;letter-spacing:0!important}
/* section headings */
main section:not(.cx) h2{font-size:34px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:-.015em!important}
/* item / card titles */
main section:not(.cx) h3,main section:not(.cx) h4,main .pager strong{font-size:24px!important;line-height:1.25!important;font-weight:600!important;letter-spacing:-.01em!important}
/* body copy */
main section:not(.cx) :is(p,li,dd):not(.lede):not(.crumbs){font-size:17px!important;line-height:1.6!important;font-weight:400}
/* lead paragraph (same as .sp-big) */
main section:not(.cx) :is(.prose,.split__b) > p:first-child:not(.lede){font-size:24px!important;line-height:1.45!important;font-weight:500!important;letter-spacing:-.005em}
/* links, step titles, small notes */
main section:not(.cx) a.link,main section:not(.cx) a.link span{font-size:17px!important;font-weight:500}
main section:not(.cx) .uc a{font-size:15px;font-weight:500}
main section:not(.cx) :is(.wf__l,.ch,.uc) b{font-size:24px;line-height:1.25;font-weight:600;letter-spacing:-.01em}
main section:not(.cx) :is(p.wf__k,p.oc__n){font-size:15px!important;line-height:1.5!important}
main section:not(.cx) .prose p,main section:not(.cx) .prose li{line-height:1.7}
main section:not(.cx) :is(.prose,li) :is(b,strong){font-weight:600}
/* small caps labels */
main .crumbs,main section:not(.cx) .kicker,main section:not(.cx) dt{font-family:Inter,sans-serif;font-size:12px!important;line-height:1.6;font-weight:600;letter-spacing:.18em!important;text-transform:uppercase;font-style:normal}
main .crumbs,main .crumbs a{font-size:12px!important;line-height:1.6!important;font-weight:500!important;letter-spacing:.18em!important;text-transform:uppercase}
/* numbers */
main section:not(.cx) .n{font-family:Inter,sans-serif!important;font-size:13px!important;line-height:1!important;font-weight:600!important;letter-spacing:.14em!important;font-variant-numeric:tabular-nums;font-style:normal}

@media (max-width:900px){
  main section:not(.cx) .lede{font-size:19px!important}
  main section:not(.cx) h2{font-size:28px!important}
  main section:not(.cx) h3,main section:not(.cx) h4,main .pager strong,main section:not(.cx) :is(.wf__l,.ch,.uc) b{font-size:20px!important}
  main section:not(.cx) :is(.prose,.split__b) > p:first-child:not(.lede){font-size:19px!important}
}