:root{--bg:#f9f9f7;--ink:#111110;--muted:#787873;--border:#e8e8e4;--accent:#3d5af1;--surface:#fff;--surface-2:#f2f2ef;--shadow-sm:0 1px 3px #0000000f, 0 4px 16px #0000000a;--shadow-md:0 4px 16px #00000014, 0 12px 40px #0000000f;--r-card:16px;--r-pill:999px;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--ink);line-height:1.6}.hero-animate{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(32px)}.hero-animate.landed{opacity:1;transform:translateY(0)}.hero-animate.mockup{transform:translateY(32px)scale(.96)}.hero-animate.mockup.landed{opacity:1;transform:translateY(0)scale(1)}.reveal-item{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(48px)}.reveal-item.revealed{opacity:1;transform:translateY(0)}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-marquee-track{gap:56px;width:max-content;animation:40s linear infinite marquee-scroll;display:flex}.landing-marquee-track:hover{animation-play-state:paused}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.4}}.merchant-logo{color:#111110;opacity:.5;cursor:default;flex-shrink:0;height:28px;transition:opacity .15s}.merchant-logo:hover{opacity:1}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.landing-marquee-track{animation:none!important}}
