@media (max-width: 760px) {
    body { padding: 20px 14px; }
    .frame { height: 700px; max-width: 480px; }
    .nav { padding: 18px 20px; }
    .nav-tag { display: none; }
    .content { justify-content: flex-start; padding: 8px 20px 0 20px; }
    .scrim { background: linear-gradient(0deg, rgba(251,250,247,0.2) 0%, rgba(251,250,247,0.9) 55%, rgba(251,250,247,0.97) 100%); }
    .bg { background-position: 72% 100%; background-size: 200%; }
    .sub { font-size: 14px; }
    .trust { display: none; }
    .card { width: 220px; }
    .ann.optional { display: none; }
  }
  @media (prefers-reduced-motion: reduce) {
    .bg, .ring, .ring.slow, .node, .spark, .live, .frame::after { animation: none !important; }
    .draw { animation: none !important; stroke-dashoffset: 0; stroke-dasharray: none; }
    h1 .line > span { animation: none !important; transform: none; }
    .sub, .cta-row, .trust { animation: none !important; opacity: 1; }
    .card { animation: none !important; opacity: 1; transform: none; }
    .kicker::before { animation: none !important; }
    .bg-wrap, .paths { transform: none !important; }
  }