/* Draft refinement: native scrolling; content is visible before enhancement. */
:root{--q-reveal-time:520ms;--q-hover-time:200ms;--q-ease:cubic-bezier(.22,1,.36,1);--q-reveal-distance:18px}
html{scroll-behavior:auto;scroll-padding-top:110px}
main [id],.article-body h2,.article-body>section{scroll-margin-top:110px}
.hero-copy h1,.page-intro h1,.section-heading h2{text-wrap:balance}
.hero-intro,.page-intro>p:last-child,.section-heading>div>p{max-width:68ch}
.article-body p{max-width:72ch}
main a:focus-visible,main button:focus-visible,header a:focus-visible,header button:focus-visible,summary:focus-visible{outline:3px solid #ff8a32;outline-offset:4px}
.mobile-nav a,.mobile-nav summary{min-height:44px}
.button,.text-link,.erp-platform-actions a{transition:background-color var(--q-hover-time) ease,border-color var(--q-hover-time) ease,color var(--q-hover-time) ease}
.button:hover,.button:active{scale:1}
.hero-actions,.cta-actions{flex-wrap:wrap}
.hero-actions>a,.cta-actions>a{max-width:100%;white-space:normal}
.page-intro:before{animation:none!important}
@media(prefers-reduced-motion:no-preference){
 .q-motion-item.q-motion-enter{animation:q-refined-reveal var(--q-reveal-time) var(--q-ease) backwards;animation-duration:var(--q-reveal-time)!important;animation-delay:var(--q-motion-delay,0ms)}
 @keyframes q-refined-reveal{from{opacity:.15;translate:0 var(--q-reveal-distance)}to{opacity:1;translate:0 0}}
 .hero-copy h1,.hero-copy>.hero-intro,.hero-copy>.hero-actions{animation:q-hero-settle 520ms var(--q-ease) backwards}
 .hero-copy>.hero-intro{animation-delay:60ms}.hero-copy>.hero-actions{animation-delay:120ms}
 @keyframes q-hero-settle{from{opacity:.8;translate:0 8px}to{opacity:1;translate:0 0}}
 .org-node[open]>.org-content,.faq[open]>p,.career-role[open] .career-detail{animation:q-disclosure 240ms ease-out}
 @keyframes q-disclosure{from{opacity:.65;translate:0 4px}to{opacity:1;translate:0 0}}
 .work-card,.solve-card,.erp-focus-card,.insight-grid>a,.industry-grid>a{transition:border-color var(--q-hover-time) ease,box-shadow var(--q-hover-time) ease,transform var(--q-hover-time) ease}
 @media(hover:hover) and (pointer:fine){
  .work-card:hover,.solve-card:hover,.erp-focus-card:hover,.insight-grid>a:hover,.industry-grid>a:hover{transform:translateY(-3px)}
  .button svg,.text-link svg{transition:translate var(--q-hover-time) ease}
  .button:hover svg,.text-link:hover svg{translate:2px 0}
 }
 .work-card.q-motion-enter .work-visual img,.insight-grid>a.q-motion-enter img{animation:q-editorial-settle 650ms var(--q-ease)}
 @keyframes q-editorial-settle{from{scale:1.03}to{scale:1}}
}
@media(max-width:760px){
 :root{--q-reveal-time:380ms;--q-reveal-distance:8px}
 .q-motion-item.q-motion-enter{animation-delay:0ms}
 .hero-copy h1,.hero-copy>.hero-intro,.hero-copy>.hero-actions{animation-delay:0ms;animation-duration:350ms}
 .hero-copy,.page-intro>*,.erp-focus-card,.core-grid>*{min-width:0}
 .hero-actions,.cta-actions{gap:16px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .hero-copy>*,.q-motion-item,.org-content,.career-detail,.faq>p,.work-card img,.insight-grid img{animation:none!important;transition:none!important;translate:none!important}
 .q-motion-item{opacity:1!important}
 .work-card,.solve-card,.erp-focus-card,.insight-grid>a,.industry-grid>a,.button,.text-link,.button svg,.text-link svg{transition:none!important;transform:none!important;translate:none!important}
}