/* Interaction enhancements only. All colors and layout come from home.html. */
.topbar .nav-links a,
.topbar .mobile-nav a,
.footer-links a { transition: transform .25s ease, opacity .25s ease; }
.topbar .nav-links a:hover,
.topbar .mobile-nav a:hover,
.footer-links a:hover { transform: translateY(-2px); }

.nav-cta, .btn, .refill-primary-btn, .store-buttons a {
    transition: transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease, filter .3s ease;
}
.nav-cta:hover, .btn:hover, .refill-primary-btn:hover, .store-buttons a:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 28px rgba(0,0,0,.14);
}
.nav-cta:active, .btn:active, .refill-primary-btn:active, .store-buttons a:active { transform: translateY(0) scale(.97); }

.feature-card, .step-card, .screenshot-point, .why-card, .telegram-card {
    transition: transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s ease;
}
.feature-card:hover, .step-card:hover, .screenshot-point:hover, .why-card:hover, .telegram-card:hover { transform: translateY(-8px); }

.phone-mockup {
    transform: perspective(1000px) rotateX(var(--hero-tilt-x, 0deg)) rotateY(var(--hero-tilt-y, 0deg));
    transition: transform .35s ease-out;
}

.reveal-on-scroll {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1);
}
.reveal-on-scroll.is-visible { opacity: 1; transform: translateY(0); }

@media (prefers-reduced-motion: reduce) {
    .reveal-on-scroll { opacity: 1; transform: none; }
    .phone-mockup { transform: none; }
    .topbar .nav-links a, .topbar .mobile-nav a, .footer-links a,
    .nav-cta, .btn, .refill-primary-btn, .store-buttons a,
    .feature-card, .step-card, .screenshot-point, .why-card, .telegram-card {
        transition-duration: .01ms !important;
    }
}