/* Quiet navy feedback: no pointer tracking, glow, translation or scaling. */
:root { --interaction-navy: rgba(9,39,70,.30); }
.hero-panel, .interactive-glow, .hero-forecast-item,
.market-card, .stat-card, .brief-card, .method-card, .about-card,
.premium-card, .tv-card, .history-card, .forecast-table-wrap,
.trust-card, .direction-card, .period-card, .today-panel, .analytics-panel {
  transition: border-color 180ms ease;
}
.hero-panel::before, .interactive-glow::before { content:none; }
@media (hover:hover) and (pointer:fine) {
  .hero-panel:hover, .interactive-glow:hover, .hero-forecast-item:hover,
  .market-card:hover, .stat-card:hover, .brief-card:hover, .method-card:hover,
  .about-card:hover, .premium-card:hover, .tv-card:hover, .history-card:hover,
  .forecast-table-wrap:hover, .trust-card:hover, .direction-card:hover,
  .period-card:hover, .today-panel:hover, .analytics-panel:hover {
    border-color:var(--interaction-navy);
    transform:none;
  }
}
.btn, .floating-telegram { transition:background-color 180ms ease, border-color 180ms ease; }
.btn:hover, .floating-telegram:hover { transform:none; }
.nav-links a::after { transform:none; opacity:0; transition:none; }
.nav-links a:hover::after { opacity:1; }
@media (prefers-reduced-motion:reduce) {
  .hero-panel, .interactive-glow, .hero-forecast-item, .period-card,
  .today-panel, .analytics-panel, .btn, .floating-telegram { transition:none; }
}