Flowpay \u2014 Payments Built for Creators<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --bg: #0A0F1E;\n --surface: #111827;\n --surface2: #1a2236;\n --violet: #7C3AED;\n --violet-light: #9D6FEF;\n --cyan: #06B6D4;\n --cyan-light: #67E8F9;\n --green: #10B981;\n --white: #FFFFFF;\n --gray: #94A3B8;\n --gray-dim: #64748B;\n --border: rgba(255,255,255,0.07);\n --glass: rgba(255,255,255,0.04);\n --radius: 16px;\n --radius-sm: 10px;\n }\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n body {\n font-family: 'Inter', sans-serif;\n background: var(--bg);\n color: var(--white);\n overflow-x: hidden;\n line-height: 1.6;\n }\n h1,h2,h3,h4 { font-family: 'Space Grotesk', sans-serif; }\n a { text-decoration: none; color: inherit; }<\/p>\n<p> \/* \u2500\u2500\u2500 NAVBAR \u2500\u2500\u2500 *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n display: flex; align-items: center; justify-content: space-between;\n padding: 18px 5%;\n background: rgba(10,15,30,0.8);\n backdrop-filter: blur(20px);\n border-bottom: 1px solid var(--border);\n }\n .nav-logo {\n font-family: 'Space Grotesk', sans-serif;\n font-size: 1.5rem; font-weight: 700; letter-spacing: -0.5px;\n background: linear-gradient(135deg, var(--violet-light), var(--cyan));\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n }\n .nav-links { display: flex; gap: 32px; align-items: center; }\n .nav-links a { font-size: 0.875rem; color: var(--gray); font-weight: 500; transition: color 0.2s; }\n .nav-links a:hover { color: var(--white); }\n .nav-cta { display: flex; gap: 12px; align-items: center; }\n .btn-ghost {\n font-size: 0.875rem; font-weight: 500; color: var(--gray);\n padding: 8px 20px; border: 1px solid var(--border); border-radius: 8px;\n transition: all 0.2s; cursor: pointer; font-family: 'Inter', sans-serif;\n background: transparent;\n }\n .btn-ghost:hover { border-color: var(--violet); color: var(--white); }\n .btn-primary {\n font-size: 0.875rem; font-weight: 600; color: var(--white);\n padding: 9px 22px; border-radius: 8px; border: none; cursor: pointer;\n background: linear-gradient(135deg, var(--violet), #5B21B6);\n font-family: 'Inter', sans-serif; transition: opacity 0.2s;\n }\n .btn-primary:hover { opacity: 0.85; }\n .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; }\n .hamburger span { width: 24px; height: 2px; background: var(--white); border-radius: 2px; display: block; }<\/p>\n<p> \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n .hero {\n min-height: 100vh;\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n padding: 120px 5% 80px;\n text-align: center;\n position: relative; overflow: hidden;\n }\n .hero-glow {\n position: absolute; top: 20%; left: 50%; transform: translateX(-50%);\n width: 800px; height: 400px;\n background: radial-gradient(ellipse, rgba(124,58,237,0.25) 0%, rgba(6,182,212,0.1) 50%, transparent 70%);\n pointer-events: none;\n }\n .hero-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(124,58,237,0.15); border: 1px solid rgba(124,58,237,0.35);\n padding: 6px 16px; border-radius: 100px; margin-bottom: 28px;\n font-size: 0.8rem; font-weight: 500; color: var(--violet-light);\n }\n .hero-badge::before { content:''; width:6px; height:6px; background:var(--cyan); border-radius:50%; animation: pulse 2s infinite; }\n @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }\n .hero h1 {\n font-size: clamp(2.8rem, 6vw, 5.5rem);\n font-weight: 700; letter-spacing: -2px; line-height: 1.1;\n max-width: 900px; margin-bottom: 24px;\n }\n .hero h1 .grad {\n background: linear-gradient(135deg, var(--violet-light) 0%, var(--cyan) 100%);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n }\n .hero-sub {\n font-size: 1.1rem; color: var(--gray); max-width: 560px;\n margin: 0 auto 40px; line-height: 1.7;\n }\n .hero-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }\n .btn-large {\n padding: 14px 32px; font-size: 1rem; font-weight: 600;\n border-radius: 10px; cursor: pointer; border: none; font-family: 'Inter', sans-serif;\n transition: all 0.2s;\n }\n .btn-large.primary {\n background: linear-gradient(135deg, var(--violet), #5B21B6);\n color: var(--white);\n }\n .btn-large.primary:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(124,58,237,0.4); }\n .btn-large.outline {\n background: transparent; color: var(--white);\n border: 1px solid var(--border);\n }\n .btn-large.outline:hover { border-color: var(--gray); }<\/p>\n<p> \/* \u2500\u2500\u2500 STATS TICKER \u2500\u2500\u2500 *\/\n .stats-bar {\n background: var(--surface); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);\n padding: 22px 5%; overflow: hidden;\n }\n .stats-track {\n display: flex; gap: 64px; animation: ticker 30s linear infinite;\n width: max-content;\n }\n @keyframes ticker { from { transform: translateX(0) } to { transform: translateX(-50%) } }\n .stat-item {\n display: flex; align-items: center; gap: 12px; white-space: nowrap;\n }\n .stat-val { font-family: 'Space Grotesk', sans-serif; font-size: 1.2rem; font-weight: 700; color: var(--white); }\n .stat-label { font-size: 0.8rem; color: var(--gray); }\n .stat-dot { width: 4px; height: 4px; background: var(--violet); border-radius: 50%; }<\/p>\n<p> \/* \u2500\u2500\u2500 SECTION \u2500\u2500\u2500 *\/\n section { padding: 100px 5%; }\n .section-eyebrow {\n font-size: 0.75rem; font-weight: 600; letter-spacing: 2px; text-transform: uppercase;\n color: var(--cyan); margin-bottom: 16px;\n }\n .section-title {\n font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 700; letter-spacing: -1px;\n line-height: 1.2; margin-bottom: 16px;\n }\n .section-sub { color: var(--gray); font-size: 1rem; max-width: 560px; line-height: 1.7; }\n .centered { text-align: center; align-items: center; }\n .centered .section-sub { margin: 0 auto; }<\/p>\n<p> \/* \u2500\u2500\u2500 BENTO GRID \u2500\u2500\u2500 *\/\n .bento { display: grid; gap: 16px; margin-top: 60px; }\n .bento-4 { grid-template-columns: repeat(4, 1fr); grid-template-rows: auto auto; }\n .bento-card {\n background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);\n padding: 32px; position: relative; overflow: hidden;\n transition: border-color 0.3s, transform 0.3s;\n }\n .bento-card:hover { border-color: rgba(124,58,237,0.4); transform: translateY(-3px); }\n .bento-card.span2 { grid-column: span 2; }\n .bento-card.span3 { grid-column: span 3; }\n .bento-card.accent {\n background: linear-gradient(135deg, rgba(124,58,237,0.2), rgba(6,182,212,0.08));\n border-color: rgba(124,58,237,0.3);\n }\n .bento-card .card-glow {\n position: absolute; top: -50px; right: -50px;\n width: 200px; height: 200px;\n background: radial-gradient(circle, rgba(124,58,237,0.2), transparent 70%);\n pointer-events: none;\n }\n .bento-icon {\n width: 44px; height: 44px; border-radius: 10px; margin-bottom: 20px;\n display: flex; align-items: center; justify-content: center; font-size: 1.3rem;\n background: rgba(124,58,237,0.15); border: 1px solid rgba(124,58,237,0.25);\n }\n .bento-icon.cyan { background: rgba(6,182,212,0.15); border-color: rgba(6,182,212,0.25); }\n .bento-icon.green { background: rgba(16,185,129,0.15); border-color: rgba(16,185,129,0.25); }\n .bento-card h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 10px; }\n .bento-card p { font-size: 0.875rem; color: var(--gray); line-height: 1.65; }<\/p>\n<p> \/* \u2500\u2500\u2500 PAYMENT METHODS \u2500\u2500\u2500 *\/\n .methods-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin-top: 48px; }\n .method-card {\n background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-sm);\n padding: 20px; display: flex; flex-direction: column; align-items: center; gap: 10px;\n transition: border-color 0.25s, background 0.25s;\n }\n .method-card:hover { border-color: var(--cyan); background: rgba(6,182,212,0.05); }\n .method-icon { font-size: 2rem; }\n .method-name { font-size: 0.875rem; font-weight: 600; }\n .method-time { font-size: 0.75rem; color: var(--cyan); font-weight: 500; }<\/p>\n<p> \/* \u2500\u2500\u2500 PRICING \u2500\u2500\u2500 *\/\n .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 56px; }\n .plan-card {\n background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);\n padding: 36px; position: relative; transition: transform 0.3s;\n }\n .plan-card:hover { transform: translateY(-4px); }\n .plan-card.featured {\n background: linear-gradient(145deg, rgba(124,58,237,0.2) 0%, rgba(6,182,212,0.06) 100%);\n border-color: var(--violet);\n }\n .plan-badge {\n position: absolute; top: -12px; left: 50%; transform: translateX(-50%);\n background: linear-gradient(135deg, var(--violet), var(--cyan));\n color: var(--white); font-size: 0.7rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;\n padding: 4px 14px; border-radius: 100px;\n }\n .plan-name { font-size: 0.8rem; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: var(--gray); margin-bottom: 12px; }\n .plan-price { font-family: 'Space Grotesk', sans-serif; font-size: 3rem; font-weight: 700; letter-spacing: -2px; line-height: 1; margin-bottom: 6px; }\n .plan-price sup { font-size: 1.2rem; vertical-align: super; }\n .plan-price .per { font-size: 0.85rem; color: var(--gray); font-weight: 400; }\n .plan-desc { font-size: 0.875rem; color: var(--gray); margin-bottom: 28px; line-height: 1.5; }\n .plan-divider { height: 1px; background: var(--border); margin-bottom: 24px; }\n .plan-features { list-style: none; display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px; }\n .plan-features li { font-size: 0.875rem; display: flex; align-items: center; gap: 10px; }\n .plan-features li::before { content: '\u2713'; color: var(--green); font-weight: 700; font-size: 0.85rem; }\n .plan-features li.muted { color: var(--gray-dim); }\n .plan-features li.muted::before { content: '\u2013'; color: var(--gray-dim); }\n .plan-btn {\n width: 100%; padding: 13px; border-radius: 8px; font-size: 0.9rem; font-weight: 600;\n cursor: pointer; border: none; font-family: 'Inter', sans-serif; transition: all 0.2s;\n }\n .plan-btn.outline { background: transparent; border: 1px solid var(--border); color: var(--white); }\n .plan-btn.outline:hover { border-color: var(--violet); }\n .plan-btn.filled { background: linear-gradient(135deg, var(--violet), #5B21B6); color: var(--white); }\n .plan-btn.filled:hover { box-shadow: 0 6px 24px rgba(124,58,237,0.4); }<\/p>\n<p> \/* \u2500\u2500\u2500 INTEGRATIONS \u2500\u2500\u2500 *\/\n .integ-section { background: var(--surface); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }\n .integ-marquee-wrap { overflow: hidden; margin-top: 48px; }\n .integ-track { display: flex; gap: 16px; animation: marquee 25s linear infinite; width: max-content; }\n @keyframes marquee { from { transform: translateX(0) } to { transform: translateX(-50%) } }\n .integ-chip {\n display: flex; align-items: center; gap: 10px; white-space: nowrap;\n background: var(--bg); border: 1px solid var(--border); border-radius: 100px;\n padding: 10px 20px; font-size: 0.875rem; font-weight: 500; transition: border-color 0.2s;\n }\n .integ-chip:hover { border-color: var(--violet); }\n .integ-chip .dot { width: 8px; height: 8px; border-radius: 50%; }\n .dot-violet { background: var(--violet); }\n .dot-cyan { background: var(--cyan); }\n .dot-green { background: var(--green); }<\/p>\n<p> \/* \u2500\u2500\u2500 TESTIMONIALS \u2500\u2500\u2500 *\/\n .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-top: 56px; }\n .testi-card {\n background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);\n padding: 28px; transition: border-color 0.3s;\n }\n .testi-card:hover { border-color: rgba(124,58,237,0.35); }\n .testi-stars { color: #F59E0B; font-size: 0.85rem; margin-bottom: 14px; letter-spacing: 1px; }\n .testi-text { font-size: 0.9rem; color: var(--gray); line-height: 1.7; margin-bottom: 20px; }\n .testi-author { display: flex; align-items: center; gap: 12px; }\n .testi-avatar {\n width: 40px; height: 40px; border-radius: 50%;\n background: linear-gradient(135deg, var(--violet), var(--cyan));\n display: flex; align-items: center; justify-content: center;\n font-family: 'Space Grotesk', sans-serif; font-size: 0.85rem; font-weight: 700; color: white;\n }\n .testi-name { font-size: 0.875rem; font-weight: 600; }\n .testi-role { font-size: 0.75rem; color: var(--gray); }<\/p>\n<p> \/* \u2500\u2500\u2500 FAQ \u2500\u2500\u2500 *\/\n .faq-list { max-width: 720px; margin: 56px auto 0; display: flex; flex-direction: column; gap: 12px; }\n .faq-item {\n background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-sm); overflow: hidden;\n }\n .faq-q {\n padding: 20px 24px; font-size: 0.95rem; font-weight: 600; cursor: pointer;\n display: flex; justify-content: space-between; align-items: center; gap: 16px;\n user-select: none; transition: color 0.2s;\n }\n .faq-q:hover { color: var(--violet-light); }\n .faq-chevron { transition: transform 0.3s; font-size: 0.75rem; color: var(--gray); }\n .faq-item.open .faq-chevron { transform: rotate(180deg); }\n .faq-a {\n max-height: 0; overflow: hidden; transition: max-height 0.4s ease;\n font-size: 0.875rem; color: var(--gray); line-height: 1.7;\n }\n .faq-a-inner { padding: 0 24px 20px; }\n .faq-item.open .faq-a { max-height: 300px; }<\/p>\n<p> \/* \u2500\u2500\u2500 CTA BANNER \u2500\u2500\u2500 *\/\n .cta-banner {\n margin: 0 5% 80px; border-radius: 24px;\n background: linear-gradient(135deg, rgba(124,58,237,0.35) 0%, rgba(6,182,212,0.15) 100%);\n border: 1px solid rgba(124,58,237,0.4);\n padding: 80px 5%; text-align: center; position: relative; overflow: hidden;\n }\n .cta-banner::before {\n content: ''; position: absolute; inset: 0;\n background: radial-gradient(ellipse at center top, rgba(124,58,237,0.3), transparent 60%);\n pointer-events: none;\n }\n .cta-banner h2 { font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 700; letter-spacing: -1px; margin-bottom: 16px; }\n .cta-banner p { color: var(--gray); font-size: 1rem; margin-bottom: 36px; max-width: 500px; margin-left: auto; margin-right: auto; }\n .cta-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }<\/p>\n<p> \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n footer {\n border-top: 1px solid var(--border); padding: 64px 5% 40px;\n }\n .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 56px; }\n .footer-brand .nav-logo { font-size: 1.4rem; display: inline-block; margin-bottom: 14px; }\n .footer-brand p { font-size: 0.85rem; color: var(--gray); line-height: 1.7; max-width: 280px; }\n .footer-col h4 { font-size: 0.8rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--white); margin-bottom: 18px; }\n .footer-col a { display: block; font-size: 0.85rem; color: var(--gray); margin-bottom: 10px; transition: color 0.2s; }\n .footer-col a:hover { color: var(--white); }\n .footer-bottom {\n display: flex; justify-content: space-between; align-items: center;\n border-top: 1px solid var(--border); padding-top: 28px; gap: 16px; flex-wrap: wrap;\n }\n .footer-bottom p { font-size: 0.8rem; color: var(--gray); }\n .footer-socials { display: flex; gap: 12px; }\n .social-btn {\n width: 36px; height: 36px; border-radius: 8px; border: 1px solid var(--border);\n display: flex; align-items: center; justify-content: center; font-size: 0.85rem;\n color: var(--gray); transition: all 0.2s; cursor: pointer;\n }\n .social-btn:hover { border-color: var(--violet); color: var(--white); }<\/p>\n<p> \/* \u2500\u2500\u2500 DASHBOARD MOCKUP \u2500\u2500\u2500 *\/\n .dashboard-mockup {\n background: var(--surface2); border: 1px solid var(--border); border-radius: 16px;\n padding: 24px; margin-top: 48px; position: relative; overflow: hidden;\n }\n .mockup-topbar { display: flex; align-items: center; gap: 8px; margin-bottom: 24px; }\n .mockup-dot { width: 10px; height: 10px; border-radius: 50%; }\n .mockup-title { font-size: 0.8rem; color: var(--gray); margin-left: 8px; font-weight: 500; }\n .mockup-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 20px; }\n .mockup-stat {\n background: var(--bg); border: 1px solid var(--border); border-radius: 10px; padding: 16px;\n }\n .mockup-stat .m-label { font-size: 0.7rem; color: var(--gray); margin-bottom: 6px; }\n .mockup-stat .m-val { font-family: 'Space Grotesk', sans-serif; font-size: 1.3rem; font-weight: 700; }\n .mockup-stat .m-change { font-size: 0.7rem; color: var(--green); margin-top: 4px; }\n .mockup-chart { background: var(--bg); border: 1px solid var(--border); border-radius: 10px; padding: 20px; }\n .chart-label { font-size: 0.75rem; color: var(--gray); margin-bottom: 14px; font-weight: 500; }\n .chart-bars { display: flex; align-items: flex-end; gap: 8px; height: 80px; }\n .chart-bar {\n flex: 1; border-radius: 4px 4px 0 0;\n background: linear-gradient(to top, var(--violet), var(--cyan));\n opacity: 0.7; transition: opacity 0.2s;\n animation: barGrow 0.8s ease forwards;\n transform-origin: bottom;\n }\n .chart-bar:hover { opacity: 1; }\n @keyframes barGrow { from { transform: scaleY(0) } to { transform: scaleY(1) } }<\/p>\n<p> \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media (max-width: 1024px) {\n .bento-4 { grid-template-columns: repeat(2, 1fr); }\n .bento-card.span2, .bento-card.span3 { grid-column: span 2; }\n .footer-grid { grid-template-columns: 1fr 1fr; }\n .mockup-stats { grid-template-columns: repeat(2, 1fr); }\n }\n @media (max-width: 768px) {\n nav { padding: 16px 5%; }\n .nav-links { display: none; }\n .hamburger { display: flex; }\n .nav-cta .btn-ghost { display: none; }\n .bento-4 { grid-template-columns: 1fr; }\n .bento-card.span2, .bento-card.span3 { grid-column: span 1; }\n .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }\n .mockup-stats { grid-template-columns: repeat(2, 1fr); }\n .cta-banner { padding: 56px 6%; }\n .mobile-nav {\n display: flex !important;\n }\n }\n @media (max-width: 480px) {\n .footer-grid { grid-template-columns: 1fr; }\n .hero-actions { flex-direction: column; align-items: center; }\n .btn-large { width: 100%; text-align: center; }\n .mockup-stats { grid-template-columns: 1fr 1fr; }\n }<\/p>\n<p> \/* Mobile menu *\/\n .mobile-nav {\n display: none; position: fixed; inset: 0; background: var(--bg); z-index: 200;\n flex-direction: column; align-items: center; justify-content: center; gap: 32px;\n }\n .mobile-nav a { font-size: 1.2rem; font-weight: 600; color: var(--white); }\n .mobile-nav-close {\n position: absolute; top: 24px; right: 24px;\n font-size: 1.5rem; cursor: pointer; color: var(--gray);\n background: none; border: none; color: var(--white);\n }<\/p>\n<p> \/* Animate on scroll *\/\n .fade-up {\n opacity: 0; transform: translateY(30px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n }\n .fade-up.visible { opacity: 1; transform: translateY(0); }\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<p><\/p>\n<div class=\"mobile-nav\" id=\"mobileNav\">\n <button class=\"mobile-nav-close\" onclick=\"closeMobileNav()\">\u2715<\/button><br \/>\n <a href=\"#features\" onclick=\"closeMobileNav()\">Features<\/a><br \/>\n <a href=\"#payments\" onclick=\"closeMobileNav()\">Payments<\/a><br \/>\n <a href=\"#pricing\" onclick=\"closeMobileNav()\">Pricing<\/a><br \/>\n <a href=\"#integrations\" onclick=\"closeMobileNav()\">Integrations<\/a><br \/>\n <a href=\"#faq\" onclick=\"closeMobileNav()\">FAQ<\/a><br \/>\n <button class=\"btn-primary\" style=\"font-size:1rem;padding:14px 32px;\">Get Started Free<\/button>\n<\/div>\n<p><\/p>\n<nav>\n<div class=\"nav-logo\">Flowpay<\/div>\n<div class=\"nav-links\">\n <a href=\"#features\">Features<\/a><br \/>\n <a href=\"#payments\">Payments<\/a><br \/>\n <a href=\"#pricing\">Pricing<\/a><br \/>\n <a href=\"#integrations\">Integrations<\/a><br \/>\n <a href=\"#faq\">FAQ<\/a>\n <\/div>\n<div class=\"nav-cta\">\n <button class=\"btn-ghost\">Log in<\/button><br \/>\n <button class=\"btn-primary\">Get Started Free<\/button>\n <\/div>\n<div class=\"hamburger\" onclick=\"openMobileNav()\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n<\/nav>\n<p><\/p>\n<section class=\"hero\">\n<div class=\"hero-glow\"><\/div>\n<div class=\"hero-badge\">\ud83d\ude80 Now with instant Pix payouts \u2014 0% fee<\/div>\n<h1>Payments that <span class=\"grad\">flow<\/span> with your business<\/h1>\n<p class=\"hero-sub\">The all-in-one checkout platform for digital creators, course sellers, and online entrepreneurs. Sell more, withdraw instantly, grow fast.<\/p>\n<div class=\"hero-actions\">\n <button class=\"btn-large primary\">Start for free \u2192<\/button><br \/>\n <button class=\"btn-large outline\">See how it works<\/button>\n <\/div>\n<p> <\/p>\n<div class=\"dashboard-mockup fade-up\" style=\"max-width:780px;width:100%;margin-top:64px;\">\n<div class=\"mockup-topbar\">\n<div class=\"mockup-dot\" style=\"background:#EF4444\"><\/div>\n<div class=\"mockup-dot\" style=\"background:#F59E0B\"><\/div>\n<div class=\"mockup-dot\" style=\"background:#10B981\"><\/div>\n<p> <span class=\"mockup-title\">Flowpay Dashboard \u00b7 Revenue Overview<\/span>\n <\/div>\n<div class=\"mockup-stats\">\n<div class=\"mockup-stat\">\n<div class=\"m-label\">Total Revenue<\/div>\n<div class=\"m-val\">$84,210<\/div>\n<div class=\"m-change\">\u2191 18.4% this month<\/div>\n<\/p><\/div>\n<div class=\"mockup-stat\">\n<div class=\"m-label\">Transactions<\/div>\n<div class=\"m-val\">3,482<\/div>\n<div class=\"m-change\">\u2191 11.2% vs last month<\/div>\n<\/p><\/div>\n<div class=\"mockup-stat\">\n<div class=\"m-label\">Avg. Order<\/div>\n<div class=\"m-val\">$24.19<\/div>\n<div class=\"m-change\">\u2191 5.8% improvement<\/div>\n<\/p><\/div>\n<div class=\"mockup-stat\">\n<div class=\"m-label\">Conversion Rate<\/div>\n<div class=\"m-val\">7.4%<\/div>\n<div class=\"m-change\">\u2191 2.1% above avg.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"mockup-chart\">\n<div class=\"chart-label\">Daily Sales \u2014 Last 14 days<\/div>\n<div class=\"chart-bars\">\n<div class=\"chart-bar\" style=\"height:40%;animation-delay:0s\"><\/div>\n<div class=\"chart-bar\" style=\"height:55%;animation-delay:0.05s\"><\/div>\n<div class=\"chart-bar\" style=\"height:48%;animation-delay:0.1s\"><\/div>\n<div class=\"chart-bar\" style=\"height:70%;animation-delay:0.15s\"><\/div>\n<div class=\"chart-bar\" style=\"height:62%;animation-delay:0.2s\"><\/div>\n<div class=\"chart-bar\" style=\"height:80%;animation-delay:0.25s\"><\/div>\n<div class=\"chart-bar\" style=\"height:68%;animation-delay:0.3s\"><\/div>\n<div class=\"chart-bar\" style=\"height:90%;animation-delay:0.35s\"><\/div>\n<div class=\"chart-bar\" style=\"height:75%;animation-delay:0.4s\"><\/div>\n<div class=\"chart-bar\" style=\"height:85%;animation-delay:0.45s\"><\/div>\n<div class=\"chart-bar\" style=\"height:72%;animation-delay:0.5s\"><\/div>\n<div class=\"chart-bar\" style=\"height:95%;animation-delay:0.55s\"><\/div>\n<div class=\"chart-bar\" style=\"height:88%;animation-delay:0.6s\"><\/div>\n<div class=\"chart-bar\" style=\"height:100%;animation-delay:0.65s\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><\/p>\n<div class=\"stats-bar\">\n<div class=\"stats-track\">\n<div class=\"stat-item\"><span class=\"stat-val\">$1.2B+<\/span><span class=\"stat-label\">processed<\/span><\/div>\n<div class=\"stat-dot\"><\/div>\n<div class=\"stat-item\"><span class=\"stat-val\">50,000+<\/span><span class=\"stat-label\">active sellers<\/span><\/div>\n<div class=\"stat-dot\"><\/div>\n<div class=\"stat-item\"><span class=\"stat-val\">0.3%<\/span><span class=\"stat-label\">chargeback rate<\/span><\/div>\n<div class=\"stat-dot\"><\/div>\n<div class=\"stat-item\"><span class=\"stat-val\">99.98%<\/span><span class=\"stat-label\">platform uptime<\/span><\/div>\n<div class=\"stat-dot\"><\/div>\n<div class=\"stat-item\"><span class=\"stat-val\">24\/7<\/span><span class=\"stat-label\">live support<\/span><\/div>\n<div class=\"stat-dot\"><\/div>\n<div class=\"stat-item\"><span class=\"stat-val\">30+<\/span><span class=\"stat-label\">integrations<\/span><\/div>\n<div class=\"stat-dot\"><\/div>\n<p> <\/p>\n<div class=\"stat-item\"><span class=\"stat-val\">$1.2B+<\/span><span class=\"stat-label\">processed<\/span><\/div>\n<div class=\"stat-dot\"><\/div>\n<div class=\"stat-item\"><span class=\"stat-val\">50,000+<\/span><span class=\"stat-label\">active sellers<\/span><\/div>\n<div class=\"stat-dot\"><\/div>\n<div class=\"stat-item\"><span class=\"stat-val\">0.3%<\/span><span class=\"stat-label\">chargeback rate<\/span><\/div>\n<div class=\"stat-dot\"><\/div>\n<div class=\"stat-item\"><span class=\"stat-val\">99.98%<\/span><span class=\"stat-label\">platform uptime<\/span><\/div>\n<div class=\"stat-dot\"><\/div>\n<div class=\"stat-item\"><span class=\"stat-val\">24\/7<\/span><span class=\"stat-label\">live support<\/span><\/div>\n<div class=\"stat-dot\"><\/div>\n<div class=\"stat-item\"><span class=\"stat-val\">30+<\/span><span class=\"stat-label\">integrations<\/span><\/div>\n<div class=\"stat-dot\"><\/div>\n<\/p><\/div>\n<\/div>\n<p><\/p>\n<section id=\"features\">\n<div class=\"section-eyebrow\">Why Flowpay<\/div>\n<div class=\"section-title\" style=\"max-width:600px\">Everything you need to sell online at scale<\/div>\n<div class=\"bento bento-4 fade-up\">\n<div class=\"bento-card span2 accent\">\n<div class=\"card-glow\"><\/div>\n<div class=\"bento-icon\">\u26a1<\/div>\n<h3>Instant Withdrawals<\/h3>\n<p>Withdraw your earnings at any time, any day, via Pix. No waiting periods, no minimum balance. Your money moves when you need it to.<\/p>\n<\/p><\/div>\n<div class=\"bento-card\">\n<div class=\"bento-icon cyan\">\ud83d\udd12<\/div>\n<h3>Zero Fraud Risk<\/h3>\n<p>Industry-leading anti-fraud engine with ML scoring on every transaction.<\/p>\n<\/p><\/div>\n<div class=\"bento-card\">\n<div class=\"bento-icon green\">\ud83d\udcc8<\/div>\n<h3>Smart Analytics<\/h3>\n<p>Real-time revenue metrics, conversion funnels, and growth insights in one dashboard.<\/p>\n<\/p><\/div>\n<div class=\"bento-card\">\n<div class=\"bento-icon\">\ud83d\uded2<\/div>\n<h3>High-Converting Checkout<\/h3>\n<p>Order bumps, upsells, and personalized coupon flows built right into checkout.<\/p>\n<\/p><\/div>\n<div class=\"bento-card\">\n<div class=\"bento-icon cyan\">\ud83c\udfaf<\/div>\n<h3>Affiliate Network<\/h3>\n<p>Launch your affiliate program in minutes. Automated commissions, tracking links, and payout management.<\/p>\n<\/p><\/div>\n<div class=\"bento-card span2\">\n<div class=\"bento-icon green\">\ud83c\udf10<\/div>\n<h3>Members Area & Community<\/h3>\n<p>Host your online courses, digital products, and community inside Flowpay. Integrate seamlessly with Telegram, Discord, and WhatsApp \u2014 all in one place with zero extra tools.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><\/p>\n<section id=\"payments\" style=\"padding-top:0;\">\n<div class=\"section-eyebrow\">Accepted Payments<\/div>\n<div class=\"section-title\" style=\"max-width:560px\">Every way your customers want to pay<\/div>\n<p class=\"section-sub\">From cards to Pix, your customers can checkout with their preferred method. Receipts, in any currency.<\/p>\n<div class=\"methods-grid fade-up\">\n<div class=\"method-card\">\n<div class=\"method-icon\">\ud83d\udca0<\/div>\n<div class=\"method-name\">Pix<\/div>\n<div class=\"method-time\">Instant<\/div>\n<\/p><\/div>\n<div class=\"method-card\">\n<div class=\"method-icon\">\ud83d\udcb3<\/div>\n<div class=\"method-name\">Credit Card<\/div>\n<div class=\"method-time\">D+2 days<\/div>\n<\/p><\/div>\n<div class=\"method-card\">\n<div class=\"method-icon\">\ud83d\udcc4<\/div>\n<div class=\"method-name\">Boleto<\/div>\n<div class=\"method-time\">D+1 day<\/div>\n<\/p><\/div>\n<div class=\"method-card\">\n<div class=\"method-icon\">\ud83c\udf4f<\/div>\n<div class=\"method-name\">Apple Pay<\/div>\n<div class=\"method-time\">D+2 days<\/div>\n<\/p><\/div>\n<div class=\"method-card\">\n<div class=\"method-icon\">\ud83d\udd35<\/div>\n<div class=\"method-name\">Google Pay<\/div>\n<div class=\"method-time\">D+2 days<\/div>\n<\/p><\/div>\n<div class=\"method-card\">\n<div class=\"method-icon\">\ud83d\udfe3<\/div>\n<div class=\"method-name\">NuPay<\/div>\n<div class=\"method-time\">D+2 days<\/div>\n<\/p><\/div>\n<div class=\"method-card\">\n<div class=\"method-icon\">\ud83d\udc9a<\/div>\n<div class=\"method-name\">PicPay<\/div>\n<div class=\"method-time\">D+2 days<\/div>\n<\/p><\/div>\n<div class=\"method-card\">\n<div class=\"method-icon\">\ud83d\udd04<\/div>\n<div class=\"method-name\">Subscriptions<\/div>\n<div class=\"method-time\">Recurring<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><\/p>\n<section id=\"pricing\">\n<div style=\"text-align:center\">\n<div class=\"section-eyebrow\">Pricing<\/div>\n<div class=\"section-title\">Simple, transparent rates<\/div>\n<p class=\"section-sub\" style=\"margin:0 auto\">No hidden fees. No surprises. Pay only when you sell.<\/p>\n<\/p><\/div>\n<div class=\"pricing-grid fade-up\">\n<div class=\"plan-card\">\n<div class=\"plan-name\">Starter<\/div>\n<div class=\"plan-price\"><sup>$<\/sup>0 <span class=\"per\">\/ month<\/span><\/div>\n<div class=\"plan-desc\">Perfect for creators just getting started. Only pay a small fee per sale.<\/div>\n<div class=\"plan-divider\"><\/div>\n<ul class=\"plan-features\">\n<li>Unlimited products<\/li>\n<li>Pix payments \u2014 0% + $0.49<\/li>\n<li>Card payments \u2014 4.99% + $0.49<\/li>\n<li>Basic analytics dashboard<\/li>\n<li>Email support<\/li>\n<li class=\"muted\">Priority withdrawals<\/li>\n<li class=\"muted\">Custom checkout branding<\/li>\n<li class=\"muted\">Affiliate management<\/li>\n<\/ul>\n<p> <button class=\"plan-btn outline\">Get started<\/button>\n <\/div>\n<div class=\"plan-card featured\">\n<div class=\"plan-badge\">Most Popular<\/div>\n<div class=\"plan-name\">Growth<\/div>\n<div class=\"plan-price\"><sup>$<\/sup>49 <span class=\"per\">\/ month<\/span><\/div>\n<div class=\"plan-desc\">Built for creators scaling their revenue past $10k\/month.<\/div>\n<div class=\"plan-divider\"><\/div>\n<ul class=\"plan-features\">\n<li>Everything in Starter<\/li>\n<li>Pix payments \u2014 0% + $0.29<\/li>\n<li>Card payments \u2014 3.49% + $0.29<\/li>\n<li>Advanced analytics & reports<\/li>\n<li>24\/7 live chat support<\/li>\n<li>Priority instant withdrawals<\/li>\n<li>Custom checkout branding<\/li>\n<li>Full affiliate management<\/li>\n<\/ul>\n<p> <button class=\"plan-btn filled\">Start 14-day trial<\/button>\n <\/div>\n<div class=\"plan-card\">\n<div class=\"plan-name\">Scale<\/div>\n<div class=\"plan-price\" style=\"font-size:2.2rem\">Custom<\/div>\n<div class=\"plan-desc\">For high-volume operations with dedicated account management and negotiated rates.<\/div>\n<div class=\"plan-divider\"><\/div>\n<ul class=\"plan-features\">\n<li>Everything in Growth<\/li>\n<li>Negotiated transaction rates<\/li>\n<li>Dedicated account manager<\/li>\n<li>Custom integrations & API<\/li>\n<li>SLA & uptime guarantees<\/li>\n<li>White-label checkout<\/li>\n<li>Team collaboration tools<\/li>\n<li>Enterprise compliance<\/li>\n<\/ul>\n<p> <button class=\"plan-btn outline\">Contact sales<\/button>\n <\/div>\n<\/p><\/div>\n<\/section>\n<p><\/p>\n<section id=\"integrations\" class=\"integ-section\">\n<div style=\"text-align:center\">\n<div class=\"section-eyebrow\">Integrations<\/div>\n<div class=\"section-title\">Connects with your favorite tools<\/div>\n<p class=\"section-sub\" style=\"margin:0 auto\">Flowpay plugs into your existing workflow \u2014 course platforms, CRMs, email tools, and community apps.<\/p>\n<\/p><\/div>\n<div class=\"integ-marquee-wrap\">\n<div class=\"integ-track\">\n<div class=\"integ-chip\">\n<div class=\"dot dot-violet\"><\/div>\n<p>WhatsApp<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-cyan\"><\/div>\n<p>Telegram<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-green\"><\/div>\n<p>Discord<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-violet\"><\/div>\n<p>Mailchimp<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-cyan\"><\/div>\n<p>ActiveCampaign<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-green\"><\/div>\n<p>Zapier<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-violet\"><\/div>\n<p>Hotmart<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-cyan\"><\/div>\n<p>UTMify<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-green\"><\/div>\n<p>Google Analytics<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-violet\"><\/div>\n<p>Meta Pixel<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-cyan\"><\/div>\n<p>Cademi<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-green\"><\/div>\n<p>Teachable<\/p><\/div>\n<p> <\/p>\n<div class=\"integ-chip\">\n<div class=\"dot dot-violet\"><\/div>\n<p>WhatsApp<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-cyan\"><\/div>\n<p>Telegram<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-green\"><\/div>\n<p>Discord<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-violet\"><\/div>\n<p>Mailchimp<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-cyan\"><\/div>\n<p>ActiveCampaign<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-green\"><\/div>\n<p>Zapier<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-violet\"><\/div>\n<p>Hotmart<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-cyan\"><\/div>\n<p>UTMify<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-green\"><\/div>\n<p>Google Analytics<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-violet\"><\/div>\n<p>Meta Pixel<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-cyan\"><\/div>\n<p>Cademi<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-green\"><\/div>\n<p>Teachable<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><\/p>\n<section id=\"testimonials\">\n<div style=\"text-align:center\">\n<div class=\"section-eyebrow\">Testimonials<\/div>\n<div class=\"section-title\">Loved by creators worldwide<\/div>\n<\/p><\/div>\n<div class=\"testimonials-grid fade-up\">\n<div class=\"testi-card\">\n<div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<p class=\"testi-text\">“Switched from another platform and immediately saw my conversion rate jump. The checkout is super fast and the instant Pix withdrawal is a game changer.”<\/p>\n<div class=\"testi-author\">\n<div class=\"testi-avatar\">MR<\/div>\n<div>\n<div class=\"testi-name\">Marina R.<\/div>\n<div class=\"testi-role\">Online Course Creator<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"testi-card\">\n<div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<p class=\"testi-text\">“I was skeptical at first but the support team answered within minutes. The affiliate dashboard alone has tripled my reach without spending on ads.”<\/p>\n<div class=\"testi-author\">\n<div class=\"testi-avatar\">TP<\/div>\n<div>\n<div class=\"testi-name\">Thiago P.<\/div>\n<div class=\"testi-role\">Digital Marketing Coach<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"testi-card\">\n<div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<p class=\"testi-text\">“Processing over $200k\/month through Flowpay. The analytics are detailed, withdrawals are instant, and my chargeback rate dropped to almost zero.”<\/p>\n<div class=\"testi-author\">\n<div class=\"testi-avatar\">AL<\/div>\n<div>\n<div class=\"testi-name\">Ana L.<\/div>\n<div class=\"testi-role\">Infoproducer & Entrepreneur<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><\/p>\n<section id=\"faq\" style=\"padding-bottom:60px;\">\n<div style=\"text-align:center\">\n<div class=\"section-eyebrow\">FAQ<\/div>\n<div class=\"section-title\">Common questions<\/div>\n<\/p><\/div>\n<div class=\"faq-list fade-up\">\n<div class=\"faq-item\">\n<div class=\"faq-q\" onclick=\"toggleFaq(this)\">\n How fast can I withdraw my money?<br \/>\n <span class=\"faq-chevron\">\u25bc<\/span>\n <\/div>\n<div class=\"faq-a\">\n<div class=\"faq-a-inner\">Pix withdrawals are instant \u2014 24 hours a day, 7 days a week, including holidays. For card transactions, funds are available in D+2 with the standard plan, or same-day with the Growth plan’s priority payouts.<\/div>\n<\/div><\/div>\n<div class=\"faq-item\">\n<div class=\"faq-q\" onclick=\"toggleFaq(this)\">\n Is there a minimum monthly revenue to use Flowpay?<br \/>\n <span class=\"faq-chevron\">\u25bc<\/span>\n <\/div>\n<div class=\"faq-a\">\n<div class=\"faq-a-inner\">No minimum. The Starter plan is completely free to open \u2014 you only pay a transaction fee when you make a sale. You can start with your very first product.<\/div>\n<\/div><\/div>\n<div class=\"faq-item\">\n<div class=\"faq-q\" onclick=\"toggleFaq(this)\">\n Can I sell subscriptions and recurring products?<br \/>\n <span class=\"faq-chevron\">\u25bc<\/span>\n <\/div>\n<div class=\"faq-a\">\n<div class=\"faq-a-inner\">Yes. Flowpay supports recurring billing, subscription management, failed payment recovery, and subscriber lifecycle management built into every plan.<\/div>\n<\/div><\/div>\n<div class=\"faq-item\">\n<div class=\"faq-q\" onclick=\"toggleFaq(this)\">\n How does the affiliate system work?<br \/>\n <span class=\"faq-chevron\">\u25bc<\/span>\n <\/div>\n<div class=\"faq-a\">\n<div class=\"faq-a-inner\">You set a commission rate for your product, and affiliates get a unique tracking link. Sales tracked to their link automatically credit their commission. Payouts to affiliates are managed by Flowpay directly \u2014 you don’t have to manually track anything.<\/div>\n<\/div><\/div>\n<div class=\"faq-item\">\n<div class=\"faq-q\" onclick=\"toggleFaq(this)\">\n What kind of products can I sell?<br \/>\n <span class=\"faq-chevron\">\u25bc<\/span>\n <\/div>\n<div class=\"faq-a\">\n<div class=\"faq-a-inner\">Online courses, ebooks, coaching, subscriptions, memberships, digital downloads, physical products, events, software \u2014 if it can be sold online, Flowpay can process it. Check our content policy for restricted categories.<\/div>\n<\/div><\/div>\n<div class=\"faq-item\">\n<div class=\"faq-q\" onclick=\"toggleFaq(this)\">\n Is Flowpay secure?<br \/>\n <span class=\"faq-chevron\">\u25bc<\/span>\n <\/div>\n<div class=\"faq-a\">\n<div class=\"faq-a-inner\">Absolutely. We are PCI-DSS compliant, use machine-learning fraud detection on every transaction, and maintain 99.98% uptime. All payment data is encrypted end-to-end and never stored on our servers.<\/div>\n<\/div><\/div>\n<\/p><\/div>\n<\/section>\n<p><\/p>\n<div class=\"cta-banner fade-up\">\n<h2>Ready to start selling?<\/h2>\n<p>Join 50,000+ creators already using Flowpay. No card required to get started.<\/p>\n<div class=\"cta-actions\">\n <button class=\"btn-large primary\">Create your free account \u2192<\/button><br \/>\n <button class=\"btn-large outline\">Talk to sales<\/button>\n <\/div>\n<\/div>\n<p><\/p>\n<footer>\n<div class=\"footer-grid\">\n<div class=\"footer-brand\">\n<div class=\"nav-logo\">Flowpay<\/div>\n<p>The all-in-one digital payment platform built for creators, educators, and online entrepreneurs.<\/p>\n<\/p><\/div>\n<div class=\"footer-col\">\n<h4>Product<\/h4>\n<p> <a href=\"#\">Checkout<\/a><br \/>\n <a href=\"#\">Members Area<\/a><br \/>\n <a href=\"#\">Affiliates<\/a><br \/>\n <a href=\"#\">Analytics<\/a><br \/>\n <a href=\"#\">Integrations<\/a><br \/>\n <a href=\"#\">Pricing<\/a>\n <\/div>\n<div class=\"footer-col\">\n<h4>Company<\/h4>\n<p> <a href=\"#\">About<\/a><br \/>\n <a href=\"#\">Blog<\/a><br \/>\n <a href=\"#\">Careers<\/a><br \/>\n <a href=\"#\">Press<\/a><br \/>\n <a href=\"#\">Contact<\/a>\n <\/div>\n<div class=\"footer-col\">\n<h4>Legal<\/h4>\n<p> <a href=\"#\">Terms of Use<\/a><br \/>\n <a href=\"#\">Privacy Policy<\/a><br \/>\n <a href=\"#\">Refund Policy<\/a><br \/>\n <a href=\"#\">Cookie Policy<\/a><br \/>\n <a href=\"#\">Anti-Fraud<\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"footer-bottom\">\n<p>\u00a9 2025 Flowpay Technologies Ltd. \u2014 All rights reserved<\/p>\n<div class=\"footer-socials\">\n<div class=\"social-btn\">in<\/div>\n<div class=\"social-btn\">\ud835\udd4f<\/div>\n<div class=\"social-btn\">\u25b6<\/div>\n<div class=\"social-btn\">\ud83d\udcf7<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/footer>\n<p><script>\n \/\/ Mobile nav\n function openMobileNav() { document.getElementById('mobileNav').style.display = 'flex'; }\n function closeMobileNav() { document.getElementById('mobileNav').style.display = 'none'; }<\/p>\n<p> \/\/ FAQ accordion\n function toggleFaq(el) {\n const item = el.parentElement;\n const isOpen = item.classList.contains('open');\n document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));\n if (!isOpen) item.classList.add('open');\n }<\/p>\n<p> \/\/ Scroll animations\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\n }, { threshold: 0.1 });\n document.querySelectorAll('.fade-up').forEach(el => observer.observe(el));\n<\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Flowpay \u2014 Payments Built for Creators \u2715 Features Payments Pricing Integrations FAQ Get Started Free Flowpay Features Payments Pricing Integrations<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2005","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>new page - bsbshop<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bsbhobbyshop.nl\/index.php\/new-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"new page - bsbshop\" \/>\n<meta property=\"og:description\" content=\"Flowpay \u2014 Payments Built for Creators \u2715 Features Payments Pricing Integrations FAQ Get Started Free Flowpay Features Payments Pricing Integrations\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bsbhobbyshop.nl\/index.php\/new-page\/\" \/>\n<meta property=\"og:site_name\" content=\"bsbshop\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-26T00:13:26+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bsbhobbyshop.nl\\\/index.php\\\/new-page\\\/\",\"url\":\"https:\\\/\\\/bsbhobbyshop.nl\\\/index.php\\\/new-page\\\/\",\"name\":\"new page - bsbshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bsbhobbyshop.nl\\\/#website\"},\"datePublished\":\"2026-06-26T00:11:21+00:00\",\"dateModified\":\"2026-06-26T00:13:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bsbhobbyshop.nl\\\/index.php\\\/new-page\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bsbhobbyshop.nl\\\/index.php\\\/new-page\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bsbhobbyshop.nl\\\/index.php\\\/new-page\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bsbhobbyshop.nl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"new page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bsbhobbyshop.nl\\\/#website\",\"url\":\"https:\\\/\\\/bsbhobbyshop.nl\\\/\",\"name\":\"bsbshop\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bsbhobbyshop.nl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"new page - bsbshop","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bsbhobbyshop.nl\/index.php\/new-page\/","og_locale":"en_US","og_type":"article","og_title":"new page - bsbshop","og_description":"Flowpay \u2014 Payments Built for Creators \u2715 Features Payments Pricing Integrations FAQ Get Started Free Flowpay Features Payments Pricing Integrations","og_url":"https:\/\/bsbhobbyshop.nl\/index.php\/new-page\/","og_site_name":"bsbshop","article_modified_time":"2026-06-26T00:13:26+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bsbhobbyshop.nl\/index.php\/new-page\/","url":"https:\/\/bsbhobbyshop.nl\/index.php\/new-page\/","name":"new page - bsbshop","isPartOf":{"@id":"https:\/\/bsbhobbyshop.nl\/#website"},"datePublished":"2026-06-26T00:11:21+00:00","dateModified":"2026-06-26T00:13:26+00:00","breadcrumb":{"@id":"https:\/\/bsbhobbyshop.nl\/index.php\/new-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bsbhobbyshop.nl\/index.php\/new-page\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bsbhobbyshop.nl\/index.php\/new-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bsbhobbyshop.nl\/"},{"@type":"ListItem","position":2,"name":"new page"}]},{"@type":"WebSite","@id":"https:\/\/bsbhobbyshop.nl\/#website","url":"https:\/\/bsbhobbyshop.nl\/","name":"bsbshop","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bsbhobbyshop.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/bsbhobbyshop.nl\/index.php\/wp-json\/wp\/v2\/pages\/2005","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bsbhobbyshop.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bsbhobbyshop.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bsbhobbyshop.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bsbhobbyshop.nl\/index.php\/wp-json\/wp\/v2\/comments?post=2005"}],"version-history":[{"count":3,"href":"https:\/\/bsbhobbyshop.nl\/index.php\/wp-json\/wp\/v2\/pages\/2005\/revisions"}],"predecessor-version":[{"id":2009,"href":"https:\/\/bsbhobbyshop.nl\/index.php\/wp-json\/wp\/v2\/pages\/2005\/revisions\/2009"}],"wp:attachment":[{"href":"https:\/\/bsbhobbyshop.nl\/index.php\/wp-json\/wp\/v2\/media?parent=2005"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2005,"date":"2026-06-26T00:11:21","date_gmt":"2026-06-26T00:11:21","guid":{"rendered":"https:\/\/bsbhobbyshop.nl\/?page_id=2005"},"modified":"2026-06-26T00:13:26","modified_gmt":"2026-06-26T00:13:26","slug":"new-page","status":"publish","type":"page","link":"https:\/\/bsbhobbyshop.nl\/index.php\/new-page\/","title":{"rendered":"new page"},"content":{"rendered":"

\n
\n
\n
\n
\nFlowpay \u2014 Payments Built for Creators<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --bg: #0A0F1E;\n --surface: #111827;\n --surface2: #1a2236;\n --violet: #7C3AED;\n --violet-light: #9D6FEF;\n --cyan: #06B6D4;\n --cyan-light: #67E8F9;\n --green: #10B981;\n --white: #FFFFFF;\n --gray: #94A3B8;\n --gray-dim: #64748B;\n --border: rgba(255,255,255,0.07);\n --glass: rgba(255,255,255,0.04);\n --radius: 16px;\n --radius-sm: 10px;\n }\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n body {\n font-family: 'Inter', sans-serif;\n background: var(--bg);\n color: var(--white);\n overflow-x: hidden;\n line-height: 1.6;\n }\n h1,h2,h3,h4 { font-family: 'Space Grotesk', sans-serif; }\n a { text-decoration: none; color: inherit; }<\/p>\n<p> \/* \u2500\u2500\u2500 NAVBAR \u2500\u2500\u2500 *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n display: flex; align-items: center; justify-content: space-between;\n padding: 18px 5%;\n background: rgba(10,15,30,0.8);\n backdrop-filter: blur(20px);\n border-bottom: 1px solid var(--border);\n }\n .nav-logo {\n font-family: 'Space Grotesk', sans-serif;\n font-size: 1.5rem; font-weight: 700; letter-spacing: -0.5px;\n background: linear-gradient(135deg, var(--violet-light), var(--cyan));\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n }\n .nav-links { display: flex; gap: 32px; align-items: center; }\n .nav-links a { font-size: 0.875rem; color: var(--gray); font-weight: 500; transition: color 0.2s; }\n .nav-links a:hover { color: var(--white); }\n .nav-cta { display: flex; gap: 12px; align-items: center; }\n .btn-ghost {\n font-size: 0.875rem; font-weight: 500; color: var(--gray);\n padding: 8px 20px; border: 1px solid var(--border); border-radius: 8px;\n transition: all 0.2s; cursor: pointer; font-family: 'Inter', sans-serif;\n background: transparent;\n }\n .btn-ghost:hover { border-color: var(--violet); color: var(--white); }\n .btn-primary {\n font-size: 0.875rem; font-weight: 600; color: var(--white);\n padding: 9px 22px; border-radius: 8px; border: none; cursor: pointer;\n background: linear-gradient(135deg, var(--violet), #5B21B6);\n font-family: 'Inter', sans-serif; transition: opacity 0.2s;\n }\n .btn-primary:hover { opacity: 0.85; }\n .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; }\n .hamburger span { width: 24px; height: 2px; background: var(--white); border-radius: 2px; display: block; }<\/p>\n<p> \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n .hero {\n min-height: 100vh;\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n padding: 120px 5% 80px;\n text-align: center;\n position: relative; overflow: hidden;\n }\n .hero-glow {\n position: absolute; top: 20%; left: 50%; transform: translateX(-50%);\n width: 800px; height: 400px;\n background: radial-gradient(ellipse, rgba(124,58,237,0.25) 0%, rgba(6,182,212,0.1) 50%, transparent 70%);\n pointer-events: none;\n }\n .hero-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(124,58,237,0.15); border: 1px solid rgba(124,58,237,0.35);\n padding: 6px 16px; border-radius: 100px; margin-bottom: 28px;\n font-size: 0.8rem; font-weight: 500; color: var(--violet-light);\n }\n .hero-badge::before { content:''; width:6px; height:6px; background:var(--cyan); border-radius:50%; animation: pulse 2s infinite; }\n @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }\n .hero h1 {\n font-size: clamp(2.8rem, 6vw, 5.5rem);\n font-weight: 700; letter-spacing: -2px; line-height: 1.1;\n max-width: 900px; margin-bottom: 24px;\n }\n .hero h1 .grad {\n background: linear-gradient(135deg, var(--violet-light) 0%, var(--cyan) 100%);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n }\n .hero-sub {\n font-size: 1.1rem; color: var(--gray); max-width: 560px;\n margin: 0 auto 40px; line-height: 1.7;\n }\n .hero-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }\n .btn-large {\n padding: 14px 32px; font-size: 1rem; font-weight: 600;\n border-radius: 10px; cursor: pointer; border: none; font-family: 'Inter', sans-serif;\n transition: all 0.2s;\n }\n .btn-large.primary {\n background: linear-gradient(135deg, var(--violet), #5B21B6);\n color: var(--white);\n }\n .btn-large.primary:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(124,58,237,0.4); }\n .btn-large.outline {\n background: transparent; color: var(--white);\n border: 1px solid var(--border);\n }\n .btn-large.outline:hover { border-color: var(--gray); }<\/p>\n<p> \/* \u2500\u2500\u2500 STATS TICKER \u2500\u2500\u2500 *\/\n .stats-bar {\n background: var(--surface); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);\n padding: 22px 5%; overflow: hidden;\n }\n .stats-track {\n display: flex; gap: 64px; animation: ticker 30s linear infinite;\n width: max-content;\n }\n @keyframes ticker { from { transform: translateX(0) } to { transform: translateX(-50%) } }\n .stat-item {\n display: flex; align-items: center; gap: 12px; white-space: nowrap;\n }\n .stat-val { font-family: 'Space Grotesk', sans-serif; font-size: 1.2rem; font-weight: 700; color: var(--white); }\n .stat-label { font-size: 0.8rem; color: var(--gray); }\n .stat-dot { width: 4px; height: 4px; background: var(--violet); border-radius: 50%; }<\/p>\n<p> \/* \u2500\u2500\u2500 SECTION \u2500\u2500\u2500 *\/\n section { padding: 100px 5%; }\n .section-eyebrow {\n font-size: 0.75rem; font-weight: 600; letter-spacing: 2px; text-transform: uppercase;\n color: var(--cyan); margin-bottom: 16px;\n }\n .section-title {\n font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 700; letter-spacing: -1px;\n line-height: 1.2; margin-bottom: 16px;\n }\n .section-sub { color: var(--gray); font-size: 1rem; max-width: 560px; line-height: 1.7; }\n .centered { text-align: center; align-items: center; }\n .centered .section-sub { margin: 0 auto; }<\/p>\n<p> \/* \u2500\u2500\u2500 BENTO GRID \u2500\u2500\u2500 *\/\n .bento { display: grid; gap: 16px; margin-top: 60px; }\n .bento-4 { grid-template-columns: repeat(4, 1fr); grid-template-rows: auto auto; }\n .bento-card {\n background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);\n padding: 32px; position: relative; overflow: hidden;\n transition: border-color 0.3s, transform 0.3s;\n }\n .bento-card:hover { border-color: rgba(124,58,237,0.4); transform: translateY(-3px); }\n .bento-card.span2 { grid-column: span 2; }\n .bento-card.span3 { grid-column: span 3; }\n .bento-card.accent {\n background: linear-gradient(135deg, rgba(124,58,237,0.2), rgba(6,182,212,0.08));\n border-color: rgba(124,58,237,0.3);\n }\n .bento-card .card-glow {\n position: absolute; top: -50px; right: -50px;\n width: 200px; height: 200px;\n background: radial-gradient(circle, rgba(124,58,237,0.2), transparent 70%);\n pointer-events: none;\n }\n .bento-icon {\n width: 44px; height: 44px; border-radius: 10px; margin-bottom: 20px;\n display: flex; align-items: center; justify-content: center; font-size: 1.3rem;\n background: rgba(124,58,237,0.15); border: 1px solid rgba(124,58,237,0.25);\n }\n .bento-icon.cyan { background: rgba(6,182,212,0.15); border-color: rgba(6,182,212,0.25); }\n .bento-icon.green { background: rgba(16,185,129,0.15); border-color: rgba(16,185,129,0.25); }\n .bento-card h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 10px; }\n .bento-card p { font-size: 0.875rem; color: var(--gray); line-height: 1.65; }<\/p>\n<p> \/* \u2500\u2500\u2500 PAYMENT METHODS \u2500\u2500\u2500 *\/\n .methods-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin-top: 48px; }\n .method-card {\n background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-sm);\n padding: 20px; display: flex; flex-direction: column; align-items: center; gap: 10px;\n transition: border-color 0.25s, background 0.25s;\n }\n .method-card:hover { border-color: var(--cyan); background: rgba(6,182,212,0.05); }\n .method-icon { font-size: 2rem; }\n .method-name { font-size: 0.875rem; font-weight: 600; }\n .method-time { font-size: 0.75rem; color: var(--cyan); font-weight: 500; }<\/p>\n<p> \/* \u2500\u2500\u2500 PRICING \u2500\u2500\u2500 *\/\n .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 56px; }\n .plan-card {\n background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);\n padding: 36px; position: relative; transition: transform 0.3s;\n }\n .plan-card:hover { transform: translateY(-4px); }\n .plan-card.featured {\n background: linear-gradient(145deg, rgba(124,58,237,0.2) 0%, rgba(6,182,212,0.06) 100%);\n border-color: var(--violet);\n }\n .plan-badge {\n position: absolute; top: -12px; left: 50%; transform: translateX(-50%);\n background: linear-gradient(135deg, var(--violet), var(--cyan));\n color: var(--white); font-size: 0.7rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;\n padding: 4px 14px; border-radius: 100px;\n }\n .plan-name { font-size: 0.8rem; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: var(--gray); margin-bottom: 12px; }\n .plan-price { font-family: 'Space Grotesk', sans-serif; font-size: 3rem; font-weight: 700; letter-spacing: -2px; line-height: 1; margin-bottom: 6px; }\n .plan-price sup { font-size: 1.2rem; vertical-align: super; }\n .plan-price .per { font-size: 0.85rem; color: var(--gray); font-weight: 400; }\n .plan-desc { font-size: 0.875rem; color: var(--gray); margin-bottom: 28px; line-height: 1.5; }\n .plan-divider { height: 1px; background: var(--border); margin-bottom: 24px; }\n .plan-features { list-style: none; display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px; }\n .plan-features li { font-size: 0.875rem; display: flex; align-items: center; gap: 10px; }\n .plan-features li::before { content: '\u2713'; color: var(--green); font-weight: 700; font-size: 0.85rem; }\n .plan-features li.muted { color: var(--gray-dim); }\n .plan-features li.muted::before { content: '\u2013'; color: var(--gray-dim); }\n .plan-btn {\n width: 100%; padding: 13px; border-radius: 8px; font-size: 0.9rem; font-weight: 600;\n cursor: pointer; border: none; font-family: 'Inter', sans-serif; transition: all 0.2s;\n }\n .plan-btn.outline { background: transparent; border: 1px solid var(--border); color: var(--white); }\n .plan-btn.outline:hover { border-color: var(--violet); }\n .plan-btn.filled { background: linear-gradient(135deg, var(--violet), #5B21B6); color: var(--white); }\n .plan-btn.filled:hover { box-shadow: 0 6px 24px rgba(124,58,237,0.4); }<\/p>\n<p> \/* \u2500\u2500\u2500 INTEGRATIONS \u2500\u2500\u2500 *\/\n .integ-section { background: var(--surface); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }\n .integ-marquee-wrap { overflow: hidden; margin-top: 48px; }\n .integ-track { display: flex; gap: 16px; animation: marquee 25s linear infinite; width: max-content; }\n @keyframes marquee { from { transform: translateX(0) } to { transform: translateX(-50%) } }\n .integ-chip {\n display: flex; align-items: center; gap: 10px; white-space: nowrap;\n background: var(--bg); border: 1px solid var(--border); border-radius: 100px;\n padding: 10px 20px; font-size: 0.875rem; font-weight: 500; transition: border-color 0.2s;\n }\n .integ-chip:hover { border-color: var(--violet); }\n .integ-chip .dot { width: 8px; height: 8px; border-radius: 50%; }\n .dot-violet { background: var(--violet); }\n .dot-cyan { background: var(--cyan); }\n .dot-green { background: var(--green); }<\/p>\n<p> \/* \u2500\u2500\u2500 TESTIMONIALS \u2500\u2500\u2500 *\/\n .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-top: 56px; }\n .testi-card {\n background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);\n padding: 28px; transition: border-color 0.3s;\n }\n .testi-card:hover { border-color: rgba(124,58,237,0.35); }\n .testi-stars { color: #F59E0B; font-size: 0.85rem; margin-bottom: 14px; letter-spacing: 1px; }\n .testi-text { font-size: 0.9rem; color: var(--gray); line-height: 1.7; margin-bottom: 20px; }\n .testi-author { display: flex; align-items: center; gap: 12px; }\n .testi-avatar {\n width: 40px; height: 40px; border-radius: 50%;\n background: linear-gradient(135deg, var(--violet), var(--cyan));\n display: flex; align-items: center; justify-content: center;\n font-family: 'Space Grotesk', sans-serif; font-size: 0.85rem; font-weight: 700; color: white;\n }\n .testi-name { font-size: 0.875rem; font-weight: 600; }\n .testi-role { font-size: 0.75rem; color: var(--gray); }<\/p>\n<p> \/* \u2500\u2500\u2500 FAQ \u2500\u2500\u2500 *\/\n .faq-list { max-width: 720px; margin: 56px auto 0; display: flex; flex-direction: column; gap: 12px; }\n .faq-item {\n background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-sm); overflow: hidden;\n }\n .faq-q {\n padding: 20px 24px; font-size: 0.95rem; font-weight: 600; cursor: pointer;\n display: flex; justify-content: space-between; align-items: center; gap: 16px;\n user-select: none; transition: color 0.2s;\n }\n .faq-q:hover { color: var(--violet-light); }\n .faq-chevron { transition: transform 0.3s; font-size: 0.75rem; color: var(--gray); }\n .faq-item.open .faq-chevron { transform: rotate(180deg); }\n .faq-a {\n max-height: 0; overflow: hidden; transition: max-height 0.4s ease;\n font-size: 0.875rem; color: var(--gray); line-height: 1.7;\n }\n .faq-a-inner { padding: 0 24px 20px; }\n .faq-item.open .faq-a { max-height: 300px; }<\/p>\n<p> \/* \u2500\u2500\u2500 CTA BANNER \u2500\u2500\u2500 *\/\n .cta-banner {\n margin: 0 5% 80px; border-radius: 24px;\n background: linear-gradient(135deg, rgba(124,58,237,0.35) 0%, rgba(6,182,212,0.15) 100%);\n border: 1px solid rgba(124,58,237,0.4);\n padding: 80px 5%; text-align: center; position: relative; overflow: hidden;\n }\n .cta-banner::before {\n content: ''; position: absolute; inset: 0;\n background: radial-gradient(ellipse at center top, rgba(124,58,237,0.3), transparent 60%);\n pointer-events: none;\n }\n .cta-banner h2 { font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 700; letter-spacing: -1px; margin-bottom: 16px; }\n .cta-banner p { color: var(--gray); font-size: 1rem; margin-bottom: 36px; max-width: 500px; margin-left: auto; margin-right: auto; }\n .cta-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }<\/p>\n<p> \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n footer {\n border-top: 1px solid var(--border); padding: 64px 5% 40px;\n }\n .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 56px; }\n .footer-brand .nav-logo { font-size: 1.4rem; display: inline-block; margin-bottom: 14px; }\n .footer-brand p { font-size: 0.85rem; color: var(--gray); line-height: 1.7; max-width: 280px; }\n .footer-col h4 { font-size: 0.8rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--white); margin-bottom: 18px; }\n .footer-col a { display: block; font-size: 0.85rem; color: var(--gray); margin-bottom: 10px; transition: color 0.2s; }\n .footer-col a:hover { color: var(--white); }\n .footer-bottom {\n display: flex; justify-content: space-between; align-items: center;\n border-top: 1px solid var(--border); padding-top: 28px; gap: 16px; flex-wrap: wrap;\n }\n .footer-bottom p { font-size: 0.8rem; color: var(--gray); }\n .footer-socials { display: flex; gap: 12px; }\n .social-btn {\n width: 36px; height: 36px; border-radius: 8px; border: 1px solid var(--border);\n display: flex; align-items: center; justify-content: center; font-size: 0.85rem;\n color: var(--gray); transition: all 0.2s; cursor: pointer;\n }\n .social-btn:hover { border-color: var(--violet); color: var(--white); }<\/p>\n<p> \/* \u2500\u2500\u2500 DASHBOARD MOCKUP \u2500\u2500\u2500 *\/\n .dashboard-mockup {\n background: var(--surface2); border: 1px solid var(--border); border-radius: 16px;\n padding: 24px; margin-top: 48px; position: relative; overflow: hidden;\n }\n .mockup-topbar { display: flex; align-items: center; gap: 8px; margin-bottom: 24px; }\n .mockup-dot { width: 10px; height: 10px; border-radius: 50%; }\n .mockup-title { font-size: 0.8rem; color: var(--gray); margin-left: 8px; font-weight: 500; }\n .mockup-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 20px; }\n .mockup-stat {\n background: var(--bg); border: 1px solid var(--border); border-radius: 10px; padding: 16px;\n }\n .mockup-stat .m-label { font-size: 0.7rem; color: var(--gray); margin-bottom: 6px; }\n .mockup-stat .m-val { font-family: 'Space Grotesk', sans-serif; font-size: 1.3rem; font-weight: 700; }\n .mockup-stat .m-change { font-size: 0.7rem; color: var(--green); margin-top: 4px; }\n .mockup-chart { background: var(--bg); border: 1px solid var(--border); border-radius: 10px; padding: 20px; }\n .chart-label { font-size: 0.75rem; color: var(--gray); margin-bottom: 14px; font-weight: 500; }\n .chart-bars { display: flex; align-items: flex-end; gap: 8px; height: 80px; }\n .chart-bar {\n flex: 1; border-radius: 4px 4px 0 0;\n background: linear-gradient(to top, var(--violet), var(--cyan));\n opacity: 0.7; transition: opacity 0.2s;\n animation: barGrow 0.8s ease forwards;\n transform-origin: bottom;\n }\n .chart-bar:hover { opacity: 1; }\n @keyframes barGrow { from { transform: scaleY(0) } to { transform: scaleY(1) } }<\/p>\n<p> \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media (max-width: 1024px) {\n .bento-4 { grid-template-columns: repeat(2, 1fr); }\n .bento-card.span2, .bento-card.span3 { grid-column: span 2; }\n .footer-grid { grid-template-columns: 1fr 1fr; }\n .mockup-stats { grid-template-columns: repeat(2, 1fr); }\n }\n @media (max-width: 768px) {\n nav { padding: 16px 5%; }\n .nav-links { display: none; }\n .hamburger { display: flex; }\n .nav-cta .btn-ghost { display: none; }\n .bento-4 { grid-template-columns: 1fr; }\n .bento-card.span2, .bento-card.span3 { grid-column: span 1; }\n .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }\n .mockup-stats { grid-template-columns: repeat(2, 1fr); }\n .cta-banner { padding: 56px 6%; }\n .mobile-nav {\n display: flex !important;\n }\n }\n @media (max-width: 480px) {\n .footer-grid { grid-template-columns: 1fr; }\n .hero-actions { flex-direction: column; align-items: center; }\n .btn-large { width: 100%; text-align: center; }\n .mockup-stats { grid-template-columns: 1fr 1fr; }\n }<\/p>\n<p> \/* Mobile menu *\/\n .mobile-nav {\n display: none; position: fixed; inset: 0; background: var(--bg); z-index: 200;\n flex-direction: column; align-items: center; justify-content: center; gap: 32px;\n }\n .mobile-nav a { font-size: 1.2rem; font-weight: 600; color: var(--white); }\n .mobile-nav-close {\n position: absolute; top: 24px; right: 24px;\n font-size: 1.5rem; cursor: pointer; color: var(--gray);\n background: none; border: none; color: var(--white);\n }<\/p>\n<p> \/* Animate on scroll *\/\n .fade-up {\n opacity: 0; transform: translateY(30px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n }\n .fade-up.visible { opacity: 1; transform: translateY(0); }\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<p><\/p>\n<div class=\"mobile-nav\" id=\"mobileNav\">\n <button class=\"mobile-nav-close\" onclick=\"closeMobileNav()\">\u2715<\/button><br \/>\n <a href=\"#features\" onclick=\"closeMobileNav()\">Features<\/a><br \/>\n <a href=\"#payments\" onclick=\"closeMobileNav()\">Payments<\/a><br \/>\n <a href=\"#pricing\" onclick=\"closeMobileNav()\">Pricing<\/a><br \/>\n <a href=\"#integrations\" onclick=\"closeMobileNav()\">Integrations<\/a><br \/>\n <a href=\"#faq\" onclick=\"closeMobileNav()\">FAQ<\/a><br \/>\n <button class=\"btn-primary\" style=\"font-size:1rem;padding:14px 32px;\">Get Started Free<\/button>\n<\/div>\n<p><\/p>\n<nav>\n<div class=\"nav-logo\">Flowpay<\/div>\n<div class=\"nav-links\">\n <a href=\"#features\">Features<\/a><br \/>\n <a href=\"#payments\">Payments<\/a><br \/>\n <a href=\"#pricing\">Pricing<\/a><br \/>\n <a href=\"#integrations\">Integrations<\/a><br \/>\n <a href=\"#faq\">FAQ<\/a>\n <\/div>\n<div class=\"nav-cta\">\n <button class=\"btn-ghost\">Log in<\/button><br \/>\n <button class=\"btn-primary\">Get Started Free<\/button>\n <\/div>\n<div class=\"hamburger\" onclick=\"openMobileNav()\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n<\/nav>\n<p><\/p>\n<section class=\"hero\">\n<div class=\"hero-glow\"><\/div>\n<div class=\"hero-badge\">\ud83d\ude80 Now with instant Pix payouts \u2014 0% fee<\/div>\n<h1>Payments that <span class=\"grad\">flow<\/span> with your business<\/h1>\n<p class=\"hero-sub\">The all-in-one checkout platform for digital creators, course sellers, and online entrepreneurs. Sell more, withdraw instantly, grow fast.<\/p>\n<div class=\"hero-actions\">\n <button class=\"btn-large primary\">Start for free \u2192<\/button><br \/>\n <button class=\"btn-large outline\">See how it works<\/button>\n <\/div>\n<p> <\/p>\n<div class=\"dashboard-mockup fade-up\" style=\"max-width:780px;width:100%;margin-top:64px;\">\n<div class=\"mockup-topbar\">\n<div class=\"mockup-dot\" style=\"background:#EF4444\"><\/div>\n<div class=\"mockup-dot\" style=\"background:#F59E0B\"><\/div>\n<div class=\"mockup-dot\" style=\"background:#10B981\"><\/div>\n<p> <span class=\"mockup-title\">Flowpay Dashboard \u00b7 Revenue Overview<\/span>\n <\/div>\n<div class=\"mockup-stats\">\n<div class=\"mockup-stat\">\n<div class=\"m-label\">Total Revenue<\/div>\n<div class=\"m-val\">$84,210<\/div>\n<div class=\"m-change\">\u2191 18.4% this month<\/div>\n<\/p><\/div>\n<div class=\"mockup-stat\">\n<div class=\"m-label\">Transactions<\/div>\n<div class=\"m-val\">3,482<\/div>\n<div class=\"m-change\">\u2191 11.2% vs last month<\/div>\n<\/p><\/div>\n<div class=\"mockup-stat\">\n<div class=\"m-label\">Avg. Order<\/div>\n<div class=\"m-val\">$24.19<\/div>\n<div class=\"m-change\">\u2191 5.8% improvement<\/div>\n<\/p><\/div>\n<div class=\"mockup-stat\">\n<div class=\"m-label\">Conversion Rate<\/div>\n<div class=\"m-val\">7.4%<\/div>\n<div class=\"m-change\">\u2191 2.1% above avg.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"mockup-chart\">\n<div class=\"chart-label\">Daily Sales \u2014 Last 14 days<\/div>\n<div class=\"chart-bars\">\n<div class=\"chart-bar\" style=\"height:40%;animation-delay:0s\"><\/div>\n<div class=\"chart-bar\" style=\"height:55%;animation-delay:0.05s\"><\/div>\n<div class=\"chart-bar\" style=\"height:48%;animation-delay:0.1s\"><\/div>\n<div class=\"chart-bar\" style=\"height:70%;animation-delay:0.15s\"><\/div>\n<div class=\"chart-bar\" style=\"height:62%;animation-delay:0.2s\"><\/div>\n<div class=\"chart-bar\" style=\"height:80%;animation-delay:0.25s\"><\/div>\n<div class=\"chart-bar\" style=\"height:68%;animation-delay:0.3s\"><\/div>\n<div class=\"chart-bar\" style=\"height:90%;animation-delay:0.35s\"><\/div>\n<div class=\"chart-bar\" style=\"height:75%;animation-delay:0.4s\"><\/div>\n<div class=\"chart-bar\" style=\"height:85%;animation-delay:0.45s\"><\/div>\n<div class=\"chart-bar\" style=\"height:72%;animation-delay:0.5s\"><\/div>\n<div class=\"chart-bar\" style=\"height:95%;animation-delay:0.55s\"><\/div>\n<div class=\"chart-bar\" style=\"height:88%;animation-delay:0.6s\"><\/div>\n<div class=\"chart-bar\" style=\"height:100%;animation-delay:0.65s\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><\/p>\n<div class=\"stats-bar\">\n<div class=\"stats-track\">\n<div class=\"stat-item\"><span class=\"stat-val\">$1.2B+<\/span><span class=\"stat-label\">processed<\/span><\/div>\n<div class=\"stat-dot\"><\/div>\n<div class=\"stat-item\"><span class=\"stat-val\">50,000+<\/span><span class=\"stat-label\">active sellers<\/span><\/div>\n<div class=\"stat-dot\"><\/div>\n<div class=\"stat-item\"><span class=\"stat-val\">0.3%<\/span><span class=\"stat-label\">chargeback rate<\/span><\/div>\n<div class=\"stat-dot\"><\/div>\n<div class=\"stat-item\"><span class=\"stat-val\">99.98%<\/span><span class=\"stat-label\">platform uptime<\/span><\/div>\n<div class=\"stat-dot\"><\/div>\n<div class=\"stat-item\"><span class=\"stat-val\">24\/7<\/span><span class=\"stat-label\">live support<\/span><\/div>\n<div class=\"stat-dot\"><\/div>\n<div class=\"stat-item\"><span class=\"stat-val\">30+<\/span><span class=\"stat-label\">integrations<\/span><\/div>\n<div class=\"stat-dot\"><\/div>\n<p> <\/p>\n<div class=\"stat-item\"><span class=\"stat-val\">$1.2B+<\/span><span class=\"stat-label\">processed<\/span><\/div>\n<div class=\"stat-dot\"><\/div>\n<div class=\"stat-item\"><span class=\"stat-val\">50,000+<\/span><span class=\"stat-label\">active sellers<\/span><\/div>\n<div class=\"stat-dot\"><\/div>\n<div class=\"stat-item\"><span class=\"stat-val\">0.3%<\/span><span class=\"stat-label\">chargeback rate<\/span><\/div>\n<div class=\"stat-dot\"><\/div>\n<div class=\"stat-item\"><span class=\"stat-val\">99.98%<\/span><span class=\"stat-label\">platform uptime<\/span><\/div>\n<div class=\"stat-dot\"><\/div>\n<div class=\"stat-item\"><span class=\"stat-val\">24\/7<\/span><span class=\"stat-label\">live support<\/span><\/div>\n<div class=\"stat-dot\"><\/div>\n<div class=\"stat-item\"><span class=\"stat-val\">30+<\/span><span class=\"stat-label\">integrations<\/span><\/div>\n<div class=\"stat-dot\"><\/div>\n<\/p><\/div>\n<\/div>\n<p><\/p>\n<section id=\"features\">\n<div class=\"section-eyebrow\">Why Flowpay<\/div>\n<div class=\"section-title\" style=\"max-width:600px\">Everything you need to sell online at scale<\/div>\n<div class=\"bento bento-4 fade-up\">\n<div class=\"bento-card span2 accent\">\n<div class=\"card-glow\"><\/div>\n<div class=\"bento-icon\">\u26a1<\/div>\n<h3>Instant Withdrawals<\/h3>\n<p>Withdraw your earnings at any time, any day, via Pix. No waiting periods, no minimum balance. Your money moves when you need it to.<\/p>\n<\/p><\/div>\n<div class=\"bento-card\">\n<div class=\"bento-icon cyan\">\ud83d\udd12<\/div>\n<h3>Zero Fraud Risk<\/h3>\n<p>Industry-leading anti-fraud engine with ML scoring on every transaction.<\/p>\n<\/p><\/div>\n<div class=\"bento-card\">\n<div class=\"bento-icon green\">\ud83d\udcc8<\/div>\n<h3>Smart Analytics<\/h3>\n<p>Real-time revenue metrics, conversion funnels, and growth insights in one dashboard.<\/p>\n<\/p><\/div>\n<div class=\"bento-card\">\n<div class=\"bento-icon\">\ud83d\uded2<\/div>\n<h3>High-Converting Checkout<\/h3>\n<p>Order bumps, upsells, and personalized coupon flows built right into checkout.<\/p>\n<\/p><\/div>\n<div class=\"bento-card\">\n<div class=\"bento-icon cyan\">\ud83c\udfaf<\/div>\n<h3>Affiliate Network<\/h3>\n<p>Launch your affiliate program in minutes. Automated commissions, tracking links, and payout management.<\/p>\n<\/p><\/div>\n<div class=\"bento-card span2\">\n<div class=\"bento-icon green\">\ud83c\udf10<\/div>\n<h3>Members Area & Community<\/h3>\n<p>Host your online courses, digital products, and community inside Flowpay. Integrate seamlessly with Telegram, Discord, and WhatsApp \u2014 all in one place with zero extra tools.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><\/p>\n<section id=\"payments\" style=\"padding-top:0;\">\n<div class=\"section-eyebrow\">Accepted Payments<\/div>\n<div class=\"section-title\" style=\"max-width:560px\">Every way your customers want to pay<\/div>\n<p class=\"section-sub\">From cards to Pix, your customers can checkout with their preferred method. Receipts, in any currency.<\/p>\n<div class=\"methods-grid fade-up\">\n<div class=\"method-card\">\n<div class=\"method-icon\">\ud83d\udca0<\/div>\n<div class=\"method-name\">Pix<\/div>\n<div class=\"method-time\">Instant<\/div>\n<\/p><\/div>\n<div class=\"method-card\">\n<div class=\"method-icon\">\ud83d\udcb3<\/div>\n<div class=\"method-name\">Credit Card<\/div>\n<div class=\"method-time\">D+2 days<\/div>\n<\/p><\/div>\n<div class=\"method-card\">\n<div class=\"method-icon\">\ud83d\udcc4<\/div>\n<div class=\"method-name\">Boleto<\/div>\n<div class=\"method-time\">D+1 day<\/div>\n<\/p><\/div>\n<div class=\"method-card\">\n<div class=\"method-icon\">\ud83c\udf4f<\/div>\n<div class=\"method-name\">Apple Pay<\/div>\n<div class=\"method-time\">D+2 days<\/div>\n<\/p><\/div>\n<div class=\"method-card\">\n<div class=\"method-icon\">\ud83d\udd35<\/div>\n<div class=\"method-name\">Google Pay<\/div>\n<div class=\"method-time\">D+2 days<\/div>\n<\/p><\/div>\n<div class=\"method-card\">\n<div class=\"method-icon\">\ud83d\udfe3<\/div>\n<div class=\"method-name\">NuPay<\/div>\n<div class=\"method-time\">D+2 days<\/div>\n<\/p><\/div>\n<div class=\"method-card\">\n<div class=\"method-icon\">\ud83d\udc9a<\/div>\n<div class=\"method-name\">PicPay<\/div>\n<div class=\"method-time\">D+2 days<\/div>\n<\/p><\/div>\n<div class=\"method-card\">\n<div class=\"method-icon\">\ud83d\udd04<\/div>\n<div class=\"method-name\">Subscriptions<\/div>\n<div class=\"method-time\">Recurring<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><\/p>\n<section id=\"pricing\">\n<div style=\"text-align:center\">\n<div class=\"section-eyebrow\">Pricing<\/div>\n<div class=\"section-title\">Simple, transparent rates<\/div>\n<p class=\"section-sub\" style=\"margin:0 auto\">No hidden fees. No surprises. Pay only when you sell.<\/p>\n<\/p><\/div>\n<div class=\"pricing-grid fade-up\">\n<div class=\"plan-card\">\n<div class=\"plan-name\">Starter<\/div>\n<div class=\"plan-price\"><sup>$<\/sup>0 <span class=\"per\">\/ month<\/span><\/div>\n<div class=\"plan-desc\">Perfect for creators just getting started. Only pay a small fee per sale.<\/div>\n<div class=\"plan-divider\"><\/div>\n<ul class=\"plan-features\">\n<li>Unlimited products<\/li>\n<li>Pix payments \u2014 0% + $0.49<\/li>\n<li>Card payments \u2014 4.99% + $0.49<\/li>\n<li>Basic analytics dashboard<\/li>\n<li>Email support<\/li>\n<li class=\"muted\">Priority withdrawals<\/li>\n<li class=\"muted\">Custom checkout branding<\/li>\n<li class=\"muted\">Affiliate management<\/li>\n<\/ul>\n<p> <button class=\"plan-btn outline\">Get started<\/button>\n <\/div>\n<div class=\"plan-card featured\">\n<div class=\"plan-badge\">Most Popular<\/div>\n<div class=\"plan-name\">Growth<\/div>\n<div class=\"plan-price\"><sup>$<\/sup>49 <span class=\"per\">\/ month<\/span><\/div>\n<div class=\"plan-desc\">Built for creators scaling their revenue past $10k\/month.<\/div>\n<div class=\"plan-divider\"><\/div>\n<ul class=\"plan-features\">\n<li>Everything in Starter<\/li>\n<li>Pix payments \u2014 0% + $0.29<\/li>\n<li>Card payments \u2014 3.49% + $0.29<\/li>\n<li>Advanced analytics & reports<\/li>\n<li>24\/7 live chat support<\/li>\n<li>Priority instant withdrawals<\/li>\n<li>Custom checkout branding<\/li>\n<li>Full affiliate management<\/li>\n<\/ul>\n<p> <button class=\"plan-btn filled\">Start 14-day trial<\/button>\n <\/div>\n<div class=\"plan-card\">\n<div class=\"plan-name\">Scale<\/div>\n<div class=\"plan-price\" style=\"font-size:2.2rem\">Custom<\/div>\n<div class=\"plan-desc\">For high-volume operations with dedicated account management and negotiated rates.<\/div>\n<div class=\"plan-divider\"><\/div>\n<ul class=\"plan-features\">\n<li>Everything in Growth<\/li>\n<li>Negotiated transaction rates<\/li>\n<li>Dedicated account manager<\/li>\n<li>Custom integrations & API<\/li>\n<li>SLA & uptime guarantees<\/li>\n<li>White-label checkout<\/li>\n<li>Team collaboration tools<\/li>\n<li>Enterprise compliance<\/li>\n<\/ul>\n<p> <button class=\"plan-btn outline\">Contact sales<\/button>\n <\/div>\n<\/p><\/div>\n<\/section>\n<p><\/p>\n<section id=\"integrations\" class=\"integ-section\">\n<div style=\"text-align:center\">\n<div class=\"section-eyebrow\">Integrations<\/div>\n<div class=\"section-title\">Connects with your favorite tools<\/div>\n<p class=\"section-sub\" style=\"margin:0 auto\">Flowpay plugs into your existing workflow \u2014 course platforms, CRMs, email tools, and community apps.<\/p>\n<\/p><\/div>\n<div class=\"integ-marquee-wrap\">\n<div class=\"integ-track\">\n<div class=\"integ-chip\">\n<div class=\"dot dot-violet\"><\/div>\n<p>WhatsApp<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-cyan\"><\/div>\n<p>Telegram<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-green\"><\/div>\n<p>Discord<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-violet\"><\/div>\n<p>Mailchimp<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-cyan\"><\/div>\n<p>ActiveCampaign<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-green\"><\/div>\n<p>Zapier<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-violet\"><\/div>\n<p>Hotmart<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-cyan\"><\/div>\n<p>UTMify<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-green\"><\/div>\n<p>Google Analytics<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-violet\"><\/div>\n<p>Meta Pixel<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-cyan\"><\/div>\n<p>Cademi<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-green\"><\/div>\n<p>Teachable<\/p><\/div>\n<p> <\/p>\n<div class=\"integ-chip\">\n<div class=\"dot dot-violet\"><\/div>\n<p>WhatsApp<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-cyan\"><\/div>\n<p>Telegram<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-green\"><\/div>\n<p>Discord<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-violet\"><\/div>\n<p>Mailchimp<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-cyan\"><\/div>\n<p>ActiveCampaign<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-green\"><\/div>\n<p>Zapier<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-violet\"><\/div>\n<p>Hotmart<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-cyan\"><\/div>\n<p>UTMify<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-green\"><\/div>\n<p>Google Analytics<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-violet\"><\/div>\n<p>Meta Pixel<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-cyan\"><\/div>\n<p>Cademi<\/p><\/div>\n<div class=\"integ-chip\">\n<div class=\"dot dot-green\"><\/div>\n<p>Teachable<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><\/p>\n<section id=\"testimonials\">\n<div style=\"text-align:center\">\n<div class=\"section-eyebrow\">Testimonials<\/div>\n<div class=\"section-title\">Loved by creators worldwide<\/div>\n<\/p><\/div>\n<div class=\"testimonials-grid fade-up\">\n<div class=\"testi-card\">\n<div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<p class=\"testi-text\">“Switched from another platform and immediately saw my conversion rate jump. The checkout is super fast and the instant Pix withdrawal is a game changer.”<\/p>\n<div class=\"testi-author\">\n<div class=\"testi-avatar\">MR<\/div>\n<div>\n<div class=\"testi-name\">Marina R.<\/div>\n<div class=\"testi-role\">Online Course Creator<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"testi-card\">\n<div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<p class=\"testi-text\">“I was skeptical at first but the support team answered within minutes. The affiliate dashboard alone has tripled my reach without spending on ads.”<\/p>\n<div class=\"testi-author\">\n<div class=\"testi-avatar\">TP<\/div>\n<div>\n<div class=\"testi-name\">Thiago P.<\/div>\n<div class=\"testi-role\">Digital Marketing Coach<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"testi-card\">\n<div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<p class=\"testi-text\">“Processing over $200k\/month through Flowpay. The analytics are detailed, withdrawals are instant, and my chargeback rate dropped to almost zero.”<\/p>\n<div class=\"testi-author\">\n<div class=\"testi-avatar\">AL<\/div>\n<div>\n<div class=\"testi-name\">Ana L.<\/div>\n<div class=\"testi-role\">Infoproducer & Entrepreneur<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><\/p>\n<section id=\"faq\" style=\"padding-bottom:60px;\">\n<div style=\"text-align:center\">\n<div class=\"section-eyebrow\">FAQ<\/div>\n<div class=\"section-title\">Common questions<\/div>\n<\/p><\/div>\n<div class=\"faq-list fade-up\">\n<div class=\"faq-item\">\n<div class=\"faq-q\" onclick=\"toggleFaq(this)\">\n How fast can I withdraw my money?<br \/>\n <span class=\"faq-chevron\">\u25bc<\/span>\n <\/div>\n<div class=\"faq-a\">\n<div class=\"faq-a-inner\">Pix withdrawals are instant \u2014 24 hours a day, 7 days a week, including holidays. For card transactions, funds are available in D+2 with the standard plan, or same-day with the Growth plan’s priority payouts.<\/div>\n<\/div><\/div>\n<div class=\"faq-item\">\n<div class=\"faq-q\" onclick=\"toggleFaq(this)\">\n Is there a minimum monthly revenue to use Flowpay?<br \/>\n <span class=\"faq-chevron\">\u25bc<\/span>\n <\/div>\n<div class=\"faq-a\">\n<div class=\"faq-a-inner\">No minimum. The Starter plan is completely free to open \u2014 you only pay a transaction fee when you make a sale. You can start with your very first product.<\/div>\n<\/div><\/div>\n<div class=\"faq-item\">\n<div class=\"faq-q\" onclick=\"toggleFaq(this)\">\n Can I sell subscriptions and recurring products?<br \/>\n <span class=\"faq-chevron\">\u25bc<\/span>\n <\/div>\n<div class=\"faq-a\">\n<div class=\"faq-a-inner\">Yes. Flowpay supports recurring billing, subscription management, failed payment recovery, and subscriber lifecycle management built into every plan.<\/div>\n<\/div><\/div>\n<div class=\"faq-item\">\n<div class=\"faq-q\" onclick=\"toggleFaq(this)\">\n How does the affiliate system work?<br \/>\n <span class=\"faq-chevron\">\u25bc<\/span>\n <\/div>\n<div class=\"faq-a\">\n<div class=\"faq-a-inner\">You set a commission rate for your product, and affiliates get a unique tracking link. Sales tracked to their link automatically credit their commission. Payouts to affiliates are managed by Flowpay directly \u2014 you don’t have to manually track anything.<\/div>\n<\/div><\/div>\n<div class=\"faq-item\">\n<div class=\"faq-q\" onclick=\"toggleFaq(this)\">\n What kind of products can I sell?<br \/>\n <span class=\"faq-chevron\">\u25bc<\/span>\n <\/div>\n<div class=\"faq-a\">\n<div class=\"faq-a-inner\">Online courses, ebooks, coaching, subscriptions, memberships, digital downloads, physical products, events, software \u2014 if it can be sold online, Flowpay can process it. Check our content policy for restricted categories.<\/div>\n<\/div><\/div>\n<div class=\"faq-item\">\n<div class=\"faq-q\" onclick=\"toggleFaq(this)\">\n Is Flowpay secure?<br \/>\n <span class=\"faq-chevron\">\u25bc<\/span>\n <\/div>\n<div class=\"faq-a\">\n<div class=\"faq-a-inner\">Absolutely. We are PCI-DSS compliant, use machine-learning fraud detection on every transaction, and maintain 99.98% uptime. All payment data is encrypted end-to-end and never stored on our servers.<\/div>\n<\/div><\/div>\n<\/p><\/div>\n<\/section>\n<p><\/p>\n<div class=\"cta-banner fade-up\">\n<h2>Ready to start selling?<\/h2>\n<p>Join 50,000+ creators already using Flowpay. No card required to get started.<\/p>\n<div class=\"cta-actions\">\n <button class=\"btn-large primary\">Create your free account \u2192<\/button><br \/>\n <button class=\"btn-large outline\">Talk to sales<\/button>\n <\/div>\n<\/div>\n<p><\/p>\n<footer>\n<div class=\"footer-grid\">\n<div class=\"footer-brand\">\n<div class=\"nav-logo\">Flowpay<\/div>\n<p>The all-in-one digital payment platform built for creators, educators, and online entrepreneurs.<\/p>\n<\/p><\/div>\n<div class=\"footer-col\">\n<h4>Product<\/h4>\n<p> <a href=\"#\">Checkout<\/a><br \/>\n <a href=\"#\">Members Area<\/a><br \/>\n <a href=\"#\">Affiliates<\/a><br \/>\n <a href=\"#\">Analytics<\/a><br \/>\n <a href=\"#\">Integrations<\/a><br \/>\n <a href=\"#\">Pricing<\/a>\n <\/div>\n<div class=\"footer-col\">\n<h4>Company<\/h4>\n<p> <a href=\"#\">About<\/a><br \/>\n <a href=\"#\">Blog<\/a><br \/>\n <a href=\"#\">Careers<\/a><br \/>\n <a href=\"#\">Press<\/a><br \/>\n <a href=\"#\">Contact<\/a>\n <\/div>\n<div class=\"footer-col\">\n<h4>Legal<\/h4>\n<p> <a href=\"#\">Terms of Use<\/a><br \/>\n <a href=\"#\">Privacy Policy<\/a><br \/>\n <a href=\"#\">Refund Policy<\/a><br \/>\n <a href=\"#\">Cookie Policy<\/a><br \/>\n <a href=\"#\">Anti-Fraud<\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"footer-bottom\">\n<p>\u00a9 2025 Flowpay Technologies Ltd. \u2014 All rights reserved<\/p>\n<div class=\"footer-socials\">\n<div class=\"social-btn\">in<\/div>\n<div class=\"social-btn\">\ud835\udd4f<\/div>\n<div class=\"social-btn\">\u25b6<\/div>\n<div class=\"social-btn\">\ud83d\udcf7<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/footer>\n<p><script>\n \/\/ Mobile nav\n function openMobileNav() { document.getElementById('mobileNav').style.display = 'flex'; }\n function closeMobileNav() { document.getElementById('mobileNav').style.display = 'none'; }<\/p>\n<p> \/\/ FAQ accordion\n function toggleFaq(el) {\n const item = el.parentElement;\n const isOpen = item.classList.contains('open');\n document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));\n if (!isOpen) item.classList.add('open');\n }<\/p>\n<p> \/\/ Scroll animations\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\n }, { threshold: 0.1 });\n document.querySelectorAll('.fade-up').forEach(el => observer.observe(el));\n<\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Flowpay \u2014 Payments Built for Creators \u2715 Features Payments Pricing Integrations FAQ Get Started Free Flowpay Features Payments Pricing Integrations<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2005","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>new page - bsbshop<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bsbhobbyshop.nl\/index.php\/new-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"new page - bsbshop\" \/>\n<meta property=\"og:description\" content=\"Flowpay \u2014 Payments Built for Creators \u2715 Features Payments Pricing Integrations FAQ Get Started Free Flowpay Features Payments Pricing Integrations\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bsbhobbyshop.nl\/index.php\/new-page\/\" \/>\n<meta property=\"og:site_name\" content=\"bsbshop\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-26T00:13:26+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bsbhobbyshop.nl\\\/index.php\\\/new-page\\\/\",\"url\":\"https:\\\/\\\/bsbhobbyshop.nl\\\/index.php\\\/new-page\\\/\",\"name\":\"new page - bsbshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bsbhobbyshop.nl\\\/#website\"},\"datePublished\":\"2026-06-26T00:11:21+00:00\",\"dateModified\":\"2026-06-26T00:13:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bsbhobbyshop.nl\\\/index.php\\\/new-page\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bsbhobbyshop.nl\\\/index.php\\\/new-page\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bsbhobbyshop.nl\\\/index.php\\\/new-page\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bsbhobbyshop.nl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"new page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bsbhobbyshop.nl\\\/#website\",\"url\":\"https:\\\/\\\/bsbhobbyshop.nl\\\/\",\"name\":\"bsbshop\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bsbhobbyshop.nl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"new page - bsbshop","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bsbhobbyshop.nl\/index.php\/new-page\/","og_locale":"en_US","og_type":"article","og_title":"new page - bsbshop","og_description":"Flowpay \u2014 Payments Built for Creators \u2715 Features Payments Pricing Integrations FAQ Get Started Free Flowpay Features Payments Pricing Integrations","og_url":"https:\/\/bsbhobbyshop.nl\/index.php\/new-page\/","og_site_name":"bsbshop","article_modified_time":"2026-06-26T00:13:26+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bsbhobbyshop.nl\/index.php\/new-page\/","url":"https:\/\/bsbhobbyshop.nl\/index.php\/new-page\/","name":"new page - bsbshop","isPartOf":{"@id":"https:\/\/bsbhobbyshop.nl\/#website"},"datePublished":"2026-06-26T00:11:21+00:00","dateModified":"2026-06-26T00:13:26+00:00","breadcrumb":{"@id":"https:\/\/bsbhobbyshop.nl\/index.php\/new-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bsbhobbyshop.nl\/index.php\/new-page\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bsbhobbyshop.nl\/index.php\/new-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bsbhobbyshop.nl\/"},{"@type":"ListItem","position":2,"name":"new page"}]},{"@type":"WebSite","@id":"https:\/\/bsbhobbyshop.nl\/#website","url":"https:\/\/bsbhobbyshop.nl\/","name":"bsbshop","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bsbhobbyshop.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/bsbhobbyshop.nl\/index.php\/wp-json\/wp\/v2\/pages\/2005","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bsbhobbyshop.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bsbhobbyshop.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bsbhobbyshop.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bsbhobbyshop.nl\/index.php\/wp-json\/wp\/v2\/comments?post=2005"}],"version-history":[{"count":3,"href":"https:\/\/bsbhobbyshop.nl\/index.php\/wp-json\/wp\/v2\/pages\/2005\/revisions"}],"predecessor-version":[{"id":2009,"href":"https:\/\/bsbhobbyshop.nl\/index.php\/wp-json\/wp\/v2\/pages\/2005\/revisions\/2009"}],"wp:attachment":[{"href":"https:\/\/bsbhobbyshop.nl\/index.php\/wp-json\/wp\/v2\/media?parent=2005"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}