/* DMK: stable targets, quiet entrances, immediate feedback. */
:root{--dmk-feedback:160ms;--dmk-ease:cubic-bezier(.22,1,.36,1)}
.dmk-motion-word{display:inline-block}
.site-header::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#1919190a;box-shadow:0 3px 12px #19191908;opacity:0;pointer-events:none;transition:opacity 180ms ease}
.site-header.is-scrolled::after{opacity:1}
.dmk-modern :is(.button,.expert-button,.client-button,.market-more,.clients-all,.text-link,.footer-socials a,.utility-actions>a){transition:color var(--dmk-feedback) ease,background-color var(--dmk-feedback) ease,border-color var(--dmk-feedback) ease,box-shadow var(--dmk-feedback) ease;transform:none}
.dmk-modern :is(.button,.expert-button,.client-button,.market-more):active{box-shadow:inset 0 0 0 2px #19191922;transform:none}
.dmk-modern :is(.desktop-nav a,.footer-column a,.solutions-menu summary){transition:color var(--dmk-feedback) ease}
.dmk-modern :is(.footer-socials a,.utility-actions>a):hover{background-color:#fac76e20}
.dmk-modern .solutions-menu summary span{transition:transform var(--dmk-feedback) ease}
.dmk-modern details[open]>.solutions-panel{animation:dmk-menu-in 160ms var(--dmk-ease) both}
.dmk-modern .tm-faq details[open]>p{animation:dmk-answer-in 180ms ease both}
.dmk-modern .mobile-nav:not([hidden]){animation:dmk-answer-in 140ms ease both}
.dmk-modern dialog[open]{animation:dmk-answer-in 180ms ease both}
@keyframes dmk-menu-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@keyframes dmk-answer-in{from{opacity:0}to{opacity:1}}
.dmk-modern .service .service-image{transition:opacity 280ms ease;transform:none!important}
.dmk-modern .service::after{transition:opacity 240ms ease}
.dmk-modern .service:hover .service-image,.dmk-modern .service:focus-visible .service-image{transform:none!important}
.dmk-modern .service :is(h3,p,span){transition:color 180ms ease}
.dmk-modern :is(.market-card,.country-card){transition:background-color 180ms ease,border-color 180ms ease;transform:none}
.dmk-modern .ds-hero::before,.dmk-modern :is(.market-flag,.ds-icon,.service-arrow){animation:none;transform:none}
.logos-carousel:focus-visible{outline:2px solid #191919;outline-offset:8px;border-radius:4px}
/* Native, same-origin navigation: no router, click interception or exit delay. */
@media(min-width:761px) and (hover:hover) and (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  .site-header{view-transition-name:dmk-header}
  ::view-transition-old(root){animation:dmk-page-out 140ms ease both}
  ::view-transition-new(root){animation:dmk-page-in 180ms ease both}
  ::view-transition-group(dmk-header){animation-duration:0s}
  ::view-transition-old(dmk-header){animation:none;opacity:0}
  ::view-transition-new(dmk-header){animation:none;mix-blend-mode:normal}
}
@keyframes dmk-page-out{to{opacity:0}}
@keyframes dmk-page-in{from{opacity:0}to{opacity:1}}
@media(max-width:760px),(hover:none){
  @view-transition{navigation:none}
  .dmk-modern details[open]>.solutions-panel{animation:dmk-answer-in 120ms ease both}
}
@media(hover:none){
  .dmk-modern .service:hover .service-image,.dmk-modern .service:hover::after{opacity:0}
  .dmk-modern .service:hover{background:#fac76e12;color:#191919}
  .dmk-modern .service:hover h3{color:#191919}
  .dmk-modern .service:hover p{color:#59616b}
}
@media(prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  html{scroll-behavior:auto!important}
  /* No travel/rotation; retain calm opacity and color feedback. */
  .dmk-modern details[open]>.solutions-panel{animation:dmk-answer-in 120ms ease both}
  .dmk-modern .solutions-menu summary span{transition:none}
}