/* Motion */
.reveal { opacity: 0; transform: translateY(30px); transition: opacity .7s, transform .7s; }
.reveal.visible { opacity: 1; transform: none; }
@keyframes float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -12px; } }
@keyframes spin { to { rotate: 360deg; } }
@keyframes grow { from { width: 0; } }
@keyframes pulse { 50% { opacity: .2; transform: scale(.7); } }
@keyframes marquee { to { transform: translateX(-50%); } }
@keyframes reveal { from { opacity: 0; transform: translateY(15px); } }

/* Tablet */
@media (max-width: 960px) {
  .nav-links { position: fixed; top: 77px; right: 18px; left: 18px; display: none; flex-direction: column; align-items: stretch; padding: 25px; border: var(--line); border-radius: 22px; background: var(--paper); box-shadow: 7px 7px 0 var(--ink); }
  .nav-links.open { display: flex; }.nav-links .btn { margin-top: 4px; }.menu-btn { display: grid; place-items: center; }
  .hero-grid { grid-template-columns: 1fr; }.hero-visual { width: 100%; max-width: 620px; margin: auto; }
  .steps, .model-grid { grid-template-columns: repeat(2, 1fr); }.feature-grid { grid-template-columns: repeat(2, 1fr); }
  .pricing-grid { grid-template-columns: 1fr; max-width: 620px; margin: auto; }.price-card.popular { transform: none; }
  .model-top { grid-template-columns: 1fr; }.footer-grid { grid-template-columns: 2fr 1fr 1fr; }.footer-brand { grid-column: 1 / -1; }
}

/* Mobile */
@media (max-width: 700px) {
  .wrap { width: min(100% - 26px, var(--max)); }.section { padding: 78px 0; }.section-head { display: block; }.section-head h2 { margin: 12px 0 20px; }
  .hero { padding-top: 125px; }.hero h1 { font-size: clamp(52px, 15vw, 76px); }.hero-grid { gap: 35px; }.hero-visual { height: 460px; }
  .visual-board { inset: 30px 8px 20px; }.visual-title { font-size: 28px; }.fc1 { right: -5px; }.fc2 { left: -4px; }.s1 { left: 0; }.s2 { right: 0; }
  .form-grid, .result-summary, .audience-results, .compare, .testimonials, .footer-grid { grid-template-columns: 1fr; }
  .sim-inner { padding: 22px 17px; }.sim-intro { grid-template-columns: 1fr; }.score-wheel { width: 250px; margin: auto; }
  .steps { grid-template-columns: 1fr; }.step, .step:nth-child(2), .step:nth-child(4) { min-height: 240px; transform: none; }
  .feature-grid { grid-template-columns: 1fr; }.feature { min-height: 230px; }.compare-card { padding: 27px; }.quote:nth-child(2) { transform: none; }
  .model-grid { grid-template-columns: 1fr; }.model-card { min-height: auto; }.metric-callout { grid-template-columns: 1fr; }
  .cta-box { padding: 45px 25px; }.cta-bottom { display: block; }.cta-bottom .btn { margin-top: 18px; }
  .footer-bottom { display: block; line-height: 2; }.nav-shell .nav-cta { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}