@keyframes ambient-drift { from { transform: translate3d(-10px, -8px, 0) rotate(0deg); } to { transform: translate3d(24px, 18px, 0) rotate(8deg); } } @media (max-width: 1120px) { .hero-layout { grid-template-columns: minmax(0, 0.88fr) minmax(470px, 1.12fr); } .hero-copy h1 { font-size: clamp(3.2rem, 5.4vw, 4.5rem); } .trust-summary { gap: 65px; } } @media (max-width: 920px) { .hero-section { padding-top: 128px; } .hero-layout { grid-template-columns: 1fr; gap: 35px; } .hero-copy { max-width: 720px; margin: 0 auto; text-align: center; } .hero-lead { margin-right: auto; margin-left: auto; } .hero-actions, .hero-platforms { justify-content: center; } .hero-app-preview { width: min(100%, 780px); margin: 12px auto 0; } .simple-step { padding-right: 22px; padding-left: 22px; } .trust-summary { grid-template-columns: 1fr; gap: 50px; } .trust-summary-copy { max-width: 680px; } } @media (max-width: 680px) { .page-shell { width: min(calc(100% - 32px), var(--shell)); } .hero-section { min-height: auto; padding: 115px 0 72px; } .hero-copy h1 { font-size: clamp(2.75rem, 14vw, 4.25rem); letter-spacing: -0.065em; } .hero-lead { font-size: 16px; } .hero-actions { display: grid; } .hero-actions .button { width: 100%; } .hero-platforms { display: grid; justify-items: center; } .hero-platforms ul { justify-content: center; } .hero-app-preview { width: calc(100% + 24px); margin-left: -12px; } .simple-section, .trust-summary-section { padding: 88px 0; } .simple-heading { margin-bottom: 40px; } .simple-heading h2, .trust-summary-copy h2 { font-size: clamp(2.35rem, 12vw, 3.5rem); } .simple-heading p, .trust-summary-copy p { font-size: 15px; } .simple-steps { grid-template-columns: 1fr; } .simple-step { min-height: 0; padding: 28px 0 32px; } .simple-step + .simple-step { border-top: 1px solid var(--line); border-left: 0; } .simple-step-top { margin-bottom: 28px; } .trust-summary-item { grid-template-columns: 40px 1fr; gap: 15px; } .trust-summary-item > span { width: 38px; height: 38px; } .footer-inner, .footer-bottom { align-items: flex-start; flex-direction: column; } .footer-inner { gap: 24px; } .footer-links { flex-wrap: wrap; } .footer-bottom { gap: 5px; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } .motion-ready .reveal { opacity: 1; transform: none; } }