/* Typography refinement: the existing component geometry and motion remain owned
   by the original stylesheets. One local variable font supplies real 400–800 weights. */
@font-face{font-family:'Plus Jakarta Sans';src:url('assets/plus-jakarta-sans.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{--font:'Plus Jakarta Sans',Arial,Helvetica,sans-serif;--display:var(--font)}
body{font-weight:400;letter-spacing:0}
h1,h2,h3,.service-card h3,.process-list h3,.case-stat,.about-monogram,.insight-card h3,.project-form h3,
.engine-intro,.hero-welcome,.hero-welcome .engine-brand,.button,.card-link,.text-link,.journey-tab,.main-nav,.mini-hero>p,
[data-rai-assistant],.raa-header h2,.raa-welcome h3{font-family:var(--font)}
h1{font-weight:800;letter-spacing:-.04em}
h2,.section-heading h2,.approach-copy h2,.about-copy h2,.contact h2,.faq h2,.motion-feature h2{font-weight:700;letter-spacing:-.035em;line-height:1.12}
h3,.service-card h3,.business-services .service-card h3,.process-list h3,.insight-card h3,.project-form h3{font-weight:700;letter-spacing:-.025em;line-height:1.2}
.hero-business .engine-intro{font-weight:500;letter-spacing:-.02em;line-height:1.4}
.hero-business .engine-outcomes{font-size:clamp(32px,4vw,52px);font-weight:800;letter-spacing:-.04em;line-height:1.12}
.hero-welcome{font-weight:600;letter-spacing:-.015em}
.hero-business .hero-description{font-weight:400;letter-spacing:-.01em;line-height:1.65}
.main-nav,.menu-toggle{font-weight:600;letter-spacing:0}
.button,.card-link,.text-link,.case-cta,.article-link,.form-submit{font-weight:700;letter-spacing:-.01em;line-height:1.4}
.journey-tab,.foundation-bar button,.faq-list summary,.form-field label{font-weight:600;letter-spacing:-.01em}
.eyebrow,.micro-label,.service-kicker,.mini-eyebrow{font-weight:600;letter-spacing:.1em}
.mini-hero>p,.conversion-example>p,.automation-example>p{font-weight:700;letter-spacing:-.035em;line-height:1.15}
.mini-job-list b,.example-choice b,.example-flow b,.sample-brand{font-weight:600}
.case-stat{font-weight:800;letter-spacing:-.045em;line-height:1.05;font-variant-numeric:lining-nums tabular-nums}
.service-tags,.evidence-note,.form-notice,.footer-top>p,.footer-bottom,.demo-caption small{font-weight:400}
.site-footer{letter-spacing:0}
.raa-header h2{font-weight:700;letter-spacing:-.025em;line-height:1.12}
.raa-welcome h3{font-weight:700;letter-spacing:-.03em;line-height:1.2}
.raa-launcher strong{font-weight:800;letter-spacing:-.025em}
.raa-choice strong,.raa-handoff button{font-weight:600;letter-spacing:0}
.raa-kicker,.rai-invite p{font-weight:600;letter-spacing:.08em}
.raa-message p,.raa-welcome>p:last-child{font-weight:400;line-height:1.65}
.raa-choice small,.raa-launcher small,.raa-disclosure,.raa-mode{font-weight:400;letter-spacing:0}
@media(max-width:940px){.hero-business .engine-outcomes{font-size:clamp(32px,6.4vw,52px)}}
@media(max-width:740px){
  .hero-business .engine-outcomes{font-size:clamp(27px,8.2vw,44px);letter-spacing:-.04em;line-height:1.14}
  .section-heading h2,.approach-copy h2,.insights .section-heading h2{font-size:clamp(32px,9.5vw,46px);line-height:1.12}
  .hero-business .journey-tab{letter-spacing:-.02em;font-weight:600}
}

/* Explicit additions marked on the user's two supplied screenshots. */
.outcome-performance{color:#a65bff}
.hero-business .outcome-growth{color:#00efd0;background:none;-webkit-text-fill-color:currentColor;animation:none}
@media(min-width:941px){.hero-business .hero-copy{position:relative;top:-20px}}
.about-graphic .brand{width:clamp(150px,16vw,210px);aspect-ratio:1;overflow:visible;background:none;border-radius:0}
.about-graphic .brand img{position:static;width:100%;height:auto;max-width:100%;transform:none;clip-path:ellipse(46% 49% at 50% 50%)}

/* Stronger display scale, retaining the established grids and body-copy sizing. */
.hero-business .engine-outcomes{font-size:clamp(44px,4.9vw,66px);line-height:1.07;letter-spacing:-.045em}
.hero-business .engine-intro{font-size:clamp(22px,2.05vw,28px);font-weight:600}
.hero-welcome{font-size:24px;font-weight:700}
.hero-welcome .engine-brand{font-size:34px}
.section-heading h2,.approach-copy h2,.insights .section-heading h2{font-size:clamp(52px,6vw,82px);font-weight:800;line-height:1.06;letter-spacing:-.045em}
.motion-feature h2{font-size:clamp(50px,6.3vw,88px);font-weight:800;line-height:1.06;letter-spacing:-.045em}
.about-copy h2,.faq h2{font-size:clamp(46px,4.6vw,64px);font-weight:800;line-height:1.07}
.contact h2{font-size:clamp(76px,8vw,108px);font-weight:800;line-height:1.04}
.business-services .service-card h3{font-size:clamp(28px,3vw,42px);font-weight:800;line-height:1.12;letter-spacing:-.04em}
.process-list h3{font-size:clamp(34px,3.2vw,44px);font-weight:800;line-height:1.1}
.case-stat{font-size:clamp(90px,9vw,124px);font-weight:800}
.case-detail h3{font-size:clamp(25px,2.5vw,34px);font-weight:800;line-height:1.15}
.insight-card h3{font-size:clamp(24px,2.3vw,30px);font-weight:800;line-height:1.2}
.project-form h3{font-size:clamp(28px,2.6vw,35px);font-weight:800;line-height:1.15}
.rai-invite h2{font-size:clamp(28px,3.6vw,44px);font-weight:800;line-height:1.1}
.raa-header h2{font-size:34px;font-weight:800}
.raa-welcome h3{font-size:34px;font-weight:800;line-height:1.12}
.mini-hero>p{font-weight:800}
@media(min-width:741px) and (max-width:940px){
  .hero-business .engine-outcomes{font-size:64px}
  .business-services .service-card h3{font-size:clamp(23px,3vw,28px)}
}
@media(max-width:740px){
  .hero-business .engine-outcomes{font-size:clamp(30px,9.7vw,54px);line-height:1.09}
  .hero-business .engine-intro{font-size:clamp(21px,5.6vw,26px)}
  .hero-welcome{font-size:21px}
  .hero-welcome .engine-brand{font-size:30px}
  .section-heading h2,.approach-copy h2,.insights .section-heading h2{font-size:clamp(38px,11.2vw,60px)}
  .motion-feature h2{font-size:clamp(38px,10.5vw,60px)}
  .about-copy h2,.faq h2{font-size:clamp(38px,11vw,58px)}
  .contact h2{font-size:clamp(64px,18vw,90px)}
  .business-services .service-card h3{font-size:clamp(28px,8.5vw,44px)}
  .process-list h3{font-size:38px}
  .case-stat{font-size:clamp(80px,24vw,112px)}
  .case-detail h3{font-size:28px}
  .insight-card h3{font-size:27px}
  .project-form h3{font-size:30px}
  .rai-invite h2{font-size:32px}
  .raa-welcome h3{font-size:32px}
}
