/* Consistent, text-free interaction accents for TR and EN. */
.expertise-link,.iso-open,.text-link{width:fit-content;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:left bottom;background-size:0 1px;padding-bottom:4px;transition:background-size .3s ease}
a:hover .expertise-link,a:focus-visible .expertise-link,a:hover .iso-open,a:focus-visible .iso-open,.text-link:hover,.text-link:focus-visible{background-size:100% 1px}
.expertise-drawing{opacity:.5;transition:opacity .3s;mask-image:linear-gradient(#000 80%,transparent)}
.expertise-card:hover .expertise-drawing,.expertise-card:focus-visible .expertise-drawing{opacity:.75}
.expertise-drawing .detail-signal{stroke-width:3;stroke-dasharray:12 88;animation:cm-flow 4s linear infinite;animation-delay:var(--motion-delay,0s)}
.expertise-drawing .detail-dot{animation:cm-led 3.6s ease-in-out infinite;animation-delay:var(--motion-delay,0s);transform-box:fill-box;transform-origin:center}
.expertise-card[data-card-motion="systems"] .detail-dot,.expertise-card[data-card-motion="room"] .detail-dot{animation-name:cm-server;animation-duration:3s}
.expertise-card[data-card-motion="systems"] .detail-slot{animation:cm-slot 5s ease-in-out infinite}
.expertise-card[data-card-motion="room"] .detail-signal{animation-duration:5s;stroke-dasharray:20 80}
.expertise-card[data-card-motion="network"] .detail-dot{animation-name:cm-node}
.expertise-card[data-card-motion="network"] .detail-signal{animation-duration:3s}
.expertise-card[data-card-motion="user"] .detail-screen{animation:cm-screen 5s ease-in-out infinite;fill:#00695f;fill-opacity:.03}
.expertise-card[data-card-motion="user"] .detail-signal{animation-duration:2.8s;stroke-dasharray:24 76}
.expertise-card[data-card-motion="license"] .detail-layer{animation:cm-paper 6s ease-in-out infinite;animation-delay:var(--phase,0s)}
.expertise-card[data-card-motion="license"] .detail-check{stroke-width:3;stroke-dasharray:80;animation:cm-check 6s ease-in-out infinite}
.expertise-card[data-card-motion="cloud"] .detail-surface{animation:cm-cloud 6s ease-in-out infinite}
.expertise-card[data-card-motion="cloud"] .detail-signal{animation-direction:reverse;animation-duration:4.5s}
.expertise-card[data-card-motion="ai"] .detail-dot{animation:cm-node 3s ease-in-out infinite;animation-delay:var(--motion-delay,0s)}
.expertise-card[data-card-motion="ai"] .detail-signal{animation-duration:2.5s;stroke-dasharray:8 92}
.expertise-card[data-card-motion="security"] .detail-scan{animation:detail-scan 6s ease-in-out infinite}
@keyframes cm-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes cm-led{0%,100%{opacity:.25}40%,60%{opacity:1}}
@keyframes cm-server{0%,25%,100%{opacity:.25}35%,70%{opacity:1}}
@keyframes cm-node{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.35)}}
@keyframes cm-slot{0%,100%{fill:#00695f;fill-opacity:0}50%{fill:#00695f;fill-opacity:.12}}
@keyframes cm-screen{0%,100%{fill-opacity:.03}50%{fill-opacity:.18}}
@keyframes cm-paper{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes cm-check{0%,15%{stroke-dashoffset:80;opacity:.2}40%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.2}}
@keyframes cm-cloud{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.motion-paused .expertise-drawing *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.expertise-drawing *{animation:none!important}.expertise-card,.expertise-drawing,.expertise-link,.iso-open,.text-link{transition:none!important}.expertise-card:hover{transform:none}.expertise-drawing .detail-check{stroke-dashoffset:0;opacity:1}}
@media print{.expertise-drawing *{animation:none!important}}