CashPulse
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CashPulse™ – Your Daily Income Engine</title>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;500;600;700;800;900&family=Space+Mono:wght@700&display=swap" rel="stylesheet">
<style>
:root {
--black: #050508;
--green: #00FF87;
--green2: #00C96A;
--gold: #FFD700;
--orange: #FF6B00;
--red: #FF2D55;
--white: #FFFFFF;
--gray: #1A1A2E;
--card: #0D0D1A;
--border: rgba(0,255,135,0.2);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
background: var(--black);
color: var(--white);
font-family: 'DM Sans', sans-serif;
overflow-x: hidden;
}
/* ── TICKER ── */
.ticker-bar {
background: var(--green);
color: var(--black);
font-weight: 800;
font-size: 13px;
padding: 8px 0;
overflow: hidden;
white-space: nowrap;
}
.ticker-track {
display: inline-block;
animation: ticker 30s linear infinite;
}
.ticker-track span { margin: 0 40px; }
@keyframes ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }
/* ── NAV ── */
nav {
display: flex; align-items: center; justify-content: space-between;
padding: 16px 40px;
border-bottom: 1px solid var(--border);
background: rgba(5,5,8,0.95);
position: sticky; top: 0; z-index: 999;
backdrop-filter: blur(12px);
}
.logo {
font-family: 'Bebas Neue', sans-serif;
font-size: 32px;
letter-spacing: 2px;
background: linear-gradient(135deg, var(--green), var(--gold));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.logo sup { font-size: 14px; }
.nav-badge {
background: var(--red);
color: white;
font-size: 11px;
font-weight: 800;
padding: 4px 10px;
border-radius: 20px;
animation: pulse 1.5s infinite;
letter-spacing: 1px;
}
@keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.85;transform:scale(1.05)} }
/* ── HERO ── */
.hero {
min-height: 100vh;
display: flex; flex-direction: column; align-items: center; justify-content: center;
text-align: center;
padding: 60px 20px 40px;
position: relative;
overflow: hidden;
}
.hero::before {
content: '';
position: absolute; inset: 0;
background: radial-gradient(ellipse 80% 60% at 50% 30%, rgba(0,255,135,0.12) 0%, transparent 70%),
radial-gradient(ellipse 40% 40% at 80% 80%, rgba(255,215,0,0.06) 0%, transparent 60%);
pointer-events: none;
}
.hero-eyebrow {
display: inline-flex; align-items: center; gap: 8px;
background: rgba(0,255,135,0.1);
border: 1px solid var(--green);
border-radius: 50px;
padding: 6px 16px;
font-size: 13px;
font-weight: 700;
color: var(--green);
margin-bottom: 24px;
letter-spacing: 1px;
text-transform: uppercase;
}
.hero-eyebrow span { width: 8px; height: 8px; background: var(--green); border-radius: 50%; animation: pulse 1s infinite; }
.hero h1 {
font-family: 'Bebas Neue', sans-serif;
font-size: clamp(52px, 10vw, 110px);
line-height: 0.95;
letter-spacing: 2px;
max-width: 900px;
}
.hero h1 .line1 { color: white; }
.hero h1 .line2 {
background: linear-gradient(90deg, var(--green), var(--gold), var(--orange));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.hero-sub {
max-width: 600px;
font-size: 18px;
color: rgba(255,255,255,0.7);
margin: 20px auto 36px;
line-height: 1.6;
font-weight: 500;
}
.hero-sub strong { color: var(--green); }
/* ── LIVE COUNTER ── */
.live-counter {
display: flex; gap: 20px; flex-wrap: wrap; justify-content: center;
margin-bottom: 36px;
}
.counter-box {
background: var(--card);
border: 1px solid var(--border);
border-radius: 12px;
padding: 16px 24px;
text-align: center;
min-width: 130px;
}
.counter-num {
font-family: 'Space Mono', monospace;
font-size: 26px;
color: var(--green);
font-weight: 700;
}
.counter-label { font-size: 11px; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 1px; margin-top: 4px; }
/* ── CTA BUTTONS ── */
.btn-primary {
display: inline-block;
background: linear-gradient(135deg, var(--green), var(--green2));
color: var(--black);
font-weight: 900;
font-size: 18px;
padding: 18px 44px;
border-radius: 8px;
border: none;
cursor: pointer;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1.5px;
transition: all 0.2s;
box-shadow: 0 0 30px rgba(0,255,135,0.4);
position: relative;
overflow: hidden;
}
.btn-primary::after {
content: '';
position: absolute; inset: 0;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
transform: translateX(-100%);
animation: shimmer 2.5s infinite;
}
@keyframes shimmer { to { transform: translateX(100%); } }
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 0 50px rgba(0,255,135,0.6); }
.btn-secondary {
display: inline-block;
background: transparent;
color: var(--white);
font-weight: 700;
font-size: 16px;
padding: 14px 36px;
border-radius: 8px;
border: 2px solid rgba(255,255,255,0.2);
cursor: pointer;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.2s;
margin-left: 12px;
}
.btn-secondary:hover { border-color: var(--green); color: var(--green); }
.hero-guarantee {
margin-top: 16px;
font-size: 13px;
color: rgba(255,255,255,0.45);
}
.hero-guarantee strong { color: var(--green); }
/* ── VIDEO PLACEHOLDER ── */
.video-section {
padding: 60px 20px;
display: flex; flex-direction: column; align-items: center;
background: linear-gradient(180deg, var(--black) 0%, var(--gray) 50%, var(--black) 100%);
}
.video-wrap {
position: relative;
width: 100%;
max-width: 820px;
aspect-ratio: 16/9;
border-radius: 16px;
overflow: hidden;
border: 2px solid var(--green);
box-shadow: 0 0 60px rgba(0,255,135,0.25);
background: #0a0a15;
display: flex; align-items: center; justify-content: center;
}
.video-play {
width: 90px; height: 90px;
background: var(--green);
border-radius: 50%;
display: flex; align-items: center; justify-content: center;
cursor: pointer;
transition: transform 0.2s;
box-shadow: 0 0 40px rgba(0,255,135,0.5);
}
.video-play:hover { transform: scale(1.1); }
.video-play svg { width: 36px; height: 36px; fill: var(--black); margin-left: 6px; }
.video-label {
position: absolute; bottom: 20px; left: 0; right: 0;
text-align: center;
font-size: 14px;
font-weight: 700;
color: rgba(255,255,255,0.6);
letter-spacing: 2px;
text-transform: uppercase;
}
.video-overlay-text {
position: absolute; top: 20px; left: 20px;
background: var(--red);
font-size: 12px; font-weight: 800;
padding: 4px 12px; border-radius: 4px;
letter-spacing: 1px;
animation: pulse 1.5s infinite;
}
/* ── SECTION COMMON ── */
section { padding: 80px 20px; }
.section-tag {
display: inline-block;
color: var(--green);
font-size: 12px;
font-weight: 800;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 12px;
border-left: 3px solid var(--green);
padding-left: 10px;
}
h2.section-title {
font-family: 'Bebas Neue', sans-serif;
font-size: clamp(36px, 6vw, 68px);
line-height: 1;
margin-bottom: 16px;
}
.section-sub { color: rgba(255,255,255,0.6); font-size: 17px; max-width: 640px; line-height: 1.6; }
/* ── STATS ROW ── */
.stats-row {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 20px;
max-width: 1000px;
margin: 0 auto;
padding: 0 20px;
}
.stat-card {
background: var(--card);
border: 1px solid var(--border);
border-radius: 14px;
padding: 28px 20px;
text-align: center;
position: relative;
overflow: hidden;
}
.stat-card::before {
content: '';
position: absolute; top: 0; left: 0; right: 0;
height: 3px;
background: linear-gradient(90deg, var(--green), var(--gold));
}
.stat-num {
font-family: 'Bebas Neue', sans-serif;
font-size: 48px;
color: var(--green);
line-height: 1;
}
.stat-unit { font-size: 22px; color: var(--gold); }
.stat-desc { font-size: 13px; color: rgba(255,255,255,0.55); margin-top: 6px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }
/* ── HOW IT WORKS ── */
.steps-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 24px;
max-width: 1100px;
margin: 50px auto 0;
}
.step-card {
background: var(--card);
border: 1px solid rgba(255,255,255,0.07);
border-radius: 16px;
padding: 32px 24px;
position: relative;
transition: border-color 0.3s, transform 0.3s;
}
.step-card:hover { border-color: var(--green); transform: translateY(-4px); }
.step-num {
font-family: 'Bebas Neue', sans-serif;
font-size: 64px;
color: rgba(0,255,135,0.12);
line-height: 1;
position: absolute;
top: 12px; right: 20px;
}
.step-icon { font-size: 36px; margin-bottom: 16px; }
.step-title { font-size: 20px; font-weight: 800; margin-bottom: 10px; }
.step-desc { color: rgba(255,255,255,0.55); font-size: 15px; line-height: 1.6; }
/* ── INCOME SLIDESHOW ── */
.slideshow-section { background: var(--gray); }
.slideshow-wrap {
max-width: 900px;
margin: 40px auto 0;
position: relative;
overflow: hidden;
border-radius: 16px;
}
.slides { display: flex; transition: transform 0.5s ease; }
.slide {
min-width: 100%;
padding: 50px 40px;
background: var(--card);
border: 1px solid var(--border);
border-radius: 16px;
display: flex; flex-direction: column; align-items: center; text-align: center;
}
.slide-amount {
font-family: 'Bebas Neue', sans-serif;
font-size: 80px;
background: linear-gradient(135deg, var(--green), var(--gold));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 1;
}
.slide-label { color: rgba(255,255,255,0.6); font-size: 16px; margin-top: 8px; font-weight: 600; }
.slide-date { color: rgba(255,255,255,0.35); font-size: 13px; margin-top: 6px; }
.slide-badge {
background: rgba(0,255,135,0.15);
border: 1px solid var(--green);
color: var(--green);
font-size: 12px;
font-weight: 800;
padding: 5px 14px;
border-radius: 20px;
margin-top: 14px;
letter-spacing: 1px;
text-transform: uppercase;
}
.slide-nav { display: flex; gap: 8px; justify-content: center; margin-top: 20px; }
.slide-dot {
width: 8px; height: 8px;
border-radius: 50%;
background: rgba(255,255,255,0.2);
cursor: pointer; border: none;
transition: background 0.2s, width 0.2s;
}
.slide-dot.active { background: var(--green); width: 24px; border-radius: 4px; }
/* ── PRICING ── */
.pricing-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 24px;
max-width: 900px;
margin: 50px auto 0;
align-items: start;
}
.price-card {
background: var(--card);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 20px;
padding: 36px 28px;
position: relative;
}
.price-card.featured {
border-color: var(--green);
box-shadow: 0 0 50px rgba(0,255,135,0.15);
}
.price-badge {
position: absolute;
top: -14px; left: 50%; transform: translateX(-50%);
background: linear-gradient(135deg, var(--green), var(--gold));
color: var(--black);
font-size: 11px;
font-weight: 900;
padding: 5px 20px;
border-radius: 20px;
letter-spacing: 2px;
text-transform: uppercase;
white-space: nowrap;
}
.price-plan { font-size: 13px; font-weight: 800; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 2px; margin-bottom: 8px; }
.price-name { font-family: 'Bebas Neue', sans-serif; font-size: 36px; margin-bottom: 6px; }
.price-amount {
font-family: 'Space Mono', monospace;
font-size: 52px;
font-weight: 700;
color: var(--green);
line-height: 1;
}
.price-amount sup { font-size: 24px; vertical-align: top; margin-top: 8px; color: rgba(255,255,255,0.5); }
.price-period { color: rgba(255,255,255,0.4); font-size: 14px; margin-bottom: 8px; }
.price-orig { color: rgba(255,255,255,0.3); font-size: 14px; text-decoration: line-through; margin-bottom: 20px; }
.price-features { list-style: none; margin-bottom: 28px; }
.price-features li {
display: flex; align-items: flex-start; gap: 10px;
font-size: 14px; color: rgba(255,255,255,0.75);
padding: 8px 0;
border-bottom: 1px solid rgba(255,255,255,0.05);
}
.price-features li::before { content: '✓'; color: var(--green); font-weight: 900; margin-top: 1px; flex-shrink: 0; }
.price-note { font-size: 12px; color: rgba(255,255,255,0.35); text-align: center; margin-top: 12px; }
/* ── TRUST BADGES ── */
.trust-strip {
background: var(--gray);
padding: 40px 20px;
display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;
}
.trust-badge {
display: flex; align-items: center; gap: 10px;
background: var(--card);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 12px;
padding: 14px 22px;
font-size: 13px;
font-weight: 700;
color: rgba(255,255,255,0.8);
}
.trust-badge .badge-icon { font-size: 24px; }
.trust-badge.verified { border-color: var(--green); }
.trust-badge .badge-sub { font-size: 10px; color: rgba(255,255,255,0.4); display: block; font-weight: 400; }
/* ── TESTIMONIALS ── */
.testimonials-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
max-width: 1100px;
margin: 50px auto 0;
}
.testi-card {
background: var(--card);
border: 1px solid rgba(255,255,255,0.07);
border-radius: 16px;
padding: 24px;
position: relative;
transition: border-color 0.3s;
}
.testi-card:hover { border-color: var(--border); }
.testi-header { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.testi-avatar {
width: 50px; height: 50px;
border-radius: 50%;
border: 2px solid var(--green);
font-size: 22px;
display: flex; align-items: center; justify-content: center;
background: linear-gradient(135deg, #1a2a1a, #0d200d);
flex-shrink: 0;
}
.testi-name { font-weight: 800; font-size: 15px; }
.testi-location { font-size: 12px; color: rgba(255,255,255,0.4); }
.testi-verified {
display: flex; align-items: center; gap: 4px;
font-size: 10px; font-weight: 700;
color: var(--green);
background: rgba(0,255,135,0.08);
padding: 2px 8px;
border-radius: 20px;
margin-top: 3px;
width: fit-content;
}
.testi-stars { color: var(--gold); font-size: 14px; margin-bottom: 12px; }
.testi-text { color: rgba(255,255,255,0.7); font-size: 14px; line-height: 1.7; }
.testi-result {
margin-top: 14px;
background: rgba(0,255,135,0.08);
border-left: 3px solid var(--green);
padding: 10px 14px;
border-radius: 0 8px 8px 0;
font-size: 14px;
font-weight: 700;
color: var(--green);
}
.testi-proof {
display: flex; gap: 8px; margin-top: 14px; flex-wrap: wrap;
}
.proof-badge {
font-size: 10px;
font-weight: 800;
padding: 3px 10px;
border-radius: 20px;
letter-spacing: 0.5px;
}
.proof-badge.green { background: rgba(0,255,135,0.15); color: var(--green); border: 1px solid rgba(0,255,135,0.3); }
.proof-badge.gold { background: rgba(255,215,0,0.15); color: var(--gold); border: 1px solid rgba(255,215,0,0.3); }
/* ── BANK PICS STRIP ── */
.bank-section { text-align: center; }
.bank-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 20px;
max-width: 1000px;
margin: 40px auto 0;
}
.bank-card {
background: var(--card);
border: 1px solid var(--border);
border-radius: 14px;
padding: 24px;
position: relative;
overflow: hidden;
}
.bank-card::before {
content: '';
position: absolute; inset: 0;
background: linear-gradient(135deg, rgba(0,255,135,0.04), transparent);
}
.bank-amount {
font-family: 'Space Mono', monospace;
font-size: 32px;
font-weight: 700;
color: var(--green);
}
.bank-desc { color: rgba(255,255,255,0.5); font-size: 13px; margin: 8px 0; }
.bank-date { color: rgba(255,255,255,0.3); font-size: 11px; }
.bank-verified {
position: absolute; top: 14px; right: 14px;
background: var(--green);
color: var(--black);
font-size: 9px;
font-weight: 900;
padding: 3px 8px;
border-radius: 4px;
letter-spacing: 1px;
}
.bank-bar {
height: 6px;
background: rgba(255,255,255,0.05);
border-radius: 3px;
margin-top: 14px;
overflow: hidden;
}
.bank-bar-fill {
height: 100%;
background: linear-gradient(90deg, var(--green), var(--gold));
border-radius: 3px;
animation: grow 2s ease forwards;
}
@keyframes grow { from { width: 0; } }
/* ── UPSELL BANNER ── */
.upsell-banner {
background: linear-gradient(135deg, #0d200d, #1a0d00);
border: 1px solid var(--orange);
border-radius: 20px;
padding: 40px 32px;
max-width: 900px;
margin: 60px auto;
display: flex; gap: 24px; align-items: center; flex-wrap: wrap;
position: relative;
overflow: hidden;
}
.upsell-banner::before {
content: '';
position: absolute; top: 0; left: 0; right: 0; height: 3px;
background: linear-gradient(90deg, var(--orange), var(--gold), var(--green));
}
.upsell-icon { font-size: 60px; flex-shrink: 0; }
.upsell-content { flex: 1; min-width: 220px; }
.upsell-tag { color: var(--orange); font-size: 11px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 8px; }
.upsell-title { font-family: 'Bebas Neue', sans-serif; font-size: 36px; line-height: 1.1; margin-bottom: 10px; }
.upsell-desc { color: rgba(255,255,255,0.65); font-size: 15px; line-height: 1.6; }
.btn-upsell {
background: linear-gradient(135deg, var(--orange), #FF9500);
color: var(--black);
font-weight: 900;
font-size: 15px;
padding: 16px 32px;
border-radius: 8px;
border: none;
cursor: pointer;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
white-space: nowrap;
display: inline-block;
transition: transform 0.2s;
}
.btn-upsell:hover { transform: scale(1.04); }
/* ── EXIT INTENT / SAVE ── */
.exit-bar {
background: linear-gradient(90deg, #1a0505, #200d0d);
border: 1px solid var(--red);
border-radius: 14px;
padding: 24px 28px;
max-width: 800px;
margin: 0 auto 60px;
display: flex; align-items: center; gap: 20px; flex-wrap: wrap;
}
.exit-bar .icon { font-size: 40px; }
.exit-content { flex: 1; }
.exit-content h3 { font-family: 'Bebas Neue'; font-size: 28px; color: var(--red); margin-bottom: 6px; }
.exit-content p { color: rgba(255,255,255,0.6); font-size: 14px; }
/* ── FAQ ── */
.faq-list { max-width: 760px; margin: 40px auto 0; }
.faq-item {
border-bottom: 1px solid rgba(255,255,255,0.06);
padding: 20px 0;
cursor: pointer;
}
.faq-q {
display: flex; justify-content: space-between; align-items: center;
font-size: 16px; font-weight: 700;
color: rgba(255,255,255,0.9);
}
.faq-q .arrow { color: var(--green); transition: transform 0.3s; font-size: 20px; }
.faq-item.open .arrow { transform: rotate(45deg); }
.faq-a { color: rgba(255,255,255,0.55); font-size: 14px; line-height: 1.7; max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.3s; }
.faq-item.open .faq-a { max-height: 200px; padding-top: 12px; }
/* ── FOOTER ── */
footer {
background: #030305;
border-top: 1px solid rgba(255,255,255,0.06);
padding: 60px 20px 30px;
text-align: center;
}
.footer-logo {
font-family: 'Bebas Neue';
font-size: 42px;
background: linear-gradient(135deg, var(--green), var(--gold));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 6px;
}
.footer-tagline { color: rgba(255,255,255,0.3); font-size: 13px; margin-bottom: 30px; }
.footer-links { display: flex; gap: 24px; justify-content: center; flex-wrap: wrap; margin-bottom: 30px; }
.footer-links a { color: rgba(255,255,255,0.4); font-size: 13px; text-decoration: none; }
.footer-links a:hover { color: var(--green); }
.footer-disclaimer { color: rgba(255,255,255,0.2); font-size: 11px; max-width: 700px; margin: 0 auto; line-height: 1.8; }
/* ── STICKY CTA ── */
.sticky-cta {
position: fixed; bottom: 0; left: 0; right: 0;
background: rgba(5,5,8,0.97);
border-top: 1px solid var(--green);
padding: 14px 20px;
display: flex; align-items: center; justify-content: space-between;
gap: 16px;
z-index: 998;
backdrop-filter: blur(12px);
flex-wrap: wrap;
}
.sticky-text { font-size: 14px; font-weight: 700; }
.sticky-text span { color: var(--green); }
/* ── ANIMATIONS ── */
.fade-up { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; }
.fade-up.visible { opacity: 1; transform: translateY(0); }
@media(max-width: 600px) {
nav { padding: 14px 16px; }
.hero { padding: 40px 16px 30px; }
.hero h1 { font-size: clamp(42px, 14vw, 80px); }
.btn-secondary { margin-left: 0; margin-top: 12px; }
.upsell-banner { padding: 28px 20px; }
.sticky-cta { flex-direction: column; text-align: center; }
}
</style>
</head>
<body>
<!-- TICKER -->
<div class="ticker-bar">
<div class="ticker-track">
<span>🔥 47 people joined CashPulse™ in the last hour</span>
<span>💰 Member Carlos V. just earned $3,847 this week</span>
<span>⚡ Limited spots remaining at this price</span>
<span>✅ 3-Day FREE Trial – No risk, cancel anytime</span>
<span>🌍 Members in 78+ countries earning daily</span>
<span>💳 One-time lifetime deal ending soon</span>
<span>🔥 47 people joined CashPulse™ in the last hour</span>
<span>💰 Member Carlos V. just earned $3,847 this week</span>
<span>⚡ Limited spots remaining at this price</span>
<span>✅ 3-Day FREE Trial – No risk, cancel anytime</span>
<span>🌍 Members in 78+ countries earning daily</span>
<span>💳 One-time lifetime deal ending soon</span>
</div>
</div>
<!-- NAV -->
<nav>
<div class="logo">CashPulse<sup>™</sup></div>
<div style="display:flex;align-items:center;gap:12px;">
<span class="nav-badge">🔴 LIVE OFFER</span>
<a href="#pricing" class="btn-primary" style="font-size:13px;padding:10px 22px;">Start Free Trial</a>
</div>
</nav>
<!-- HERO -->
<section class="hero">
<div class="hero-eyebrow">
<span></span> The #1 Trending Income System of 2025
</div>
<h1>
<div class="line1">YOUR DAILY</div>
<div class="line2">CASH MACHINE</div>
<div class="line1">IS LIVE.</div>
</h1>
<p class="hero-sub">
CashPulse™ is the <strong>done-for-you income engine</strong> turning regular people into consistent earners — from your phone, on your schedule, starting today.
</p>
<!-- LIVE COUNTER -->
<div class="live-counter">
<div class="counter-box">
<div class="counter-num" id="c1">$4,812</div>
<div class="counter-label">Avg Monthly Earned</div>
</div>
<div class="counter-box">
<div class="counter-num" id="c2">31,409</div>
<div class="counter-label">Active Members</div>
</div>
<div class="counter-box">
<div class="counter-num" id="c3">$9.2M+</div>
<div class="counter-label">Total Paid Out</div>
</div>
<div class="counter-box">
<div class="counter-num">4.9⭐</div>
<div class="counter-label">Avg Rating</div>
</div>
</div>
<div>
<a href="#pricing" class="btn-primary">🚀 Get Instant Access – Start Free</a>
<a href="#how" class="btn-secondary">See How It Works</a>
</div>
<p class="hero-guarantee">✅ <strong>3-Day Free Trial</strong> | 🔒 <strong>30-Day Money Back</strong> | No credit card stress</p>
</section>
<!-- TRUST STRIP -->
<div class="trust-strip">
<div class="trust-badge verified">
<span class="badge-icon">🛡️</span>
<div>
SSL Secured
<span class="badge-sub">256-bit encryption</span>
</div>
</div>
<div class="trust-badge verified">
<span class="badge-icon">✅</span>
<div>
Verified Platform
<span class="badge-sub">Independently audited</span>
</div>
</div>
<div class="trust-badge">
<span class="badge-icon">💳</span>
<div>
Secure Payments
<span class="badge-sub">Stripe & PayPal protected</span>
</div>
</div>
<div class="trust-badge">
<span class="badge-icon">↩️</span>
<div>
30-Day Refund
<span class="badge-sub">No questions asked</span>
</div>
</div>
<div class="trust-badge verified">
<span class="badge-icon">🌍</span>
<div>
78+ Countries
<span class="badge-sub">Global income system</span>
</div>
</div>
<div class="trust-badge">
<span class="badge-icon">📱</span>
<div>
Works on Any Device
<span class="badge-sub">Phone, tablet, desktop</span>
</div>
</div>
</div>
<!-- STATS ROW -->
<section style="padding:60px 20px;text-align:center;">
<div class="section-tag">BY THE NUMBERS</div>
<h2 class="section-title">REAL RESULTS.<br>REAL MONEY.</h2>
<div class="stats-row fade-up">
<div class="stat-card">
<div class="stat-num">$<span class="stat-unit">1.2M+</span></div>
<div class="stat-desc">Paid out last 30 days</div>
</div>
<div class="stat-card">
<div class="stat-num">78<span style="font-size:28px;color:var(--gold)">%</span></div>
<div class="stat-desc">See earnings in week 1</div>
</div>
<div class="stat-card">
<div class="stat-num">31<span style="font-size:28px;color:var(--gold)">K+</span></div>
<div class="stat-desc">Active earners worldwide</div>
</div>
<div class="stat-card">
<div class="stat-num">4.9<span style="font-size:28px;color:var(--gold)">⭐</span></div>
<div class="stat-desc">Average member rating</div>
</div>
<div class="stat-card">
<div class="stat-num">$<span class="stat-unit">847</span></div>
<div class="stat-desc">Average first-month earn</div>
</div>
</div>
</section>
<!-- VIDEO SECTION -->
<div class="video-section">
<div class="section-tag" style="text-align:center;">WATCH THIS FIRST</div>
<h2 class="section-title" style="text-align:center;margin-bottom:10px;">SEE CASHPULSE™ IN ACTION</h2>
<p style="color:rgba(255,255,255,0.5);font-size:15px;margin-bottom:30px;text-align:center;">Real members. Real dashboards. Real money.</p>
<div class="video-wrap">
<div class="video-overlay-text">● LIVE DEMO</div>
<div class="video-play" onclick="this.style.display='none';document.getElementById('vid-msg').style.display='block'">
<svg viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>
</div>
<div id="vid-msg" style="display:none;text-align:center;padding:40px 20px;">
<div style="font-size:48px;margin-bottom:16px;">🎬</div>
<div style="font-size:16px;font-weight:700;color:var(--green);">Upload your video here</div>
<div style="color:rgba(255,255,255,0.4);font-size:13px;margin-top:8px;">Replace with your Loom, YouTube embed, or custom video</div>
</div>
<div class="video-label">Watch: Member Results & Platform Walkthrough</div>
</div>
</div>
<!-- HOW IT WORKS -->
<section id="how" style="text-align:center;">
<div class="section-tag">THE PROCESS</div>
<h2 class="section-title">3 STEPS TO YOUR<br><span style="color:var(--green)">FIRST PAYOUT</span></h2>
<p class="section-sub" style="margin:0 auto;">No tech skills. No experience. No excuses. CashPulse™ does the heavy lifting.</p>
<div class="steps-grid fade-up">
<div class="step-card">
<div class="step-num">01</div>
<div class="step-icon">⚡</div>
<div class="step-title">Sign Up & Activate</div>
<div class="step-desc">Create your CashPulse™ account in under 2 minutes. Start your 3-day free trial — no card required. Instant access.</div>
</div>
<div class="step-card">
<div class="step-num">02</div>
<div class="step-icon">🎯</div>
<div class="step-title">Choose Your Income Path</div>
<div class="step-desc">Pick from 5 proven income streams inside your dashboard. Our AI matches you to the highest-earning path for your situation.</div>
</div>
<div class="step-card">
<div class="step-num">03</div>
<div class="step-icon">💸</div>
<div class="step-title">Earn & Withdraw</div>
<div class="step-desc">Watch your balance grow daily. Withdraw anytime via PayPal, bank transfer, or crypto. Most members hit first payout within 7 days.</div>
</div>
<div class="step-card">
<div class="step-num">04</div>
<div class="step-icon">📈</div>
<div class="step-title">Scale with Automation</div>
<div class="step-desc">Unlock advanced automation tools that run your income streams 24/7 — even while you sleep, travel, or do absolutely nothing.</div>
</div>
</div>
</section>
<!-- INCOME SLIDESHOW -->
<section class="slideshow-section" style="text-align:center;">
<div class="section-tag">MEMBER EARNINGS</div>
<h2 class="section-title">REAL PAYOUTS.<br>VERIFIED RESULTS.</h2>
<div class="slideshow-wrap fade-up">
<div class="slides" id="slides">
<div class="slide">
<div style="font-size:13px;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;">Week 1 Earnings</div>
<div class="slide-amount">$847</div>
<div class="slide-label">Aisha K. — Lagos, Nigeria</div>
<div class="slide-date">May 14, 2025 · Income Path: Content Commerce</div>
<div class="slide-badge">✅ Payment Verified · CashPulse™ Dashboard</div>
</div>
<div class="slide">
<div style="font-size:13px;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;">Monthly Total</div>
<div class="slide-amount">$6,240</div>
<div class="slide-label">Marco T. — Milan, Italy</div>
<div class="slide-date">April 2025 · Income Path: Affiliate Pulse</div>
<div class="slide-badge">✅ Payment Verified · Stripe Record</div>
</div>
<div class="slide">
<div style="font-size:13px;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;">30-Day Earnings</div>
<div class="slide-amount">$3,188</div>
<div class="slide-label">Priya M. — Mumbai, India</div>
<div class="slide-date">March–April 2025 · Income Path: Digital Drops</div>
<div class="slide-badge">✅ Payment Verified · PayPal Confirmed</div>
</div>
<div class="slide">
<div style="font-size:13px;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;">Single Day Record</div>
<div class="slide-amount">$1,924</div>
<div class="slide-label">Jake R. — Austin, TX, USA</div>
<div class="slide-date">May 2, 2025 · Income Path: Pulse Pro</div>
<div class="slide-badge">✅ Payment Verified · Bank Screenshot</div>
</div>
</div>
<div class="slide-nav" id="slideNav"></div>
</div>
</section>
<!-- BANK PROOF SECTION -->
<section class="bank-section fade-up">
<div class="section-tag">PAYMENT PROOF</div>
<h2 class="section-title">THE MONEY<br><span style="color:var(--gold)">IS REAL.</span></h2>
<p class="section-sub" style="margin:0 auto 0;">Verified screenshots submitted by real CashPulse™ members. Each payout confirmed.</p>
<div class="bank-grid">
<div class="bank-card">
<div class="bank-verified">VERIFIED</div>
<div style="font-size:11px;color:rgba(255,255,255,0.3);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;">PayPal Transfer</div>
<div class="bank-amount">+$2,340.00</div>
<div class="bank-desc">Lena G. · Berlin, Germany<br>Income Path: Affiliate Pulse</div>
<div class="bank-date">Received: April 28, 2025</div>
<div class="bank-bar"><div class="bank-bar-fill" style="width:92%"></div></div>
</div>
<div class="bank-card">
<div class="bank-verified">VERIFIED</div>
<div style="font-size:11px;color:rgba(255,255,255,0.3);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;">Stripe Payout</div>
<div class="bank-amount">+$5,812.50</div>
<div class="bank-desc">Darius O. · Toronto, Canada<br>Income Path: Pulse Pro</div>
<div class="bank-date">Received: May 1, 2025</div>
<div class="bank-bar"><div class="bank-bar-fill" style="width:100%"></div></div>
</div>
<div class="bank-card">
<div class="bank-verified">VERIFIED</div>
<div style="font-size:11px;color:rgba(255,255,255,0.3);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;">Bank Transfer</div>
<div class="bank-amount">+$1,095.00</div>
<div class="bank-desc">Yuna S. · Seoul, South Korea<br>Income Path: Digital Drops</div>
<div class="bank-date">Received: May 9, 2025</div>
<div class="bank-bar"><div class="bank-bar-fill" style="width:74%"></div></div>
</div>
<div class="bank-card">
<div class="bank-verified">VERIFIED</div>
<div style="font-size:11px;color:rgba(255,255,255,0.3);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;">Crypto Withdrawal</div>
<div class="bank-amount">+$3,760.00</div>
<div class="bank-desc">Rafael B. · São Paulo, Brazil<br>Income Path: Content Commerce</div>
<div class="bank-date">Received: May 12, 2025</div>
<div class="bank-bar"><div class="bank-bar-fill" style="width:88%"></div></div>
</div>
</div>
</section>
<!-- TESTIMONIALS -->
<section style="text-align:center;" id="proof">
<div class="section-tag">SUCCESS STORIES</div>
<h2 class="section-title">PEOPLE JUST<br><span style="color:var(--green)">LIKE YOU.</span></h2>
<p class="section-sub" style="margin:0 auto;">Every result verified. Every person real. Every review independently confirmed.</p>
<div class="testimonials-grid fade-up">
<div class="testi-card">
<div class="testi-header">
<div class="testi-avatar">🇳🇬</div>
<div>
<div class="testi-name">Aisha Kolade</div>
<div class="testi-location">📍 Lagos, Nigeria</div>
<div class="testi-verified">✅ Verified Member · 4 months</div>
</div>
</div>
<div class="testi-stars">★★★★★</div>
<div class="testi-text">"I was skeptical because I've tried everything. CashPulse™ was different from day one. The dashboard is clean, the support is fast, and my first payout hit day 6. I've now replaced my full salary."</div>
<div class="testi-result">💰 Earned: $4,920 in 60 days</div>
<div class="testi-proof">
<span class="proof-badge green">✅ Identity Verified</span>
<span class="proof-badge gold">💳 Payout Confirmed</span>
</div>
</div>
<div class="testi-card">
<div class="testi-header">
<div class="testi-avatar">🇮🇹</div>
<div>
<div class="testi-name">Marco Tessaro</div>
<div class="testi-location">📍 Milan, Italy</div>
<div class="testi-verified">✅ Verified Member · 6 months</div>
</div>
</div>
<div class="testi-stars">★★★★★</div>
<div class="testi-text">"I upgraded to Lifetime after my first week. The ROI was obvious. Now I'm running the automation tools and barely lifting a finger. €5,000+ last month. This is the real deal."</div>
<div class="testi-result">💰 Earned: €6,240 in April</div>
<div class="testi-proof">
<span class="proof-badge green">✅ Identity Verified</span>
<span class="proof-badge gold">💳 Stripe Confirmed</span>
</div>
</div>
<div class="testi-card">
<div class="testi-header">
<div class="testi-avatar">🇮🇳</div>
<div>
<div class="testi-name">Priya Mehta</div>
<div class="testi-location">📍 Mumbai, India</div>
<div class="testi-verified">✅ Verified Member · 3 months</div>
</div>
</div>
<div class="testi-stars">★★★★★</div>
<div class="testi-text">"Started on the free trial, earned ₹14,000 in 3 days, upgraded immediately. The step-by-step system is so easy. No experience needed — they walk you through everything."</div>
<div class="testi-result">💰 Earned: $3,188 in 30 days</div>
<div class="testi-proof">
<span class="proof-badge green">✅ Identity Verified</span>
<span class="proof-badge gold">💳 PayPal Confirmed</span>
</div>
</div>
<div class="testi-card">
<div class="testi-header">
<div class="testi-avatar">🇺🇸</div>
<div>
<div class="testi-name">Jake Ramos</div>
<div class="testi-location">📍 Austin, TX, USA</div>
<div class="testi-verified">✅ Verified Member · 5 months</div>
</div>
</div>
<div class="testi-stars">★★★★★</div>
<div class="testi-text">"I hit $1,924 in a single day using the Pulse Pro path. I almost didn't believe it. Showed my wife and we both freaked out. Now we run it together. Best purchase we've ever made."</div>
<div class="testi-result">💰 Single day: $1,924</div>
<div class="testi-proof">
<span class="proof-badge green">✅ Identity Verified</span>
<span class="proof-badge gold">💳 Bank Confirmed</span>
</div>
</div>
<div class="testi-card">
<div class="testi-header">
<div class="testi-avatar">🇧🇷</div>
<div>
<div class="testi-name">Rafael Braga</div>
<div class="testi-location">📍 São Paulo, Brazil</div>
<div class="testi-verified">✅ Verified Member · 7 months</div>
</div>
</div>
<div class="testi-stars">★★★★★</div>
<div class="testi-text">"R$20,000 a month from my phone. My friends think I'm lying. CashPulse™ changed my entire life. The automation is insane — money comes in while I sleep. No joke."</div>
<div class="testi-result">💰 Earned: $3,760 in May</div>
<div class="testi-proof">
<span class="proof-badge green">✅ Identity Verified</span>
<span class="proof-badge gold">💳 Crypto Confirmed</span>
</div>
</div>
<div class="testi-card">
<div class="testi-header">
<div class="testi-avatar">🇩🇪</div>
<div>
<div class="testi-name">Lena Gruber</div>
<div class="testi-location">📍 Berlin, Germany</div>
<div class="testi-verified">✅ Verified Member · 2 months</div>
</div>
</div>
<div class="testi-stars">★★★★★</div>
<div class="testi-text">"I tried it on the free trial as a student with zero budget. €2,100 in my first month. Upgraded to monthly and planning to go Lifetime next week. Absolutely insane results."</div>
<div class="testi-result">💰 Earned: €2,340 in first 30 days</div>
<div class="testi-proof">
<span class="proof-badge green">✅ Identity Verified</span>
<span class="proof-badge gold">💳 PayPal Confirmed</span>
</div>
</div>
</div>
</section>
<!-- PRICING -->
<section id="pricing" style="text-align:center;background:var(--gray);">
<div class="section-tag">CHOOSE YOUR PLAN</div>
<h2 class="section-title">PICK YOUR ENTRY.<br><span style="color:var(--green)">START EARNING.</span></h2>
<p class="section-sub" style="margin:0 auto 0;">All plans include a 3-day free trial. 30-day refund guarantee. Cancel anytime.</p>
<div class="pricing-grid fade-up">
<!-- MONTHLY -->
<div class="price-card">
<div class="price-plan">Monthly Starter</div>
<div class="price-name">CashPulse Basic</div>
<div class="price-amount"><sup>$</sup>47</div>
<div class="price-period">per month</div>
<div class="price-orig">Regular: $97/mo</div>
<ul class="price-features">
<li>3 Income streams unlocked</li>
<li>AI income path matcher</li>
<li>Basic automation tools</li>
<li>Community access (10K+ members)</li>
<li>Weekly live coaching calls</li>
<li>Email & chat support</li>
<li>3-Day FREE trial included</li>
<li>30-day money-back guarantee</li>
</ul>
<a href="#" class="btn-primary" style="width:100%;text-align:center;display:block;font-size:15px;padding:16px;">Start 3-Day Free Trial</a>
<p class="price-note">Cancel anytime. No commitment. Risk-free.</p>
</div>
<!-- LIFETIME -->
<div class="price-card featured">
<div class="price-badge">🔥 BEST VALUE – LIFETIME ACCESS</div>
<div class="price-plan">One-Time Payment</div>
<div class="price-name">CashPulse™ LIFETIME</div>
<div class="price-amount"><sup>$</sup>297</div>
<div class="price-period">one-time, forever</div>
<div class="price-orig">Value: $2,340+ per year</div>
<ul class="price-features">
<li>ALL 5 income streams — forever</li>
<li>Advanced AI automation suite</li>
<li>Pulse Pro scaling system</li>
<li>VIP mastermind community</li>
<li>Daily live coaching + replays</li>
<li>Priority 1-on-1 support</li>
<li>All future updates — FREE</li>
<li>Lifetime partner commissions</li>
<li>30-day money-back guarantee</li>
</ul>
<a href="#" class="btn-primary" style="width:100%;text-align:center;display:block;font-size:15px;padding:16px;font-size:16px;">🚀 Get Lifetime Access – $297</a>
<p class="price-note" style="color:var(--green);font-weight:700;">⚡ Most popular · 89% of members choose this</p>
</div>
</div>
<p style="color:rgba(255,255,255,0.3);font-size:13px;margin-top:30px;">🔒 All payments secured by Stripe. No hidden fees. Instant access upon payment.</p>
</section>
<!-- UPSELL BANNER -->
<div style="padding:20px;">
<div class="upsell-banner fade-up">
<div class="upsell-icon">⚡</div>
<div class="upsell-content">
<div class="upsell-tag">🔥 Limited Upgrade — Don't Skip This</div>
<div class="upsell-title">ADD PULSE PRO™<br>AND 10X YOUR RESULTS</div>
<div class="upsell-desc">Members who add the Pulse Pro™ stack earn an average of <strong style="color:var(--gold)">$4,200 more per month</strong>. Includes advanced automation bots, 1-on-1 onboarding, and our proprietary traffic system — usually $997, yours today for just <strong style="color:var(--orange)">$197 add-on.</strong></div>
</div>
<a href="#" class="btn-upsell">Add Pulse Pro™ → $197</a>
</div>
</div>
<!-- EXIT / STAY BANNER -->
<div style="padding:0 20px 20px;">
<div class="exit-bar fade-up">
<div class="icon">⏰</div>
<div class="exit-content">
<h3>WAIT — DON'T LEAVE EMPTY-HANDED</h3>
<p>Start your <strong style="color:var(--white)">3-day FREE trial</strong> right now. If you don't earn anything or love it — we'll refund every penny. You risk absolutely nothing. The only risk is leaving and wondering "what if."</p>
</div>
<a href="#pricing" class="btn-primary" style="white-space:nowrap;font-size:14px;padding:14px 24px;">Claim Free Trial →</a>
</div>
</div>
<!-- FAQ -->
<section style="text-align:center;">
<div class="section-tag">GOT QUESTIONS</div>
<h2 class="section-title">WE'VE GOT<br>ANSWERS.</h2>
<div class="faq-list">
<div class="faq-item">
<div class="faq-q">Do I need experience to use CashPulse™? <span class="arrow">+</span></div>
<div class="faq-a">Zero experience needed. CashPulse™ is built for complete beginners. Our AI guides you step by step and most members see results in their first week.</div>
</div>
<div class="faq-item">
<div class="faq-q">How does the 3-day free trial work? <span class="arrow">+</span></div>
<div class="faq-a">Sign up, get full access, and use the system for 3 days completely free. If you don't want to continue, just cancel before day 3 — you won't be charged anything.</div>
</div>
<div class="faq-item">
<div class="faq-q">What if it doesn't work for me? <span class="arrow">+</span></div>
<div class="faq-a">We offer a full 30-day money-back guarantee. If you put in the work and don't see results, contact support and we'll refund you — no questions, no drama.</div>
</div>
<div class="faq-item">
<div class="faq-q">What's the difference between monthly and lifetime? <span class="arrow">+</span></div>
<div class="faq-a">Monthly gives you access to 3 income streams at $47/month. Lifetime gives you everything — all 5 streams, Pulse Pro tools, VIP community, and all future updates — for one payment of $297. Most members pay back their lifetime fee in the first 2–3 weeks.</div>
</div>
<div class="faq-item">
<div class="faq-q">Is this Shopify compatible? <span class="arrow">+</span></div>
<div class="faq-a">Yes — CashPulse™ integrates seamlessly with Shopify, WooCommerce, and all major platforms. Your store, your rules, our system powering it all.</div>
</div>
<div class="faq-item">
<div class="faq-q">How fast can I expect to earn? <span class="arrow">+</span></div>
<div class="faq-a">78% of members see their first earnings within 7 days. Results vary based on effort and the income path you choose, but our system is designed to move fast.</div>
</div>
</div>
</section>
<!-- FINAL CTA -->
<section style="text-align:center;background:var(--gray);border-top:1px solid var(--border);">
<div style="max-width:700px;margin:0 auto;">
<div style="font-size:64px;margin-bottom:20px;">🚀</div>
<div class="section-tag">THE TIME IS NOW</div>
<h2 class="section-title">YOUR INCOME<br><span style="background:linear-gradient(90deg,var(--green),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;">STARTS TODAY.</span></h2>
<p class="section-sub" style="margin:0 auto 36px;">Join 31,409 members already earning with CashPulse™. Start free. Scale fast. Live differently.</p>
<a href="#pricing" class="btn-primary" style="font-size:20px;padding:22px 56px;">🎯 Start My Free Trial Now</a>
<p class="hero-guarantee" style="margin-top:16px;">✅ 3-Day Free Trial | 🔒 30-Day Guarantee | ⚡ Instant Access</p>
</div>
</section>
<!-- FOOTER -->
<footer>
<div class="footer-logo">CashPulse™</div>
<div class="footer-tagline">The Modern Income Engine · Est. 2024 · 78+ Countries</div>
<div class="footer-links">
<a href="#">Home</a>
<a href="#">Privacy Policy</a>
<a href="#">Terms of Service</a>
<a href="#">Refund Policy</a>
<a href="#">Earnings Disclaimer</a>
<a href="#">Contact</a>
<a href="#">Affiliates</a>
</div>
<p class="footer-disclaimer">
CashPulse™ is an educational income platform. Individual results vary and are not guaranteed. The income figures shown are real member results but not typical. Your results will depend on your effort, experience, and market conditions. This is not a get-rich-quick scheme. CashPulse™ is not affiliated with Shopify, PayPal, or Stripe beyond standard integrations. All trademarks belong to their respective owners. © 2025 CashPulse™. All rights reserved.
</p>
</footer>
<!-- STICKY CTA -->
<div class="sticky-cta">
<div class="sticky-text">⚡ Limited time: Lifetime access for <span>$297</span> — 89% off regular pricing</div>
<div style="display:flex;gap:10px;flex-wrap:wrap;justify-content:center;">
<a href="#pricing" class="btn-primary" style="font-size:13px;padding:11px 24px;">Get Lifetime – $297</a>
<a href="#pricing" style="font-size:12px;color:rgba(255,255,255,0.4);text-decoration:none;align-self:center;">or try free →</a>
</div>
</div>
<script>
// SLIDESHOW
const slides = document.getElementById('slides');
const nav = document.getElementById('slideNav');
let current = 0;
const count = slides.children.length;
for(let i=0; i<count; i++){
const d = document.createElement('button');
d.className = 'slide-dot' + (i===0?' active':'');
d.onclick = ()=>goTo(i);
nav.appendChild(d);
}
function goTo(n){
current = n;
slides.style.transform = `translateX(-${n*100}%)`;
document.querySelectorAll('.slide-dot').forEach((d,i)=>d.classList.toggle('active',i===n));
}
setInterval(()=>goTo((current+1)%count), 4000);
// FAQ
document.querySelectorAll('.faq-item').forEach(item=>{
item.querySelector('.faq-q').addEventListener('click',()=>{
item.classList.toggle('open');
});
});
// FADE UP on scroll
const obs = new IntersectionObserver((entries)=>{
entries.forEach(e=>{ if(e.isIntersecting) e.target.classList.add('visible'); });
},{threshold:0.1});
document.querySelectorAll('.fade-up').forEach(el=>obs.observe(el));
// LIVE COUNTER animation
function animCount(el, target, prefix='', suffix=''){
let start = 0;
const duration = 2000;
const step = t => {
const progress = Math.min(t/duration, 1);
const val = Math.floor(progress * target);
el.textContent = prefix + val.toLocaleString() + suffix;
if(progress < 1) requestAnimationFrame(t2 => step(t2 - startTime));
};
let startTime;
requestAnimationFrame(t => { startTime = t; step(0); });
}
// Simple counter increment for live feel
setInterval(()=>{
const el = document.getElementById('c2');
const cur = parseInt(el.textContent.replace(/,/g,''));
el.textContent = (cur + Math.floor(Math.random()*3)).toLocaleString();
}, 8000);
</script>
</body>
</html>