:root{--color-bg:#fff;--color-bg-elevated:#fafafa;--color-accent:#ec4899;--color-accent-muted:rgba(236,72,153,.15);--color-text:#1a1a1a;--color-text-muted:#6b7280;--color-border:rgba(0,0,0,.08);--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Georgia","Times New Roman",serif;--radius:12px;--radius-lg:20px}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body,html{max-width:100vw;overflow-x:hidden}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.6}a{color:inherit;text-decoration:none}nav a:hover{color:var(--color-accent)!important}.cta-button:hover,.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(236,72,153,.3)}.ghost-button{border:2px solid var(--color-accent);color:var(--color-accent);background:transparent;font-weight:600;border-radius:var(--radius);transition:transform .2s,box-shadow .2s,background .2s,color .2s}.ghost-button:hover{background:var(--color-accent-muted);transform:translateY(-2px);box-shadow:0 8px 24px rgba(236,72,153,.15)}.about-card:hover{border-color:rgba(236,72,153,.3);transform:translateY(-4px)}.about-illustration{padding:2rem;background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border);max-width:340px}.about-illustration-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent);margin-bottom:1.5rem;text-align:center}.about-illustration-row{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem 1.5rem;margin-bottom:1.75rem}.about-illustration-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:80px}.about-illustration-icon{width:48px;height:48px;border-radius:50%;background:var(--color-accent-muted);color:var(--color-accent);display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease}.about-illustration-icon svg{width:24px;height:24px}.about-illustration-item:hover .about-illustration-icon{transform:scale(1.08);background:rgba(196,30,94,.2)}.about-illustration-item span{font-size:.8rem;font-weight:500;color:var(--color-text);text-align:center;line-height:1.3}.about-illustration-badge{padding:1rem 1.25rem;background:var(--color-bg);border:2px solid var(--color-accent);border-radius:var(--radius);text-align:center}.about-illustration-badge-text{display:block;font-size:1.1rem;font-weight:700;color:var(--color-accent);letter-spacing:.05em}.about-illustration-badge-sub{display:block;font-size:.75rem;color:var(--color-text-muted);margin-top:.2rem}.feature-card.active,.feature-card:hover{border-color:var(--color-accent);transform:translateY(-6px);box-shadow:0 12px 32px rgba(236,72,153,.15)}.feature-card:hover .feature-icon{transform:scale(1.1)}button:hover{opacity:.9}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease;will-change:opacity,transform}.reveal.in-view{opacity:1;transform:translateY(0)}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-accent-muted);color:var(--color-accent);font-size:.9rem;font-weight:500;border-radius:999px;margin-bottom:1.5rem;animation:fadeInDown .6s ease-out}.hero-badge svg{width:18px;height:18px}.hero-visual{display:flex;align-items:center;justify-content:center;gap:2.5rem;margin-top:3rem;flex-wrap:wrap;padding:1rem;animation:fadeInUp .8s ease-out .3s both}.phone-shell{position:relative;width:220px;height:440px;border-radius:36px;padding:18px 14px;background:linear-gradient(160deg,#0f172a,#1f2937);box-shadow:0 25px 60px rgba(15,23,42,.35);border:6px solid hsla(0,0%,100%,.08);overflow:hidden}.phone-notch{position:absolute;top:18px;left:50%;width:72px;height:18px;transform:translateX(-50%);background:rgba(0,0,0,.7);border-radius:20px}.phone-screen{position:relative;width:100%;height:100%;background:linear-gradient(180deg,rgba(15,23,42,.9),rgba(15,23,42,.8));border-radius:24px;overflow:hidden;display:flex;align-items:center;justify-content:center}.ticket-sheet{position:absolute;top:12%;left:50%;transform:translateX(-50%);width:72%;background:#fff;border-radius:12px;padding:1rem .75rem;box-shadow:0 10px 25px rgba(15,23,42,.2);display:flex;flex-direction:column;gap:.4rem;animation:ticketFloat 5s ease-in-out infinite}.ticket-header{height:14px;width:60%;border-radius:6px;background:rgba(236,72,153,.2)}.ticket-line{height:6px;border-radius:6px;background:rgba(15,23,42,.08)}.ticket-line.wide{width:85%}.ticket-line.short{width:45%}.ticket-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.ticket-total{width:40%;background:rgba(236,72,153,.25)}.ticket-code,.ticket-total{height:10px;border-radius:6px}.ticket-code{width:30%;background:rgba(15,23,42,.1)}.scan-line{left:12%;right:12%;height:10px;background:linear-gradient(90deg,transparent,rgba(236,72,153,.9),transparent);border-radius:999px;filter:blur(.5px)}.scan-glow,.scan-line{position:absolute;animation:scanMove 3.2s ease-in-out infinite}.scan-glow{left:15%;right:15%;height:24px;background:radial-gradient(circle,rgba(236,72,153,.28) 0,rgba(236,72,153,.05) 70%);filter:blur(8px);animation-delay:.15s}.data-stack{display:flex;flex-direction:column;gap:1rem;min-width:240px}.data-chip{background:#fff;border-radius:var(--radius-lg);border:1px solid rgba(236,72,153,.12);padding:1rem 1.25rem;box-shadow:0 16px 32px rgba(236,72,153,.12);animation:chipSlideUp .8s ease forwards;opacity:0}.data-chip.amount{animation-delay:.3s}.data-chip.category{animation-delay:.5s}.data-chip.account{animation-delay:.7s}.chip-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.35rem;font-weight:600}.data-chip strong{font-size:1rem;color:var(--color-text);font-weight:700}.demo-viewport{position:relative;padding:2rem;background:linear-gradient(135deg,rgba(236,72,153,.08),rgba(236,72,153,.02));border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:0 18px 45px rgba(236,72,153,.12)}.demo-panel{background:#fff;border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.05);box-shadow:0 12px 28px rgba(15,23,42,.08);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;min-height:320px}.demo-panel-header{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--color-text)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--color-accent);display:inline-block;box-shadow:0 0 0 0 rgba(236,72,153,.4);animation:dotPulse 2s infinite}.demo-toggle{display:inline-flex;padding:.25rem;border-radius:999px;background:var(--color-accent-muted);gap:.25rem;align-self:flex-start}.toggle-btn{border:none;background:transparent;padding:.35rem .9rem;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--color-accent);cursor:pointer;transition:background .2s,color .2s,transform .2s}.toggle-btn.active{background:#fff;color:var(--color-text);transform:translateY(-1px);box-shadow:0 6px 16px rgba(236,72,153,.18)}.demo-lines{display:flex;flex-direction:column;gap:.4rem}.demo-line{height:8px;background:linear-gradient(90deg,rgba(236,72,153,.18),rgba(236,72,153,.05));border-radius:999px;overflow:hidden;position:relative}.demo-line.short{width:60%}.demo-line.long{width:85%}.shimmer:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(120deg,transparent,hsla(0,0%,100%,.7),transparent);animation:shimmer 1.8s infinite}.demo-bars{gap:1rem}.demo-bar,.demo-bars{display:flex;flex-direction:column}.demo-bar{gap:.4rem}.demo-bar-header{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600;color:var(--color-text)}.demo-bar-track{width:100%;height:10px;border-radius:999px;background:rgba(236,72,153,.12);overflow:hidden}.demo-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-accent),rgba(236,72,153,.7));transition:width .6s ease}.demo-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:.75rem;gap:.75rem}.metric-label{display:block;font-size:.8rem;color:var(--color-text-muted);margin-bottom:.25rem}.demo-metrics strong{font-size:1rem;color:var(--color-text)}.demo-list li:before{content:"";position:absolute;left:0;top:.55rem;width:6px;height:6px;border-radius:999px;background:var(--color-accent)}.feature-icon{transition:transform .3s ease}.platform-feature{display:flex;flex-direction:column;gap:.5rem}.platform-feature--numbered{padding-left:0}.platform-feature-num{font-size:.75rem;font-weight:600;letter-spacing:.12em;color:var(--color-accent);margin-bottom:.25rem}.feature-icon-circle{width:56px;height:56px;border-radius:50%;background:var(--color-accent-muted);font-size:1.5rem;margin-bottom:.5rem}.feature-icon-circle,.platform-visual{display:flex;align-items:center;justify-content:center}.platform-visual{gap:2rem;flex-wrap:wrap;padding:2rem;background:linear-gradient(135deg,rgba(236,72,153,.05),rgba(236,72,153,.02));border-radius:var(--radius-lg);border:1px solid var(--color-border)}.receipt-stream{display:flex;flex-direction:column;gap:.75rem}.receipt-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fff;border-radius:var(--radius);border:1px solid var(--color-border);box-shadow:0 4px 12px rgba(0,0,0,.06);min-width:200px;animation:receiptSlide .6s ease forwards;opacity:0}.receipt-item.receipt-1{animation-delay:.2s}.receipt-item.receipt-2{animation-delay:.4s}.receipt-item.receipt-3{animation-delay:.6s}.receipt-item.receipt-4{animation-delay:.8s}.receipt-merchant{font-size:.9rem;font-weight:600;color:var(--color-text)}.receipt-amount{font-size:.9rem}.platform-arrow,.receipt-amount{font-weight:700;color:var(--color-accent)}.platform-arrow{font-size:2rem}.platform-hub{padding:1.5rem;background:#fff;border-radius:var(--radius-lg);border:2px solid var(--color-accent);box-shadow:0 12px 32px rgba(236,72,153,.15);min-width:200px;animation:hubPulse 2s ease-in-out infinite}.hub-header{font-size:1rem;font-weight:700;color:var(--color-text);margin-bottom:1rem;text-align:center}.hub-stats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.hub-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.hub-stat strong{font-size:1.25rem;color:var(--color-accent);font-weight:700}.hub-stat span{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dotPulse{0%{box-shadow:0 0 0 0 rgba(236,72,153,.4)}70%{box-shadow:0 0 0 8px rgba(236,72,153,0)}to{box-shadow:0 0 0 0 rgba(236,72,153,0)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes ticketFloat{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}@keyframes scanMove{0%{top:18%}50%{top:70%}to{top:18%}}@keyframes chipSlideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes receiptSlide{0%{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes hubPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}