/* INSTANT — conversion and mobile refinements, preserving the current palette. */
.hero-txt { max-width: 590px; }
.hero h1 { font-size: clamp(2.65rem, 4.8vw, 4.35rem); line-height: 1.06; }
.hero-micro { color: rgba(244,241,234,.7); }
.hero .lead { color: rgba(244,241,234,.78); }
.demo-actions { margin: 2rem auto 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1.1rem; }
.demo-actions p { flex-basis: 100%; text-align: center; color: var(--ink-soft); font-size: .78rem; }
@media (max-width: 780px) {
  .hero-in { padding-top: 40px; padding-bottom: 48px; gap: 32px; }
  .hero-demo { order: 0; }
  .hero-txt { order: -1; }
  .hero h1 { margin-top: 1.1rem; }
  .hero-cta .btn { justify-content: center; }
  .hero-demo { max-width: 230px; }
}
@media (max-width: 400px) {
  .hero-in { padding-left: 20px; padding-right: 20px; }
  .hero-cta .btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-demo .phone, .iphone3d { transform: none !important; transition: none !important; }
  .mq-tr { animation: none !important; }
  .rev { opacity: 1 !important; transform: none !important; transition: none !important; }
}