/* Hover patterns adapted from local.omoplay.com; product imagery stays fixed. */
.motion-surface{position:relative;transition:background-color 200ms,border-color 200ms,box-shadow 200ms}
.motion-surface:after{content:none}
.motion-surface.is-pointer-active{border-color:#b6a3ed;box-shadow:0 5px 18px #6246ea0f}
.feature-card,.feature-card:hover,.feature-card.is-pointer-active,.case-banner,.case-banner.is-pointer-active,.hero-art{transform:none!important}
.hero-art{transition:none}
.feature-image-wrap>img,.feature-card:hover .feature-image-wrap>img,.feature-card.is-pointer-active .feature-image-wrap>img,.case-banner img,.hero-art>img{transform:none!important;transition:none!important}
.hero-stage:before{opacity:.7;background:radial-gradient(ellipse at 65% 48%,#e5ddff,transparent 68%)}
.feature-card{transition:border-color 200ms,box-shadow 200ms}
.feature-card.is-pointer-active{border-color:#b8a5ec;box-shadow:0 8px 24px #1118270f}
.feature-card h3,.problem-grid h3{transition:color 180ms}
.feature-card.is-pointer-active h3,.problem-grid article.is-pointer-active h3{color:var(--deep)}
.problem-grid article.is-pointer-active{border-color:#b8c2d2;box-shadow:0 6px 20px #1118270a}
.feature-image-wrap,.hero-art{outline:2px solid transparent;outline-offset:-2px;transition:outline-color 180ms,box-shadow 180ms}
.feature-image-wrap.is-pointer-active,.hero-art.is-pointer-active,.case-banner.is-pointer-active{outline:2px solid #b7a4ee;outline-offset:-2px;box-shadow:inset 0 0 0 2px #a58fe9}
.button{transition:background-color 180ms,border-color 180ms,box-shadow 200ms,transform 200ms cubic-bezier(.2,.7,.25,1)}
.button.is-pointer-active{background:#5034cc;border-color:#5034cc;transform:translateY(-2px);box-shadow:0 5px 14px #6246ea2e}
.button-outline.is-pointer-active{background:#f3eeff;border-color:var(--purple);color:var(--deep)}
.button:active,.button.is-pointer-active:active{transform:translateY(0);box-shadow:none}
.button>span[aria-hidden],.text-link>span[aria-hidden]{transition:transform 180ms}
.button.is-pointer-active>span.motion-arrow-diagonal[aria-hidden],.text-link.is-pointer-active>span.motion-arrow-diagonal[aria-hidden]{transform:translate(2px,-2px)}
.button.is-pointer-active>span.motion-arrow-right[aria-hidden],.text-link.is-pointer-active>span.motion-arrow-right[aria-hidden]{transform:translateX(3px)}
.text-link{transition:color 180ms;transform:none}
.text-link.is-pointer-active{color:#422083;text-decoration:underline;text-underline-offset:5px}
.desktop-nav a.is-pointer-active{color:#6533d4}
.desktop-nav a.is-pointer-active:after{transform:scaleX(1);height:2px}
.case-tabs button{transition:background-color 180ms,border-color 180ms,box-shadow 180ms,color 180ms}
.case-tabs button.is-pointer-active{background:#f7f5ff;color:#5335d4;border-color:#b8a5ec;box-shadow:inset 0 0 0 1px #e7e0fb;transform:none}
.journey-steps .step-icon{transition:background-color 200ms,border-color 200ms,box-shadow 200ms,color 200ms}
.journey-steps li.is-pointer-active .step-icon{background:#2b3f74;border-color:#9e86dd;color:#fff;box-shadow:0 0 0 4px #c8b7ff14;transform:none}
.kpi-grid>div.is-pointer-active{background:#f7f5ff;border-color:#d9cff7;box-shadow:inset 0 0 0 1px #d9cff7}
.kpi-grid>div dd{transition:color 180ms}
.kpi-grid>div.is-pointer-active dd{color:var(--deep)}
.native-chart.is-pointer-active,.source-chart.is-pointer-active,.channel-demo.is-pointer-active{border-color:#b6a3ed;box-shadow:0 5px 18px #6246ea0f}
.native-chart .trend-chart circle,.channel-demo .trend-chart circle{transition:stroke 180ms,stroke-width 180ms}
.native-chart.is-pointer-active .trend-chart circle,.channel-demo.is-pointer-active .trend-chart circle{stroke:#6246ea30;stroke-width:7}
.faq-items summary{transition:background-color 180ms,color 180ms,box-shadow 180ms}
.faq-items summary.is-pointer-active{color:#5335d4;background:#f7f5ff;box-shadow:inset 0 0 0 1px #e7e0fb}
.field input:not([type=checkbox]):hover,.field textarea:hover,.event-dropdown-trigger:hover{border-color:#a99ae7}
.footer a{transition:color 180ms}
.footer a:hover{color:#6533d4;text-decoration:underline;text-underline-offset:5px}
@media(hover:hover) and (pointer:fine){
 .button:hover{background:#5034cc;border-color:#5034cc;transform:translateY(-2px);box-shadow:0 5px 14px #6246ea2e}
 .button-outline:hover{background:#f3eeff;border-color:var(--purple);color:var(--deep)}
 .button:active{transform:translateY(0);box-shadow:none}
 .button:hover>span.motion-arrow-diagonal[aria-hidden],.text-link:hover>span.motion-arrow-diagonal[aria-hidden]{transform:translate(2px,-2px)}
 .button:hover>span.motion-arrow-right[aria-hidden],.text-link:hover>span.motion-arrow-right[aria-hidden]{transform:translateX(3px)}
 .feature-card:hover{border-color:#b8a5ec;box-shadow:0 8px 24px #1118270f}
 .feature-card:hover h3{color:var(--deep)}
 .feature-image-wrap:hover,.hero-art:hover,.case-banner:hover{outline:2px solid #b7a4ee;outline-offset:-2px;box-shadow:inset 0 0 0 2px #a58fe9}
 .faq-items summary:hover{color:#5335d4;background:#f7f5ff;box-shadow:inset 0 0 0 1px #e7e0fb}
}
@media(hover:none),(pointer:coarse){.button:hover{transform:none;box-shadow:none}}
@media(prefers-reduced-motion:reduce){
 .button.is-pointer-active,.button:hover,.case-tabs button.is-pointer-active,.button>span[aria-hidden],.text-link>span[aria-hidden]{transform:none!important}
 *,*:before,*:after{transition:none!important;animation:none!important}
}