/* Small, finite accents. Scrolling and content remain native. */
.faq-list summary > span { transition: transform .3s var(--ease); }
.faq-list details[data-motion-closing="true"] summary > span,
.volume-pricing[data-motion-closing="true"] .pricing-toggle { transform: rotate(0); }
.sales-primary, .order-link, .telegram-link { transition: background .2s, color .2s, transform .3s var(--ease), box-shadow .3s; }
.sales-primary .icon-arrow, .order-link .icon-arrow { transition: transform .35s var(--ease); }
.analysis .demo-tabs button { transition: color .25s, border-color .3s, background .25s; }
.analysis .demo-panel.panel-enter { animation-duration: .45s; }
.hero h1 em {
    background-image: linear-gradient(var(--acid), var(--acid));
    background-position: 0 96%;
    background-repeat: no-repeat;
    background-size: 100% .07em;
    animation: hero-accent 1s var(--ease) .35s backwards;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}
@keyframes hero-accent { from { background-size: 0 .07em; } to { background-size: 100% .07em; } }
@media (hover: hover) and (pointer: fine) {
    .sales-primary:hover, .order-link:hover { transform: translateY(-3px); box-shadow: 0 8px 20px #191c1814; }
    .sales-primary:hover .icon-arrow, .order-link:hover .icon-arrow { transform: translate(3px, -3px); }
    .telegram-link:hover { transform: translateY(-2px); }
}
.sales-primary:active, .order-link:active { transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
    .hero h1 em { animation: none; }
    .sales-primary:hover, .order-link:hover, .telegram-link:hover,
    .sales-primary:hover .icon-arrow, .order-link:hover .icon-arrow { transform: none; }
}
@media print { .hero h1 em { animation: none; } }