/* Microinteractions only; touch and reduced-motion layouts remain stationary. */
@media(hover:hover) and (pointer:fine){
 .qabout .qa-experience .qa-sector{transition:transform 350ms cubic-bezier(.22,.61,.36,1),box-shadow 350ms ease}
 .qabout .qa-experience .qa-sector .qa-disc{transition:transform 350ms cubic-bezier(.22,.61,.36,1)}
 .qabout .qa-experience .qa-sector:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(46,91,143,.65),0 0 8px rgba(46,91,143,.25),0 0 18px rgba(46,91,143,.12),0 10px 22px rgba(15,45,75,.12)}
 .qabout .qa-experience .qa-sector:hover .qa-disc{transform:translateY(-2px)}
 .qabout .qa-journey .qa-step{transition:transform 300ms cubic-bezier(.22,.61,.36,1),box-shadow 300ms ease}
 .qabout .qa-journey .qa-step>svg{transition:transform 300ms ease}
 .qabout .qa-journey .qa-step:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 0 0 1px rgba(46,91,143,.65),0 0 8px rgba(46,91,143,.28),0 7px 18px rgba(46,91,143,.18)}
 .qabout .qa-journey .qa-step:hover>svg{transform:scale(1.025)}
}
@media(prefers-reduced-motion:reduce){
 .qabout .qa-experience .qa-sector,.qabout .qa-experience .qa-sector .qa-disc,.qabout .qa-journey .qa-step,.qabout .qa-journey .qa-step>svg{transition:none!important;transform:none!important}
}