Kangaroo \u2014 Section 02-hero<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:var(--soft)}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.9rem;color:#4a6572}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:var(--soft)}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:var(--soft)}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n<\/head>\n<body>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:var(--soft)}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.9rem;color:#4a6572}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:var(--soft)}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:var(--soft)}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n\n<section class=\"hero\">\n <div class=\"hero-inner\">\n <div class=\"hero-text\">\n <div class=\"hero-badge\">\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M5 1l1.2 2.6 2.8.4-2 2 .5 2.8L5 7.5l-2.5 1.3.5-2.8-2-2 2.8-.4L5 1z\" fill=\"#2EAFD3\"\/><\/svg>\n Loyalty \u00b7 Rewards \u00b7 Marketing \u00b7 Engagement\n <\/div>\n <h1>The Loyalty & Rewards Platform That Grows Revenue, Retains Customers<br>& Automates Marketing \u2014 <em>Online, In‑Store, or Both.<\/em><\/h1>\n <p class=\"hero-sub\">Kangaroo is more than loyalty. It's a complete customer growth engine: rewards, automated marketing, referrals, gamification, and AI-powered campaigns \u2014 all in one platform that works wherever your customers are.<\/p>\n <div class=\"hero-cta-row\">\n <a href=\"https:\/\/loyalty.kangaroorewards.com\/booking-form\/\" class=\"btn-main\">Book a Free Demo \u2192<\/a>\n <a href=\"#how-it-works\" class=\"btn-ghost\">See How It Works<\/a>\n <\/div>\n <\/div>\n\n <div class=\"hero-visual\">\n\n \n <div class=\"hero-stat-card\">\n <div class=\"hero-stat-label\">Average revenue lift<\/div>\n <div class=\"hero-stat-num\"><span>+74<\/span>%<\/div>\n <div class=\"hero-stat-sub\">Merchants see this within 6 months of launching their loyalty program<\/div>\n <div class=\"hero-avatars\">\n <div class=\"hero-av\" style=\"background:linear-gradient(135deg,#2EAFD3,#1a8aaa)\">J<\/div>\n <div class=\"hero-av\" style=\"background:linear-gradient(135deg,#16a34a,#15803d)\">M<\/div>\n <div class=\"hero-av\" style=\"background:linear-gradient(135deg,#f59e0b,#d97706)\">K<\/div>\n <div class=\"hero-av\" style=\"background:linear-gradient(135deg,#8b5cf6,#7c3aed)\">R<\/div>\n <div class=\"hero-av\" style=\"background:rgba(255,255,255,0.1);font-size:0.6rem;color:rgba(255,255,255,0.6)\">+2k<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hero-mini-grid\">\n <div class=\"hero-mini-card\">\n <div class=\"hero-mini-label\">Member Retention<\/div>\n <div class=\"hero-mini-num\"><span>82<\/span>%<\/div>\n <div class=\"hero-mini-sub\">customers who join, stay<\/div>\n <div class=\"hero-mini-bar\"><div class=\"hero-mini-bar-fill\" style=\"width:82%\"><\/div><\/div>\n <\/div>\n <div class=\"hero-mini-card\">\n <div class=\"hero-mini-label\">Repeat Visits \/ Year<\/div>\n <div class=\"hero-mini-num\"><span>3\u00d7<\/span><\/div>\n <div class=\"hero-mini-sub\">vs. non-loyalty customers<\/div>\n <div class=\"hero-mini-bars\">\n <div style=\"height:14px;opacity:0.2\"><\/div><div style=\"height:20px;opacity:0.3\"><\/div>\n <div style=\"height:16px;opacity:0.2\"><\/div><div style=\"height:28px\"><\/div>\n <div style=\"height:36px;opacity:0.9\"><\/div><div style=\"height:44px\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hero-feed\">\n <div class=\"feed-header\">\n <div class=\"feed-dot\"><\/div>\n <div class=\"feed-title\">Live customer activity<\/div>\n <\/div>\n <div class=\"feed-list\" id=\"feed-list\"><\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <svg style=\"display:block;margin-top:60px\" viewBox=\"0 0 1440 48\" preserveAspectRatio=\"none\" height=\"48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M0,48 L0,20 Q360,0 720,24 Q1080,48 1440,20 L1440,48 Z\" fill=\"#ffffff\"\/>\n <\/svg>\n<\/section>\n<script>\n\/\/ Scroll reveal\nconst obs = new IntersectionObserver(e => {\n e.forEach(x => { if(x.isIntersecting){ x.target.classList.add('vis'); obs.unobserve(x.target); } });\n}, {threshold:0.1});\ndocument.querySelectorAll('.reveal').forEach(el => obs.observe(el));\n\n\/\/ Activity feed\nconst EVENTS = [\n {i:'S',bg:'linear-gradient(135deg,#2EAFD3,#1a8aaa)',main:'Sarah just earned <span class=\"hi\">250 points<\/span>',sub:'2nd purchase this week \u00b7 Gold tier',t:'just now'},\n {i:'M',bg:'linear-gradient(135deg,#16a34a,#15803d)',main:'Mike referred a friend <span class=\"hi-g\">+$15 reward<\/span>',sub:'Referral converted successfully',t:'2m ago'},\n {i:'A',bg:'linear-gradient(135deg,#f59e0b,#d97706)',main:'Anna redeemed <span class=\"hi\">500pts<\/span> for $10 off',sub:'Birthday reward triggered automatically',t:'5m ago'},\n {i:'R',bg:'linear-gradient(135deg,#8b5cf6,#7c3aed)',main:'Ryan upgraded to <span class=\"hi-a\">Platinum tier<\/span> \u2605',sub:'Crossed $500 spend threshold',t:'8m ago'},\n {i:'J',bg:'linear-gradient(135deg,#dc2626,#b91c1c)',main:'Email campaign revenue <span class=\"hi-g\">+$71,393<\/span>',sub:'4,280 recipients \u00b7 34% open rate',t:'12m ago'},\n {i:'L',bg:'linear-gradient(135deg,#0ea5e9,#0284c7)',main:'Lisa referred <span class=\"hi\">3 friends<\/span> this week',sub:'All 3 converted \u00b7 +$45 in rewards',t:'16m ago'},\n {i:'D',bg:'linear-gradient(135deg,#10b981,#059669)',main:'Win-Back re-engaged <span class=\"hi\">42 customers<\/span>',sub:'30-day inactive \u00b7 18 purchases recovered',t:'20m ago'},\n {i:'N',bg:'linear-gradient(135deg,#f97316,#ea580c)',main:'Noah reached <span class=\"hi-a\">VIP status<\/span> \u2014 top 5%',sub:'Highest spending segment \u00b7 perks unlocked',t:'24m ago'},\n {i:'C',bg:'linear-gradient(135deg,#2EAFD3,#1e8fb0)',main:\"Clara's birthday reward <span class='hi-g'>redeemed<\/span>\",sub:'Drove in-store visit + $68 order',t:'28m ago'},\n {i:'T',bg:'linear-gradient(135deg,#8b5cf6,#6d28d9)',main:'Tom referred your brand on <span class=\"hi\">Instagram<\/span>',sub:'New sign-up within 2 hours of referral',t:'32m ago'},\n];\n\nconst list = document.getElementById('feed-list');\nlet pos = 0;\nconst SHOW = 3;\n\n\/* CSS for the scroll-up conveyor *\/\nconst feedStyle = document.createElement('style');\nfeedStyle.textContent = `\n .feed-list { overflow: hidden; }\n .feed-row { transition: none; }\n .feed-row.slide-out {\n animation: feedSlideUp .32s ease forwards;\n }\n .feed-row.slide-in {\n animation: feedSlideIn .32s ease both;\n }\n @keyframes feedSlideUp {\n from { opacity:1; transform:translateY(0); max-height:60px; }\n to { opacity:0; transform:translateY(-24px); max-height:0; padding:0; }\n }\n @keyframes feedSlideIn {\n from { opacity:0; transform:translateY(20px); }\n to { opacity:1; transform:translateY(0); }\n }\n`;\ndocument.head.appendChild(feedStyle);\n\nfunction makeRow(ev) {\n const d = document.createElement('div');\n d.className = 'feed-row';\n d.innerHTML = '<div class=\"feed-av\" style=\"background:' + ev.bg + '\">' + ev.i + '<\/div>'\n + '<div class=\"feed-body\"><div class=\"feed-main\">' + ev.main + '<\/div>'\n + '<div class=\"feed-sub\">' + ev.sub + '<\/div><\/div>'\n + '<div class=\"feed-time\">' + ev.t + '<\/div>';\n return d;\n}\n\n\/\/ Seed initial 3 rows\nfunction render() {\n if (!list) return;\n list.innerHTML = '';\n for (let i = 0; i < SHOW; i++) {\n list.appendChild(makeRow(EVENTS[(pos + i) % EVENTS.length]));\n }\n}\n\nfunction tick() {\n if (!list) return;\n \/\/ Animate top row out\n const first = list.querySelector('.feed-row');\n if (!first) return;\n first.classList.add('slide-out');\n \/\/ After it's gone, append new row at bottom\n setTimeout(() => {\n first.remove();\n pos = (pos + 1) % EVENTS.length;\n const newEv = EVENTS[(pos + SHOW - 1) % EVENTS.length];\n const newRow = makeRow(newEv);\n newRow.classList.add('slide-in');\n list.appendChild(newRow);\n }, 330);\n}\n\nrender();\nsetInterval(tick, 2800);\n\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0988e5c e-flex e-con-boxed animejs-disable e-con e-parent\" data-id=\"0988e5c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d848ebf animejs-disable elementor-widget elementor-widget-html\" data-id=\"d848ebf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kangaroo \u2014 Section 03-logos<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:var(--soft)}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.9rem;color:#4a6572}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:var(--soft)}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:var(--soft)}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n<\/head>\n<body>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:var(--soft)}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.9rem;color:#4a6572}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:var(--soft)}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:var(--soft)}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n\n<div class=\"logos-strip\">\n <div class=\"logos-label\">Trusted by businesses on leading platforms<\/div>\n <div class=\"logos-wrap\">\n <div class=\"logos-track\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/1.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6;transition:opacity .2s\" onmouseover=\"this.style.opacity=1;this.style.filter='none'\" onmouseout=\"this.style.opacity=0.6;this.style.filter='grayscale(1)'\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/2.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6;transition:opacity .2s\" onmouseover=\"this.style.opacity=1;this.style.filter='none'\" onmouseout=\"this.style.opacity=0.6;this.style.filter='grayscale(1)'\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/3.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6;transition:opacity .2s\" onmouseover=\"this.style.opacity=1;this.style.filter='none'\" onmouseout=\"this.style.opacity=0.6;this.style.filter='grayscale(1)'\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/4.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6;transition:opacity .2s\" onmouseover=\"this.style.opacity=1;this.style.filter='none'\" onmouseout=\"this.style.opacity=0.6;this.style.filter='grayscale(1)'\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/5.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6;transition:opacity .2s\" onmouseover=\"this.style.opacity=1;this.style.filter='none'\" onmouseout=\"this.style.opacity=0.6;this.style.filter='grayscale(1)'\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/6.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6;transition:opacity .2s\" onmouseover=\"this.style.opacity=1;this.style.filter='none'\" onmouseout=\"this.style.opacity=0.6;this.style.filter='grayscale(1)'\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/7.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6;transition:opacity .2s\" onmouseover=\"this.style.opacity=1;this.style.filter='none'\" onmouseout=\"this.style.opacity=0.6;this.style.filter='grayscale(1)'\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/8.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6;transition:opacity .2s\" onmouseover=\"this.style.opacity=1;this.style.filter='none'\" onmouseout=\"this.style.opacity=0.6;this.style.filter='grayscale(1)'\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/9.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6;transition:opacity .2s\" onmouseover=\"this.style.opacity=1;this.style.filter='none'\" onmouseout=\"this.style.opacity=0.6;this.style.filter='grayscale(1)'\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/10.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6;transition:opacity .2s\" onmouseover=\"this.style.opacity=1;this.style.filter='none'\" onmouseout=\"this.style.opacity=0.6;this.style.filter='grayscale(1)'\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/1.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/2.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/3.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/4.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/5.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/6.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/7.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/8.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/9.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/10.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6\">\n <\/div>\n <\/div>\n<\/div>\n<script>document.addEventListener(\"DOMContentLoaded\",function(){document.querySelectorAll(\".reveal\").forEach(function(e){e.classList.add(\"vis\");});});<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef813df e-flex e-con-boxed animejs-disable e-con e-parent\" data-id=\"ef813df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a196c86 animejs-disable elementor-widget elementor-widget-html\" data-id=\"a196c86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kangaroo \u2014 Section 04-stats<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:var(--soft)}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.9rem;color:#4a6572}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:var(--soft)}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:var(--soft)}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n<\/head>\n<body>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:var(--soft)}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.9rem;color:#4a6572}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:var(--soft)}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:var(--soft)}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n\n<section class=\"stats-sec\">\n <div class=\"stats-inner\">\n <div class=\"stats-label reveal\">The numbers don't lie<\/div>\n <h2 class=\"stats-heading reveal\">What Businesses See When<br>Loyalty Actually Works<\/h2>\n <div class=\"stats-grid\">\n <div class=\"stat-card reveal\"><div class=\"stat-num\">74%<\/div><div class=\"stat-text\">Average increase in spend per visit \u2014 loyalty members buy more, every single time they come back<\/div><\/div>\n <div class=\"stat-card reveal\"><div class=\"stat-num\">82%<\/div><div class=\"stat-text\">Member retention rate \u2014 customers who join a Kangaroo program don't just stay, they become advocates<\/div><\/div>\n <div class=\"stat-card reveal\"><div class=\"stat-num\">3\u00d7<\/div><div class=\"stat-text\">More visits per year compared to non-loyalty customers \u2014 your best customers keep coming back<\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n<script>document.addEventListener(\"DOMContentLoaded\",function(){document.querySelectorAll(\".reveal\").forEach(function(e){e.classList.add(\"vis\");});});<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d511408 e-flex e-con-boxed animejs-disable e-con e-parent\" data-id=\"d511408\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de060be animejs-disable elementor-widget elementor-widget-html\" data-id=\"de060be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kangaroo \u2014 Section 05-acquisition<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:var(--soft)}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.9rem;color:#4a6572}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:var(--soft)}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:var(--soft)}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n<\/head>\n<body>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:var(--soft)}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.9rem;color:#4a6572}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:var(--soft)}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:var(--soft)}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n\n<section class=\"dual-sec\">\n <div class=\"dual-inner\">\n <div class=\"dual-text\">\n <span class=\"dual-tag reveal\">Customer Acquisition<\/span>\n <h2 class=\"dual-h reveal\">Turn Your Best Customers Into Your Best Sales Channel<\/h2>\n <p class=\"dual-p reveal\">Stop paying for ads to reach strangers. With Kangaroo's built-in referral programs, your loyal customers become your most powerful growth engine \u2014 bringing in high-intent buyers who already trust your brand.<\/p>\n <ul class=\"check-list reveal\">\n <li><span class=\"check-ok\">\u2713<\/span> Automated referral rewards that scale without manual work<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> Spin-to-win, contests & giveaways that attract new sign-ups<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> VIP tiers that incentivize customers to spend more<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> Lower CAC while increasing conversion rates from day one<\/li>\n <\/ul>\n <a href=\"https:\/\/loyalty.kangaroorewards.com\/booking-form\/\" class=\"btn-main reveal\" style=\"display:inline-block\">See How Referrals Work \u2192<\/a>\n <\/div>\n <div class=\"dual-visual reveal\">\n <div style=\"border-radius:20px;overflow:hidden;box-shadow:0 24px 64px rgba(46,175,211,0.15);border:1.5px solid var(--border)\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/02\/1-3.png\" alt=\"Kangaroo Referral Program\" style=\"width:100%;height:auto;display:block\">\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<script>document.addEventListener(\"DOMContentLoaded\",function(){document.querySelectorAll(\".reveal\").forEach(function(e){e.classList.add(\"vis\");});});<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-703074e e-flex e-con-boxed animejs-disable e-con e-parent\" data-id=\"703074e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7761528 animejs-disable elementor-widget elementor-widget-html\" data-id=\"7761528\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kangaroo \u2014 06-retention<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:#fff}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:#4a6572;line-height:1.7}.check-list li strong{color:var(--navy)}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:#fff}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:#fff}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n<\/head>\n<body>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:#fff}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:#4a6572;line-height:1.7}.check-list li strong{color:var(--navy)}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:#fff}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:#fff}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n\n<section class=\"dual-sec alt\" style=\"background:#ffffff !important;\">\n <div class=\"dual-inner rev\">\n <div class=\"dual-text\">\n <span class=\"dual-tag reveal\">Customer Retention<\/span>\n <h2 class=\"dual-h reveal\">Stop Losing Customers to Competitors Who Reward Them Better<\/h2>\n <p class=\"dual-p reveal\">The most expensive thing in your business is a customer who came once and never returned. Kangaroo makes loyalty feel effortless for customers \u2014 and profitable for you.<\/p>\n <ul class=\"check-list reveal\">\n <li><span class=\"check-ok\">\u2713<\/span> Points and rewards for every purchase, visit, and action<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> Automated win-back campaigns for lapsed customers<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> Birthday, anniversary & milestone rewards that feel personal<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> 82% retention rate \u2014 customers who join, stay<\/li>\n <\/ul>\n <a href=\"https:\/\/loyalty.kangaroorewards.com\/booking-form\/\" class=\"btn-main reveal\" style=\"display:inline-block\">Boost Your Retention \u2192<\/a>\n <\/div>\n <div class=\"dual-visual reveal\">\n\n <div class=\"ret-compare\">\n <div class=\"ret-box-bad\">\n <div class=\"ret-tag bad\">Without Kangaroo<\/div>\n <div class=\"ret-big bad\">34%<\/div>\n <div class=\"ret-label bad\">avg. retention<\/div>\n <div class=\"ret-bar-bg ret-bar-bad\"><div class=\"ret-bar-fill\" style=\"width:34%;background:linear-gradient(90deg,#ef4444,#f87171)\"><\/div><\/div>\n <\/div>\n <div class=\"ret-box-good\">\n <div class=\"ret-tag good\">With Kangaroo<\/div>\n <div class=\"ret-big good\">82%<\/div>\n <div class=\"ret-label good\">avg. retention<\/div>\n <div class=\"ret-bar-bg ret-bar-good\"><div class=\"ret-bar-fill\" style=\"width:82%;background:linear-gradient(90deg,#22c55e,#4ade80)\"><\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"ret-stat-card\">\n <div class=\"ret-stat-label\">What the difference drives<\/div>\n <div class=\"ret-stat-grid\">\n <div class=\"ret-stat-item\"><div class=\"ret-stat-num\">3\u00d7<\/div><div class=\"ret-stat-sub\">more visits per year<\/div><\/div>\n <div class=\"ret-stat-item mid\"><div class=\"ret-stat-num\">74%<\/div><div class=\"ret-stat-sub\">higher avg spend<\/div><\/div>\n <div class=\"ret-stat-item\"><div class=\"ret-stat-num\">+56%<\/div><div class=\"ret-stat-sub\">lifetime value<\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"ret-flows\">\n <div class=\"ret-flows-label\">Retention runs automatically<\/div>\n <div class=\"ret-flow-row\">\n <div class=\"ret-flow-ico\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M7 1.5C4 1.5 1.5 4 1.5 7S4 12.5 7 12.5 12.5 10 12.5 7\" stroke=\"#2EAFD3\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/><path d=\"M7 4v3.5l2 1.5\" stroke=\"#2EAFD3\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M10.5 1.5v2.5H13\" stroke=\"#2EAFD3\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <div class=\"ret-flow-body\"><div class=\"ret-flow-title\">Win-Back at 30 \/ 60 \/ 90 Days<\/div><div class=\"ret-flow-sub\">Re-engages before they go to your competitor<\/div><\/div>\n <span class=\"ret-flow-badge badge-green\">Running<\/span>\n <\/div>\n <div class=\"ret-flow-row\">\n <div class=\"ret-flow-ico\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><rect x=\"1.5\" y=\"3\" width=\"11\" height=\"9\" rx=\"1.5\" stroke=\"#2EAFD3\" stroke-width=\"1.4\"\/><path d=\"M5 1.5V3M9 1.5V3\" stroke=\"#2EAFD3\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/><path d=\"M1.5 6h11\" stroke=\"#2EAFD3\" stroke-width=\"1.4\"\/><\/svg>\n <\/div>\n <div class=\"ret-flow-body\"><div class=\"ret-flow-title\">Birthday & Anniversary Rewards<\/div><div class=\"ret-flow-sub\">Personal moments that guarantee a return visit<\/div><\/div>\n <span class=\"ret-flow-badge badge-blue\">Active<\/span>\n <\/div>\n <div class=\"ret-flow-row\">\n <div class=\"ret-flow-ico\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M7 2L8.5 5.5H12L9.2 7.8l1 3.5L7 9.2l-3.2 2.1 1-3.5L2 5.5h3.5L7 2z\" stroke=\"#2EAFD3\" stroke-width=\"1.3\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <div class=\"ret-flow-body\"><div class=\"ret-flow-title\">Points Expiry Nudges<\/div><div class=\"ret-flow-sub\">Creates urgency to return before points expire<\/div><\/div>\n <span class=\"ret-flow-badge badge-green\">Running<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n<script>document.addEventListener(\"DOMContentLoaded\",function(){document.querySelectorAll(\".reveal\").forEach(function(e){e.classList.add(\"vis\");});});<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f40b02d e-flex e-con-boxed animejs-disable e-con e-parent\" data-id=\"f40b02d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c904bf animejs-disable elementor-widget elementor-widget-html\" data-id=\"2c904bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kangaroo \u2014 Marketing Automation<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:#fff}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:#4a6572;line-height:1.7}.check-list li strong{color:var(--navy)}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:#fff}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:#fff}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n<\/head>\n<body>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:#fff}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:#4a6572;line-height:1.7}.check-list li strong{color:var(--navy)}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:#fff}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:#fff}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n\n<section class=\"dual-sec\" style=\"background:#ffffff !important;\">\n <div class=\"dual-inner\">\n <div class=\"dual-text\">\n <span class=\"dual-tag reveal\">Marketing Automation<\/span>\n <h2 class=\"dual-h reveal\">Email, SMS & Push \u2014 All Built In. No Other Tool Required.<\/h2>\n <p class=\"dual-p reveal\">Every other loyalty platform sends you to a third-party for marketing. Kangaroo has email, SMS, and push notifications built natively \u2014 so your campaigns, rewards, and automations all live in one place.<\/p>\n <ul class=\"check-list reveal\">\n <li><span class=\"check-ok\">\u2713<\/span> 18 prebuilt workflows \u2014 abandoned cart, win-back, tier upgrades & more<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> Behaviour-triggered campaigns that fire from real loyalty events<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> Geofencing \u2014 push offers when customers are near your store<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> AI-powered campaigns that optimise targeting automatically<\/li>\n <\/ul>\n <a href=\"https:\/\/loyalty.kangaroorewards.com\/booking-form\/\" class=\"btn-main reveal\" style=\"display:inline-block\">See Marketing in Action \u2192<\/a>\n <\/div>\n <div class=\"dual-visual reveal\">\n <style>\n \/* \u2500\u2500 OMNICHANNEL SCENE v3 \u2500\u2500 *\/\n .oc-scene {\n position: relative;\n width: 100%;\n min-height: 580px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n \/* Central email card *\/\n .oc-email {\n position: relative;\n z-index: 10;\n width: 210px;\n background: #fff;\n border: 1.5px solid var(--border);\n border-radius: 18px;\n overflow: hidden;\n box-shadow: 0 20px 60px rgba(46,175,211,0.18), 0 4px 16px rgba(0,0,0,0.08);\n animation: ocPop 0.6s 0.1s cubic-bezier(.34,1.56,.64,1) both;\n margin-top: 20px;\n }\n @keyframes ocPop {\n from { opacity:0; transform: scale(0.75) translateY(20px); }\n to { opacity:1; transform: scale(1) translateY(0); }\n }\n\n \/* Floating cards *\/\n .oc-card {\n position: absolute;\n border-radius: 16px;\n padding: 13px 14px;\n box-shadow: 0 12px 36px rgba(0,0,0,0.12);\n animation: ocFloat 4s ease-in-out infinite;\n z-index: 15;\n }\n @keyframes ocFloat {\n 0%,100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n }\n\n \/* Node labels *\/\n .oc-node {\n position: absolute;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n z-index: 12;\n animation: ocPop 0.5s cubic-bezier(.34,1.56,.64,1) both;\n }\n .oc-node-icon {\n width: 56px; height: 56px;\n border-radius: 16px;\n display: flex; align-items: center; justify-content: center;\n box-shadow: 0 8px 24px rgba(0,0,0,0.18);\n }\n .oc-node-label {\n font-family: 'Sora', sans-serif;\n font-size: 0.64rem; font-weight: 700; color: var(--navy);\n background: #fff; border: 1px solid var(--border);\n border-radius: 100px; padding: 3px 12px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n white-space: nowrap;\n }\n .oc-node-tag {\n font-size: 0.52rem; font-weight: 600;\n border-radius: 8px; padding: 3px 9px;\n white-space: nowrap; text-align: center; line-height: 1.4;\n }\n .oc-tag-blue { background: #edf8fc; border: 1px solid rgba(46,175,211,0.3); color: var(--blue); }\n .oc-tag-green { background: #f0fdf4; border: 1px solid rgba(22,163,74,0.3); color: var(--green); }\n\n \/* Synced badge *\/\n .oc-badge {\n position: absolute;\n bottom: 0; left: 50%; transform: translateX(-50%);\n background: var(--navy2); color: #fff;\n border-radius: 100px; padding: 7px 18px;\n font-size: 0.64rem; font-weight: 700;\n font-family: 'Sora', sans-serif;\n white-space: nowrap; z-index: 20;\n display: flex; align-items: center; gap: 8px;\n box-shadow: 0 6px 20px rgba(15,28,92,0.3);\n animation: ocBadge 0.5s 1.4s cubic-bezier(.34,1.56,.64,1) both;\n }\n @keyframes ocBadge {\n from { opacity:0; transform: translateX(-50%) translateY(14px); }\n to { opacity:1; transform: translateX(-50%) translateY(0); }\n }\n .oc-live-dot {\n width: 7px; height: 7px; border-radius: 50%;\n background: var(--blue); flex-shrink: 0;\n animation: livePulse 1.6s ease-in-out infinite;\n }\n\n \/* SVG connector lines *\/\n .oc-lines {\n position: absolute; inset: 0;\n width: 100%; height: 100%;\n pointer-events: none; z-index: 5; overflow: visible;\n }\n .oc-line-b { stroke: var(--blue); stroke-width: 1.5; fill: none; stroke-dasharray: 5 4; animation: dashFlow 1.5s linear infinite; opacity: 0.45; }\n .oc-line-g { stroke: #16a34a; stroke-width: 1.5; fill: none; stroke-dasharray: 5 4; animation: dashFlow 1.5s linear infinite 0.75s; opacity: 0.45; }\n <\/style>\n\n <div class=\"oc-scene\">\n\n \n <svg class=\"oc-lines\" viewBox=\"0 0 520 580\" preserveAspectRatio=\"xMidYMid meet\">\n \n <line class=\"oc-line-b\" x1=\"260\" y1=\"290\" x2=\"90\" y2=\"460\"\/>\n \n <line class=\"oc-line-g\" x1=\"260\" y1=\"290\" x2=\"430\" y2=\"460\"\/>\n \n <circle r=\"5\" fill=\"#2EAFD3\">\n <animate attributeName=\"opacity\" values=\"0;1;1;0\" keyTimes=\"0;0.1;0.85;1\" dur=\"2.5s\" repeatCount=\"indefinite\" begin=\"0.3s\"\/>\n <animateTransform attributeName=\"transform\" type=\"translate\" values=\"260,290;90,460\" dur=\"2.5s\" repeatCount=\"indefinite\" begin=\"0.3s\"\/>\n <\/circle>\n \n <circle r=\"5\" fill=\"#16a34a\">\n <animate attributeName=\"opacity\" values=\"0;1;1;0\" keyTimes=\"0;0.1;0.85;1\" dur=\"2.5s\" repeatCount=\"indefinite\" begin=\"1.5s\"\/>\n <animateTransform attributeName=\"transform\" type=\"translate\" values=\"260,290;430,460\" dur=\"2.5s\" repeatCount=\"indefinite\" begin=\"1.5s\"\/>\n <\/circle>\n <\/svg>\n\n \n <div class=\"oc-email\">\n \n <div style=\"background:linear-gradient(135deg,var(--navy2),#162060);padding:14px 14px 10px;position:relative;\">\n <div style=\"position:absolute;inset:0;background:radial-gradient(circle at 70% 50%,rgba(46,175,211,0.18),transparent);pointer-events:none;\"><\/div>\n <div style=\"font-size:0.5rem;color:rgba(255,255,255,0.45);margin-bottom:3px;position:relative;z-index:2;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;\">Limited Offer · Gold Members<\/div>\n <div style=\"font-family:'Sora',sans-serif;font-size:0.84rem;font-weight:800;color:#fff;line-height:1.2;margin-bottom:10px;position:relative;z-index:2;\">New Season Jacket<br><span style=\"color:var(--blue);\">500 pts = 20% Off<\/span><\/div>\n \n <div style=\"position:relative;z-index:2;border-radius:12px;overflow:hidden;border:1.5px solid rgba(46,175,211,0.3);box-shadow:0 6px 20px rgba(0,0,0,0.35);\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/Untitled-design-2026-03-11T191634.875.png\" alt=\"New Season Jacket\" style=\"width:100%;height:auto;display:block;\"\/>\n <div style=\"position:absolute;top:8px;right:8px;background:var(--blue);color:#fff;border-radius:100px;padding:3px 10px;font-size:0.6rem;font-weight:800;font-family:'Sora',sans-serif;box-shadow:0 2px 8px rgba(0,0,0,0.3);\">20% OFF<\/div>\n <\/div>\n <\/div>\n \n <div style=\"padding:10px 13px 12px;\">\n <div style=\"font-size:0.6rem;color:#4a6572;line-height:1.6;margin-bottom:9px;\">Hi Sarah — your <strong style=\"color:var(--navy);\">Gold rewards<\/strong> unlock exclusive 20% off our new season jacket.<\/div>\n <div style=\"background:var(--blue);color:#fff;border-radius:8px;padding:8px;text-align:center;font-family:'Sora',sans-serif;font-size:0.65rem;font-weight:700;cursor:default;\">Redeem 500 pts → Shop Now<\/div>\n <div style=\"display:flex;align-items:center;gap:5px;margin-top:8px;font-size:0.55rem;color:var(--muted);\">\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><circle cx=\"5\" cy=\"5\" r=\"4\" stroke=\"#f59e0b\" stroke-width=\"1\"\/><path d=\"M5 3v2.5l1.5 1\" stroke=\"#f59e0b\" stroke-width=\"1\" stroke-linecap=\"round\"\/><\/svg>\n Offer expires in <strong style=\"color:var(--navy);margin-left:2px;\">48 hrs<\/strong>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"oc-card\" style=\"top:2%;left:-2%;width:186px;background:#fff;border:1.5px solid var(--border);animation-delay:0s;animation-duration:4.2s;\">\n <div style=\"display:flex;align-items:center;gap:8px;margin-bottom:8px;\">\n <div style=\"width:28px;height:28px;border-radius:8px;background:rgba(22,163,74,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\"><rect x=\"1.5\" y=\"1.5\" width=\"10\" height=\"7.5\" rx=\"1.5\" stroke=\"#16a34a\" stroke-width=\"1.2\"\/><path d=\"M4 9l.5 1.5 2-1.5\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M4 5h5M4 6.5h3\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>\n <\/div>\n <div style=\"flex:1;\">\n <div style=\"font-size:0.64rem;font-weight:700;color:var(--navy);\">SMS<\/div>\n <div style=\"font-size:0.54rem;color:var(--muted);\">Just delivered<\/div>\n <\/div>\n <div style=\"background:rgba(22,163,74,0.1);color:var(--green);font-size:0.52rem;font-weight:700;padding:2px 8px;border-radius:100px;\">Sent<\/div>\n <\/div>\n <div style=\"background:#f0fdf4;border-radius:9px;padding:8px 10px;font-size:0.62rem;color:#166534;line-height:1.55;font-style:italic;\">\"Sarah, your 20% jacket offer expires in 48hrs — shop now!\"<\/div>\n <div style=\"display:flex;justify-content:space-between;margin-top:7px;font-size:0.56rem;\">\n <span style=\"color:var(--muted);\">4,280 sent<\/span>\n <span style=\"color:var(--green);font-weight:700;\">68% open<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"oc-card\" style=\"top:0%;right:-2%;width:200px;background:#0f172a;border:1px solid rgba(255,255,255,0.08);animation-delay:1.1s;animation-duration:3.8s;padding:12px 13px;\">\n <div style=\"display:flex;align-items:center;gap:8px;margin-bottom:8px;\">\n <div style=\"width:28px;height:28px;border-radius:8px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><rect x=\"2\" y=\"1\" width=\"8\" height=\"10\" rx=\"2\" stroke=\"#fff\" stroke-width=\"1.2\"\/><path d=\"M4 2.5h4\" stroke=\"#fff\" stroke-width=\"1\" stroke-linecap=\"round\"\/><circle cx=\"6\" cy=\"9\" r=\"0.8\" fill=\"#fff\"\/><\/svg>\n <\/div>\n <div style=\"flex:1;\">\n <div style=\"font-size:0.64rem;font-weight:700;color:rgba(255,255,255,0.95);\">Urban Store<\/div>\n <div style=\"font-size:0.5rem;color:rgba(255,255,255,0.35);\">Push notification · now<\/div>\n <\/div>\n <div style=\"font-size:0.48rem;color:rgba(255,255,255,0.25);\">now<\/div>\n <\/div>\n <div style=\"font-size:0.62rem;color:rgba(255,255,255,0.82);line-height:1.55;margin-bottom:9px;\">You're near our store! Redeem your <span style=\"color:var(--blue);font-weight:700;\">Gold Reward<\/span> — jacket offer active.<\/div>\n <div style=\"display:flex;gap:6px;\">\n <div style=\"flex:1;background:var(--blue);border-radius:7px;padding:6px;text-align:center;font-size:0.56rem;font-weight:700;color:#fff;cursor:default;\">Redeem Now<\/div>\n <div style=\"flex:1;background:rgba(255,255,255,0.06);border-radius:7px;padding:6px;text-align:center;font-size:0.56rem;color:rgba(255,255,255,0.3);cursor:default;\">Later<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"oc-card\" style=\"bottom:42%;right:-4%;width:196px;background:#fff;border:1.5px solid var(--border);animation-delay:0.5s;animation-duration:5s;\">\n <div style=\"display:flex;align-items:center;gap:8px;margin-bottom:8px;\">\n <div style=\"width:28px;height:28px;border-radius:8px;background:rgba(46,175,211,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\"><rect x=\"1.5\" y=\"2.5\" width=\"10\" height=\"8\" rx=\"1.5\" stroke=\"#2EAFD3\" stroke-width=\"1.2\"\/><path d=\"M1.5 5l5 3.5 5-3.5\" stroke=\"#2EAFD3\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <div style=\"flex:1;\">\n <div style=\"font-size:0.64rem;font-weight:700;color:var(--navy);\">Email Campaign<\/div>\n <div style=\"font-size:0.52rem;color:var(--muted);\">Win-Back · Gold tier<\/div>\n <\/div>\n <div style=\"background:rgba(46,175,211,0.1);color:var(--blue);font-size:0.5rem;font-weight:700;padding:2px 8px;border-radius:100px;\">Live<\/div>\n <\/div>\n <div style=\"background:var(--soft);border-radius:9px;padding:8px 10px;margin-bottom:7px;\">\n <div style=\"font-size:0.6rem;font-weight:700;color:var(--navy);margin-bottom:2px;\">Your jacket offer is waiting<\/div>\n <div style=\"font-size:0.56rem;color:var(--muted);line-height:1.5;\">Redeem 500 pts for 20% off — expires soon.<\/div>\n <\/div>\n <div style=\"display:flex;justify-content:space-between;font-size:0.56rem;\">\n <span style=\"color:var(--muted);\">12,400 sent<\/span>\n <span style=\"color:var(--blue);font-weight:700;\">42% open rate<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"oc-node\" style=\"bottom:8%;left:0%;animation-delay:0.4s;\">\n <div class=\"oc-node-icon\" style=\"background:linear-gradient(135deg,#1e3a5c,#2d5480);\">\n <svg width=\"27\" height=\"27\" viewBox=\"0 0 26 26\" fill=\"none\">\n <rect x=\"3\" y=\"4\" width=\"20\" height=\"13\" rx=\"2.5\" stroke=\"#2EAFD3\" stroke-width=\"1.5\"\/>\n <path d=\"M9 21h8M13 17v4\" stroke=\"#2EAFD3\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <rect x=\"6\" y=\"7\" width=\"14\" height=\"7\" rx=\"1\" fill=\"rgba(46,175,211,0.15)\"\/>\n <path d=\"M8 10.5h6M8 12.5h4\" stroke=\"#2EAFD3\" stroke-width=\"1\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"oc-node-label\">Online Store<\/div>\n <div class=\"oc-node-tag oc-tag-blue\">🛒 Product checked out<\/div>\n <\/div>\n\n \n <div class=\"oc-node\" style=\"bottom:8%;right:0%;animation-delay:0.6s;\">\n <div class=\"oc-node-icon\" style=\"background:linear-gradient(135deg,#c2440c,#ea580c);\">\n <svg width=\"27\" height=\"27\" viewBox=\"0 0 26 26\" fill=\"none\">\n <path d=\"M4 12h18v9a1 1 0 01-1 1H5a1 1 0 01-1-1v-9z\" stroke=\"#fff\" stroke-width=\"1.5\"\/>\n <path d=\"M2 12l2.5-6h17L24 12\" stroke=\"#fff\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M10 22v-5h6v5\" stroke=\"#fff\" stroke-width=\"1.3\" stroke-linecap=\"round\"\/>\n <path d=\"M7 12a3 3 0 01-6 0M13 12a3 3 0 01-6 0M13 12a3 3 0 006 0M19 12a3 3 0 006 0\" stroke=\"#fff\" stroke-width=\"1.1\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"oc-node-label\">Retail Store<\/div>\n <div class=\"oc-node-tag oc-tag-green\" style=\"text-align:center;\">✓ Product purchased offline<br><span style=\"font-weight:400;opacity:0.8;\">after campaign<\/span><\/div>\n <\/div>\n\n \n <div class=\"oc-badge\">\n <div class=\"oc-live-dot\"><\/div>\n One profile · All channels synced\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<script>document.addEventListener(\"DOMContentLoaded\",function(){document.querySelectorAll(\".reveal\").forEach(function(e){e.classList.add(\"vis\");});});<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-394e001 e-flex e-con-boxed animejs-disable e-con e-parent\" data-id=\"394e001\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66baa50 animejs-disable elementor-widget elementor-widget-html\" data-id=\"66baa50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kangaroo \u2014 Powerful Analytics<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\"><style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:#fff}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:#4a6572;line-height:1.7}.check-list li strong{color:var(--navy)}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:#fff}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:#fff}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n<\/head>\n<body><style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:#fff}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:#4a6572;line-height:1.7}.check-list li strong{color:var(--navy)}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:#fff}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:#fff}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n\n<style>\n \/* \u2500\u2500 ANALYTICS SECTION \u2500\u2500 *\/\n .analytics-sec { background:#fff; padding:88px 5%; position:relative; overflow:hidden; }\n .analytics-sec::before {\n content:''; position:absolute; inset:0;\n background: radial-gradient(ellipse 60% 40% at 90% 20%, rgba(46,175,211,0.07), transparent),\n radial-gradient(ellipse 40% 50% at 10% 80%, rgba(15,28,92,0.04), transparent);\n pointer-events:none;\n }\n .analytics-inner { max-width:1200px; margin:0 auto; position:relative; z-index:1; }\n .analytics-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }\n .analytics-grid .an-text { order:2; }\n .analytics-grid .an-visual { order:1; }\n\n \/* Stat cards inside visual *\/\n .an-visual { position:relative; }\n .an-dashboard {\n background:var(--navy2); border-radius:22px; overflow:hidden;\n box-shadow:0 24px 72px rgba(15,28,92,0.25), 0 4px 16px rgba(0,0,0,0.1);\n border:1px solid rgba(255,255,255,0.06);\n }\n .an-dash-header {\n background:rgba(255,255,255,0.04);\n border-bottom:1px solid rgba(255,255,255,0.06);\n padding:14px 20px;\n display:flex; align-items:center; gap:10px;\n }\n .an-dash-dot { width:8px; height:8px; border-radius:50%; }\n .an-dash-title { font-size:0.7rem; font-weight:700; color:rgba(255,255,255,0.5); margin-left:6px; text-transform:uppercase; letter-spacing:0.1em; }\n .an-dash-live { margin-left:auto; display:flex; align-items:center; gap:5px; font-size:0.6rem; font-weight:700; color:var(--green); }\n .an-dash-live-dot { width:6px; height:6px; border-radius:50%; background:var(--green); animation:livePulse 1.6s ease-in-out infinite; }\n\n .an-kpi-row { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(255,255,255,0.06); border-bottom:1px solid rgba(255,255,255,0.06); }\n .an-kpi {\n background:var(--navy2); padding:18px 16px; text-align:center;\n }\n .an-kpi-num { font-family:'Sora',sans-serif; font-size:1.8rem; font-weight:800; line-height:1; letter-spacing:-0.03em; }\n .an-kpi-label { font-size:0.58rem; color:rgba(255,255,255,0.4); text-transform:uppercase; letter-spacing:0.08em; margin-top:4px; }\n .an-kpi-delta { font-size:0.6rem; font-weight:700; margin-top:3px; }\n .delta-up { color:var(--green); }\n .delta-dn { color:#f87171; }\n\n .an-chart-area { padding:18px 20px; }\n .an-chart-label { font-size:0.6rem; font-weight:700; color:rgba(255,255,255,0.35); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:12px; }\n .an-bar-chart { display:flex; gap:6px; align-items:flex-end; height:72px; }\n .an-bar-wrap { flex:1; display:flex; flex-direction:column; align-items:center; gap:4px; }\n .an-bar {\n width:100%; border-radius:5px 5px 0 0;\n background:rgba(46,175,211,0.3);\n position:relative; overflow:hidden;\n animation:barGrow 1s ease both;\n }\n .an-bar.highlight { background:var(--blue); }\n .an-bar::after {\n content:''; position:absolute; inset:0;\n background:linear-gradient(to bottom, rgba(255,255,255,0.15), transparent);\n }\n @keyframes barGrow {\n from { transform:scaleY(0); transform-origin:bottom; opacity:0; }\n to { transform:scaleY(1); transform-origin:bottom; opacity:1; }\n }\n .an-bar-month { font-size:0.5rem; color:rgba(255,255,255,0.3); }\n\n .an-segments { padding:0 20px 18px; display:grid; grid-template-columns:1fr 1fr; gap:8px; }\n .an-seg {\n background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.06);\n border-radius:10px; padding:10px 12px;\n display:flex; align-items:center; gap:8px;\n }\n .an-seg-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }\n .an-seg-label { font-size:0.58rem; color:rgba(255,255,255,0.65); }\n .an-seg-val { margin-left:auto; font-family:'Sora',sans-serif; font-size:0.72rem; font-weight:700; color:#fff; }\n\n \/* Floating stat cards *\/\n .an-float {\n position:absolute;\n background:#fff; border:1.5px solid var(--border);\n border-radius:14px; padding:12px 14px;\n box-shadow:0 12px 36px rgba(0,0,0,0.12);\n animation:floatCard 4s ease-in-out infinite;\n z-index:20;\n }\n .an-float-title { font-size:0.6rem; font-weight:700; color:var(--navy); margin-bottom:4px; }\n .an-float-val { font-family:'Sora',sans-serif; font-size:1.4rem; font-weight:800; color:var(--blue); line-height:1; }\n .an-float-sub { font-size:0.52rem; color:var(--muted); margin-top:3px; }\n .an-float-bar { height:3px; border-radius:2px; background:rgba(46,175,211,0.12); margin-top:8px; overflow:hidden; }\n .an-float-bar-fill { height:100%; border-radius:2px; background:var(--blue); }\n\n \/* bullet list uses shared .check-list styles *\/\n\n @media(max-width:900px){\n \/* Stack columns *\/\n .analytics-grid { grid-template-columns:1fr; gap:40px; }\n\n \/* On mobile: visual BELOW text (easier to read story first) *\/\n .analytics-grid .an-text { order:1; }\n .analytics-grid .an-visual { order:2; }\n\n \/* Remove desktop padding\/overflow *\/\n .an-visual { padding: 16px 0 20px 0 !important; }\n .analytics-sec { padding:56px 5%; }\n\n \/* Dashboard fills full width, no overflow *\/\n .an-dashboard { width:100% !important; }\n\n \/* KPI row: 3 cols still work on tablet, stack on very small *\/\n .an-kpi-num { font-size:1.4rem !important; }\n\n \/* Bar chart: shrink a bit *\/\n .an-bar-chart { height:56px !important; }\n\n \/* Segment grid: 2 col still fine *\/\n\n \/* Hide floating cards on mobile \u2014 they overlap and break layout *\/\n .an-float { display:none !important; }\n }\n\n @media(max-width:480px){\n \/* KPI row: stack to 1 col on tiny screens *\/\n .an-kpi-row { grid-template-columns:1fr !important; }\n .an-kpi { border-bottom: 1px solid rgba(255,255,255,0.06); }\n\n \/* Segments: full width *\/\n .an-segments { grid-template-columns:1fr !important; }\n\n .an-kpi-num { font-size:1.6rem !important; }\n }\n<\/style>\n\n<section class=\"analytics-sec\" style=\"background:#ffffff !important;\">\n <div class=\"analytics-inner\">\n <div class=\"analytics-grid\">\n\n \n <div class=\"an-text\">\n <span class=\"dual-tag reveal\">Powerful Analytics<\/span>\n <h2 class=\"dual-h reveal\">Know What Works.<br>Do More of It.<\/h2>\n <p class=\"dual-p reveal\">Stop guessing what drives results. With Kangaroo's built-in analytics, you can track every interaction, measure campaign performance, and understand which customers generate the most revenue \u2014 making smarter, data-backed decisions that actually move your business forward.<\/p>\n\n <ul class=\"check-list reveal\">\n <li><span class=\"check-ok\">\u2713<\/span> Track customer behaviour in real time across both online and in-store touchpoints<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> Proactively identify and re-engage customers at risk of churn before they drop off<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> Unlock 99+ advanced customer segments \u2014 dormant, at-risk, highly engaged, location-based, purchase behaviour & more<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> Measure the true ROI of every campaign and reward \u2014 understand what's actually driving results<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> Deliver the right message to the right audience at precisely the right moment<\/li>\n <\/ul>\n\n <a href=\"https:\/\/loyalty.kangaroorewards.com\/booking-form\/\" class=\"btn-main reveal\" style=\"display:inline-block\">See Analytics in Action \u2192<\/a>\n <\/div>\n\n \n <div class=\"an-visual reveal\" style=\"position:relative;padding:20px 0 48px 20px;\">\n\n \n <div class=\"an-dashboard\">\n \n <div class=\"an-dash-header\">\n <div class=\"an-dash-dot\" style=\"background:#f87171;\"><\/div>\n <div class=\"an-dash-dot\" style=\"background:#fbbf24;\"><\/div>\n <div class=\"an-dash-dot\" style=\"background:#4ade80;\"><\/div>\n <div class=\"an-dash-title\">Customer Intelligence Dashboard<\/div>\n <div class=\"an-dash-live\"><div class=\"an-dash-live-dot\"><\/div> Live<\/div>\n <\/div>\n\n \n <div class=\"an-kpi-row\">\n <div class=\"an-kpi\">\n <div class=\"an-kpi-num\" style=\"color:var(--blue);\">$284K<\/div>\n <div class=\"an-kpi-label\">Revenue (30d)<\/div>\n <div class=\"an-kpi-delta delta-up\">\u2191 18.4%<\/div>\n <\/div>\n <div class=\"an-kpi\">\n <div class=\"an-kpi-num\" style=\"color:#a78bfa;\">12,483<\/div>\n <div class=\"an-kpi-label\">Active Members<\/div>\n <div class=\"an-kpi-delta delta-up\">\u2191 9.2%<\/div>\n <\/div>\n <div class=\"an-kpi\">\n <div class=\"an-kpi-num\" style=\"color:var(--green);\">82%<\/div>\n <div class=\"an-kpi-label\">Retention Rate<\/div>\n <div class=\"an-kpi-delta delta-up\">\u2191 4.1%<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"an-chart-area\">\n <div class=\"an-chart-label\">Monthly Revenue from Loyalty Members<\/div>\n <div class=\"an-bar-chart\">\n <div class=\"an-bar-wrap\"><div class=\"an-bar\" style=\"height:38px;animation-delay:.05s\"><\/div><div class=\"an-bar-month\">Aug<\/div><\/div>\n <div class=\"an-bar-wrap\"><div class=\"an-bar\" style=\"height:44px;animation-delay:.1s\"><\/div><div class=\"an-bar-month\">Sep<\/div><\/div>\n <div class=\"an-bar-wrap\"><div class=\"an-bar\" style=\"height:36px;animation-delay:.15s\"><\/div><div class=\"an-bar-month\">Oct<\/div><\/div>\n <div class=\"an-bar-wrap\"><div class=\"an-bar\" style=\"height:52px;animation-delay:.2s\"><\/div><div class=\"an-bar-month\">Nov<\/div><\/div>\n <div class=\"an-bar-wrap\"><div class=\"an-bar\" style=\"height:62px;animation-delay:.25s\"><\/div><div class=\"an-bar-month\">Dec<\/div><\/div>\n <div class=\"an-bar-wrap\"><div class=\"an-bar highlight\" style=\"height:55px;animation-delay:.3s\"><\/div><div class=\"an-bar-month\">Jan<\/div><\/div>\n <div class=\"an-bar-wrap\"><div class=\"an-bar highlight\" style=\"height:68px;animation-delay:.35s\"><\/div><div class=\"an-bar-month\">Feb<\/div><\/div>\n <div class=\"an-bar-wrap\"><div class=\"an-bar highlight\" style=\"height:72px;animation-delay:.4s\"><\/div><div class=\"an-bar-month\">Mar<\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"an-segments\">\n <div class=\"an-seg\">\n <div class=\"an-seg-dot\" style=\"background:#2EAFD3;\"><\/div>\n <div class=\"an-seg-label\">Highly Engaged<\/div>\n <div class=\"an-seg-val\">3,241<\/div>\n <\/div>\n <div class=\"an-seg\">\n <div class=\"an-seg-dot\" style=\"background:#f87171;\"><\/div>\n <div class=\"an-seg-label\">At Risk of Churn<\/div>\n <div class=\"an-seg-val\">892<\/div>\n <\/div>\n <div class=\"an-seg\">\n <div class=\"an-seg-dot\" style=\"background:#fbbf24;\"><\/div>\n <div class=\"an-seg-label\">Dormant (60d+)<\/div>\n <div class=\"an-seg-val\">1,547<\/div>\n <\/div>\n <div class=\"an-seg\">\n <div class=\"an-seg-dot\" style=\"background:#4ade80;\"><\/div>\n <div class=\"an-seg-label\">VIP \/ Top Spenders<\/div>\n <div class=\"an-seg-val\">406<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"an-float\" style=\"bottom:-20px;left:-18px;width:170px;animation-delay:0s;animation-duration:4.5s;\">\n <div class=\"an-float-title\">Customer Segments<\/div>\n <div class=\"an-float-val\">99<span style=\"font-size:0.9rem;color:var(--muted);\">+<\/span><\/div>\n <div class=\"an-float-sub\">Advanced audience filters<\/div>\n <div class=\"an-float-bar\"><div class=\"an-float-bar-fill\" style=\"width:78%\"><\/div><\/div>\n <\/div>\n\n \n <div class=\"an-float\" style=\"top:12px;right:-16px;width:162px;animation-delay:-2s;animation-duration:3.8s;\">\n <div class=\"an-float-title\">Campaign ROI<\/div>\n <div class=\"an-float-val\" style=\"color:var(--green);\">+312%<\/div>\n <div class=\"an-float-sub\">Last email campaign<\/div>\n <div class=\"an-float-bar\"><div class=\"an-float-bar-fill\" style=\"width:92%;background:var(--green)\"><\/div><\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<script>document.addEventListener(\"DOMContentLoaded\",function(){document.querySelectorAll(\".reveal\").forEach(function(e){e.classList.add(\"vis\");});});<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa6d455 e-flex e-con-boxed animejs-disable e-con e-parent\" data-id=\"aa6d455\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4091d1 animejs-disable elementor-widget elementor-widget-html\" data-id=\"a4091d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kangaroo \u2014 08-features<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:#fff}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:#4a6572;line-height:1.7}.check-list li strong{color:var(--navy)}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:#fff}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:#fff}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n<\/head>\n<body>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:#fff}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:#4a6572;line-height:1.7}.check-list li strong{color:var(--navy)}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:#fff}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:#fff}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n\n<section class=\"features-sec\" style=\"background:#ffffff !important;\">\n <div class=\"features-inner\">\n <span class=\"sec-tag reveal\">Everything you need<\/span>\n <h2 class=\"features-heading reveal\">One Platform.<br>Every Tool You Need.<\/h2>\n <p class=\"features-sub reveal\">Stop paying for five separate tools. Kangaroo replaces your loyalty app, your email platform, your SMS tool, and your analytics \u2014 all in one dashboard.<\/p>\n <div class=\"features-grid\">\n\n <div class=\"feat-card reveal\">\n <div class=\"feat-ico\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\"><path d=\"M11 2l2.5 5.5 5.5.8-4 3.9.95 5.5L11 15l-4.95 2.7.95-5.5-4-3.9 5.5-.8L11 2z\" stroke=\"#2EAFD3\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n <h3>Points & Rewards Engine<\/h3>\n <p>Points, tiers, VIP programs, cashback, gift cards, custom rules, milestones \u2014 the deepest loyalty engine at any price point.<\/p>\n <\/div>\n\n <div class=\"feat-card reveal\">\n <div class=\"feat-ico\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\"><rect x=\"2\" y=\"4\" width=\"18\" height=\"13\" rx=\"2.5\" stroke=\"#2EAFD3\" stroke-width=\"1.6\"\/><path d=\"M2 8h18\" stroke=\"#2EAFD3\" stroke-width=\"1.6\"\/><path d=\"M7 12h2M12 12h3\" stroke=\"#2EAFD3\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><\/svg><\/div>\n <h3>Native Email, SMS & Push<\/h3>\n <p>Built-in marketing channels that fire directly from loyalty events. No Additional tool, no sync issues.<\/p>\n <\/div>\n\n <div class=\"feat-card reveal\">\n <div class=\"feat-ico\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\"><circle cx=\"11\" cy=\"11\" r=\"7.5\" stroke=\"#2EAFD3\" stroke-width=\"1.6\"\/><path d=\"M11 7v4.5l2.5 2.5\" stroke=\"#2EAFD3\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M14.5 3.5l2 2M7.5 3.5l-2 2\" stroke=\"#2EAFD3\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/><\/svg><\/div>\n <h3>Gamification<\/h3>\n <p>Spin-to-wins, contests, challenges, and giveaways that make customers want to engage \u2014 not just passively collect points.<\/p>\n <\/div>\n\n <div class=\"feat-card reveal\">\n <div class=\"feat-ico\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\"><path d=\"M11 2C7.13 2 4 5.13 4 9c0 5.25 7 11 7 11s7-5.75 7-11c0-3.87-3.13-7-7-7z\" stroke=\"#2EAFD3\" stroke-width=\"1.6\"\/><circle cx=\"11\" cy=\"9\" r=\"2.5\" stroke=\"#2EAFD3\" stroke-width=\"1.6\"\/><\/svg><\/div>\n <h3>Geofencing & Location Marketing<\/h3>\n <p>Trigger personalised offers and push notifications the moment a customer enters your store radius.<\/p>\n <\/div>\n\n <div class=\"feat-card reveal\">\n <div class=\"feat-ico\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\"><rect x=\"3\" y=\"3\" width=\"16\" height=\"16\" rx=\"3\" stroke=\"#2EAFD3\" stroke-width=\"1.6\"\/><path d=\"M7 11l3 3 5-5\" stroke=\"#2EAFD3\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n <h3>AI-Powered Campaigns<\/h3>\n <p>Automatically identify the right segment at the right moment. Maximise ROI on every campaign without guesswork.<\/p>\n <\/div>\n\n <div class=\"feat-card reveal\">\n <div class=\"feat-ico\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\"><rect x=\"2\" y=\"5\" width=\"8\" height=\"12\" rx=\"2\" stroke=\"#2EAFD3\" stroke-width=\"1.6\"\/><rect x=\"12\" y=\"5\" width=\"8\" height=\"12\" rx=\"2\" stroke=\"#2EAFD3\" stroke-width=\"1.6\"\/><path d=\"M10 11h2\" stroke=\"#2EAFD3\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><\/svg><\/div>\n <h3>Omnichannel & Multi-Location<\/h3>\n <p>Online store, POS, mobile app, QR codes \u2014 all unified. Multi-location and franchise management from one dashboard.<\/p>\n <\/div>\n\n <div class=\"feat-card reveal\">\n <div class=\"feat-ico\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\"><rect x=\"6\" y=\"2\" width=\"10\" height=\"18\" rx=\"2.5\" stroke=\"#2EAFD3\" stroke-width=\"1.6\"\/><path d=\"M9.5 5h3\" stroke=\"#2EAFD3\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><circle cx=\"11\" cy=\"16\" r=\"1\" fill=\"#2EAFD3\"\/><\/svg><\/div>\n <h3>White-Label Mobile App<\/h3>\n <p>Your brand, your app \u2014 powered by Kangaroo. Custom branded with your logo and colours. Available on Elite plans.<\/p>\n <\/div>\n\n <div class=\"feat-card reveal\">\n <div class=\"feat-ico\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\"><path d=\"M3 17l4-6 3.5 3 3.5-5 5 8H3z\" stroke=\"#2EAFD3\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/><circle cx=\"6.5\" cy=\"7.5\" r=\"2\" stroke=\"#2EAFD3\" stroke-width=\"1.6\"\/><\/svg><\/div>\n <h3>Advanced Analytics & Reporting<\/h3>\n <p>99+ customer segments, churn prediction, campaign ROI tracking. Know exactly what's working and do more of it.<\/p>\n <\/div>\n\n <div class=\"feat-card reveal\">\n <div class=\"feat-ico\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\"><path d=\"M11 3v4M11 15v4M3 11h4M15 11h4\" stroke=\"#2EAFD3\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><path d=\"M5.64 5.64l2.83 2.83M13.54 13.54l2.83 2.83M5.64 16.36l2.83-2.83M13.54 8.46l2.83-2.83\" stroke=\"#2EAFD3\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/><circle cx=\"11\" cy=\"11\" r=\"2.5\" stroke=\"#2EAFD3\" stroke-width=\"1.6\"\/><\/svg><\/div>\n <h3>18 Prebuilt Automations<\/h3>\n <p>Ready-to-run workflows from day one. Abandoned cart, win-back, birthday, tier upgrades, points expiry \u2014 no setup required.<\/p>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n<script>document.addEventListener(\"DOMContentLoaded\",function(){document.querySelectorAll(\".reveal\").forEach(function(e){e.classList.add(\"vis\");});});<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-220a741 e-flex e-con-boxed animejs-disable e-con e-parent\" data-id=\"220a741\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a5f91b animejs-disable elementor-widget elementor-widget-html\" data-id=\"4a5f91b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kangaroo \u2014 10-outcomes<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:#fff}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:#4a6572;line-height:1.7}.check-list li strong{color:var(--navy)}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:#fff}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:#fff}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n<\/head>\n<body>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:#fff}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:#4a6572;line-height:1.7}.check-list li strong{color:var(--navy)}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:#fff}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:#fff}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n\n<section class=\"outcomes-sec\" id=\"how-it-works\" style=\"padding:88px 5%;background:#ffffff !important;\">\n <div class=\"outcomes-inner\">\n <span class=\"reveal\" style=\"font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;display:block;text-align:center;margin-bottom:14px\">The only loyalty platform built for growth<\/span>\n <h2 class=\"outcomes-heading reveal\">Stop Paying for Ads.<br>Start Growing From Within.<\/h2>\n <p class=\"outcomes-sub reveal\">Kangaroo turns your existing customer base into a self-sustaining growth engine \u2014 automatically increasing revenue, loyalty, and lifetime value while you focus on running your business.<\/p>\n <div class=\"outcomes-grid\">\n\n <div class=\"outcome-card reveal\">\n <h3 class=\"outcome-h\">Get New Customers<br><span>Without Paid Ads<\/span><\/h3>\n <p class=\"outcome-p\">Your happiest customers become your best salespeople. Kangaroo's built-in referral programs, spin-to-wins, and social sharing rewards turn word-of-mouth into a scalable acquisition channel \u2014 at zero ad spend.<\/p>\n <div class=\"outcome-checks\">\n <div class=\"outcome-check\"><span style=\"color:var(--green);font-weight:700\">\u2713<\/span> Referral programs that pay for themselves<\/div>\n <div class=\"outcome-check\"><span style=\"color:var(--green);font-weight:700\">\u2713<\/span> Sign-up incentives that convert browsers to buyers<\/div>\n <div class=\"outcome-check\"><span style=\"color:var(--green);font-weight:700\">\u2713<\/span> Gamified contests that spread your brand organically<\/div>\n <\/div>\n <div class=\"outcome-stat\">\n <div class=\"outcome-stat-num\">\u219342%<\/div>\n <div class=\"outcome-stat-label\">avg. reduction in<br>customer acquisition cost<\/div>\n <\/div>\n <\/div>\n\n <div class=\"outcome-card reveal\">\n <h3 class=\"outcome-h\">Build Predictable<br><span>Recurring Revenue<\/span><\/h3>\n <p class=\"outcome-p\">One-time buyers don't grow businesses \u2014 loyal ones do. Kangaroo's automated loyalty engine rewards every visit, purchase, and engagement, creating a habit loop that brings customers back again and again on autopilot.<\/p>\n <div class=\"outcome-checks\">\n <div class=\"outcome-check\"><span style=\"color:var(--green);font-weight:700\">\u2713<\/span> 18 prebuilt automations fire without manual work<\/div>\n <div class=\"outcome-check\"><span style=\"color:var(--green);font-weight:700\">\u2713<\/span> Win-back campaigns re-engage before they're gone<\/div>\n <div class=\"outcome-check\"><span style=\"color:var(--green);font-weight:700\">\u2713<\/span> Points expiry nudges drive urgency to return<\/div>\n <\/div>\n <div class=\"outcome-stat\">\n <div class=\"outcome-stat-num\">3\u00d7<\/div>\n <div class=\"outcome-stat-label\">more visits per year<br>from loyalty members<\/div>\n <\/div>\n <\/div>\n\n <div class=\"outcome-card reveal\">\n <h3 class=\"outcome-h\">Maximise Every<br><span>Customer's Lifetime Value<\/span><\/h3>\n <p class=\"outcome-p\">The real money isn't in the first sale \u2014 it's in everything after. Kangaroo uses tiered loyalty, AI-powered campaigns, and personalised milestones to consistently grow what each customer spends over their entire relationship with you.<\/p>\n <div class=\"outcome-checks\">\n <div class=\"outcome-check\"><span style=\"color:var(--green);font-weight:700\">\u2713<\/span> VIP tiers drive spend toward the next threshold<\/div>\n <div class=\"outcome-check\"><span style=\"color:var(--green);font-weight:700\">\u2713<\/span> AI segments find your highest-value customers<\/div>\n <div class=\"outcome-check\"><span style=\"color:var(--green);font-weight:700\">\u2713<\/span> Personalised offers that actually move the needle<\/div>\n <\/div>\n <div class=\"outcome-stat\">\n <div class=\"outcome-stat-num\">+56%<\/div>\n <div class=\"outcome-stat-label\">avg. increase in<br>customer lifetime value<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <div style=\"text-align:center;margin-top:52px\">\n <a href=\"https:\/\/loyalty.kangaroorewards.com\/booking-form\/\" class=\"btn-main reveal\" style=\"display:inline-block;font-size:1.05rem;padding:17px 44px\">Start Growing Today \u2192<\/a>\n <\/div>\n <\/div>\n<\/section>\n<script>document.addEventListener(\"DOMContentLoaded\",function(){document.querySelectorAll(\".reveal\").forEach(function(e){e.classList.add(\"vis\");});});<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac80e30 e-flex e-con-boxed animejs-disable e-con e-parent\" data-id=\"ac80e30\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb18ff0 animejs-disable elementor-widget elementor-widget-html\" data-id=\"bb18ff0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kangaroo \u2014 Section 11-awards<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:var(--soft)}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.9rem;color:#4a6572}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:var(--soft)}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:var(--soft)}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n<\/head>\n<body>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:var(--soft)}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.9rem;color:#4a6572}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:var(--soft)}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:var(--soft)}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n\n<section class=\"awards-sec\">\n <div style=\"max-width:900px;margin:0 auto\">\n <p class=\"reveal\" style=\"font-size:0.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:20px\">Recognised by top review platforms<\/p>\n <img decoding=\"async\" class=\"reveal\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/02\/Email-Signature-Op-2-2.png\" alt=\"Kangaroo Rewards awards\" style=\"max-width:100%;height:auto;margin:0 auto\">\n <\/div>\n<\/section>\n<script>document.addEventListener(\"DOMContentLoaded\",function(){document.querySelectorAll(\".reveal\").forEach(function(e){e.classList.add(\"vis\");});});<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d4570fc e-flex e-con-boxed animejs-disable e-con e-parent\" data-id=\"d4570fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4e4433 animejs-disable elementor-widget elementor-widget-html\" data-id=\"f4e4433\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kangaroo \u2014 12-testimonials<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:#fff}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:#4a6572;line-height:1.7}.check-list li strong{color:var(--navy)}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:#fff}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:#fff}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n<\/head>\n<body>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:#fff}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:#4a6572;line-height:1.7}.check-list li strong{color:var(--navy)}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:#fff}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:#fff}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n\n<section class=\"testi-sec\" style=\"background:#ffffff !important;\">\n <div class=\"testi-inner\">\n <span class=\"sec-tag reveal\">real results<\/span>\n <h2 style=\"font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1\" class=\"reveal\">Don't Take Our Word for It.<\/h2>\n <div class=\"testi-grid\">\n <div class=\"testi-card reveal\">\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">Kangaroo has exceeded our expectations from day one. The onboarding process was smooth, and their support team is always responsive and helpful. We especially appreciate their ability to adapt to our industry's unique needs.<\/p>\n <div class=\"testi-author\">Reggie<\/div>\n <div class=\"testi-biz\">Retail Business Owner<\/div>\n <\/div>\n <div class=\"testi-card reveal\">\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">The platform is intuitive and integrates perfectly with our Shopify POS. Our team finds it simple to use, and the setup was far easier than we expected. Customer service regularly checks in to make sure everything runs smoothly.<\/p>\n <div class=\"testi-author\">Mike<\/div>\n <div class=\"testi-biz\">Shopify Merchant<\/div>\n <\/div>\n <div class=\"testi-card reveal\">\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">We moved to Kangaroo from Fivestars because of its flexibility and ecommerce-friendly features. Being able to target marketing based on behaviour and purchase data has helped us better understand and engage our customers.<\/p>\n <div class=\"testi-author\">Keira<\/div>\n <div class=\"testi-biz\">eCommerce Brand Owner<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<script>document.addEventListener(\"DOMContentLoaded\",function(){document.querySelectorAll(\".reveal\").forEach(function(e){e.classList.add(\"vis\");});});<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa777ae e-flex e-con-boxed animejs-disable e-con e-parent\" data-id=\"aa777ae\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6450a4d animejs-disable elementor-widget elementor-widget-html\" data-id=\"6450a4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kangaroo \u2014 Section 13-final-cta<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:var(--soft)}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.9rem;color:#4a6572}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:var(--soft)}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:var(--soft)}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n<\/head>\n<body>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:var(--soft)}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.9rem;color:#4a6572}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:var(--soft)}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:var(--soft)}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n\n<section class=\"final-sec\">\n <div class=\"final-inner\">\n <div class=\"final-badge\">The #1 Loyalty Platform for Growing Businesses<\/div>\n <h2 class=\"final-h\">Turn Shoppers Into<br><em>Loyal Fans<\/em> \u2014 Starting Today.<\/h2>\n <p class=\"final-p\">Book a free demo and see exactly how Kangaroo works for your specific business. Our team builds out your loyalty program, handles your migration, and gets you live \u2014 fast.<\/p>\n <div class=\"final-btns\">\n <a href=\"https:\/\/loyalty.kangaroorewards.com\/booking-form\/\" class=\"btn-final-a\">Book My Free Demo \u2192<\/a>\n <a href=\"https:\/\/loyalty.kangaroorewards.com\/booking-form\/\" class=\"btn-final-b\">See How It Works<\/a>\n <\/div>\n <\/div>\n<\/section>\n<script>document.addEventListener(\"DOMContentLoaded\",function(){document.querySelectorAll(\".reveal\").forEach(function(e){e.classList.add(\"vis\");});});<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac3aacd e-flex e-con-boxed animejs-disable e-con e-parent\" data-id=\"ac3aacd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kangaroo \u2014 Section 02-hero Loyalty \u00b7 Rewards \u00b7 Marketing \u00b7 Engagement The Loyalty & Rewards Platform That Grows Revenue, Retains Customers& Automates Marketing \u2014 Online, In‑Store, or Both. Kangaroo is more than loyalty. It's a complete customer growth engine: rewards, automated marketing, referrals, gamification, and AI-powered campaigns \u2014 all in one platform that works wherever […]<\/p>\n","protected":false},"author":1,"featured_media":7803,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"_pvb_checkbox_block_on_post":false,"footnotes":""},"class_list":["post-12577","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"\n<title>LP Master Version 4 - Kangaroo Rewards<\/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:\/\/loyalty.kangaroorewards.com\/fr\/lp-master-version-4\/\" \/>\n<meta property=\"og:locale\" content=\"fr_CA\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"LP Master Version 4 - Kangaroo Rewards\" \/>\n<meta property=\"og:description\" content=\"Kangaroo \u2014 Section 02-hero Loyalty \u00b7 Rewards \u00b7 Marketing \u00b7 Engagement The Loyalty & Rewards Platform That Grows Revenue, Retains Customers& Automates Marketing \u2014 Online, In‑Store, or Both. Kangaroo is more than loyalty. It's a complete customer growth engine: rewards, automated marketing, referrals, gamification, and AI-powered campaigns \u2014 all in one platform that works wherever […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/loyalty.kangaroorewards.com\/fr\/lp-master-version-4\/\" \/>\n<meta property=\"og:site_name\" content=\"Kangaroo Rewards\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-12T01:12:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2025\/07\/9E3673A8-2DA6-4EE2-9738-1654094C88D2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2500\" \/>\n\t<meta property=\"og:image:height\" content=\"2500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimation du temps de lecture\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/lp-master-version-4\\\/\",\"url\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/lp-master-version-4\\\/\",\"name\":\"LP Master Version 4 - Kangaroo Rewards\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/lp-master-version-4\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/lp-master-version-4\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/9E3673A8-2DA6-4EE2-9738-1654094C88D2.png\",\"datePublished\":\"2026-03-11T20:40:45+00:00\",\"dateModified\":\"2026-03-12T01:12:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/lp-master-version-4\\\/#breadcrumb\"},\"inLanguage\":\"fr-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/lp-master-version-4\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-CA\",\"@id\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/lp-master-version-4\\\/#primaryimage\",\"url\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/9E3673A8-2DA6-4EE2-9738-1654094C88D2.png\",\"contentUrl\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/9E3673A8-2DA6-4EE2-9738-1654094C88D2.png\",\"width\":2500,\"height\":2500},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/lp-master-version-4\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"LP Master Version 4\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/#website\",\"url\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/\",\"name\":\"Kangaroo Rewards\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-CA\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/#organization\",\"name\":\"Kangaroo Rewards\",\"url\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-CA\",\"@id\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/cropped-9E3673A8-2DA6-4EE2-9738-1654094C88D2.png\",\"contentUrl\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/cropped-9E3673A8-2DA6-4EE2-9738-1654094C88D2.png\",\"width\":2500,\"height\":2500,\"caption\":\"Kangaroo Rewards\"},\"image\":{\"@id\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"LP Master Version 4 - Kangaroo Rewards","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:\/\/loyalty.kangaroorewards.com\/fr\/lp-master-version-4\/","og_locale":"fr_CA","og_type":"article","og_title":"LP Master Version 4 - Kangaroo Rewards","og_description":"Kangaroo \u2014 Section 02-hero Loyalty \u00b7 Rewards \u00b7 Marketing \u00b7 Engagement The Loyalty & Rewards Platform That Grows Revenue, Retains Customers& Automates Marketing \u2014 Online, In‑Store, or Both. Kangaroo is more than loyalty. It's a complete customer growth engine: rewards, automated marketing, referrals, gamification, and AI-powered campaigns \u2014 all in one platform that works wherever […]","og_url":"https:\/\/loyalty.kangaroorewards.com\/fr\/lp-master-version-4\/","og_site_name":"Kangaroo Rewards","article_modified_time":"2026-03-12T01:12:46+00:00","og_image":[{"width":2500,"height":2500,"url":"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2025\/07\/9E3673A8-2DA6-4EE2-9738-1654094C88D2.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimation du temps de lecture":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/loyalty.kangaroorewards.com\/lp-master-version-4\/","url":"https:\/\/loyalty.kangaroorewards.com\/lp-master-version-4\/","name":"LP Master Version 4 - Kangaroo Rewards","isPartOf":{"@id":"https:\/\/loyalty.kangaroorewards.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/loyalty.kangaroorewards.com\/lp-master-version-4\/#primaryimage"},"image":{"@id":"https:\/\/loyalty.kangaroorewards.com\/lp-master-version-4\/#primaryimage"},"thumbnailUrl":"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2025\/07\/9E3673A8-2DA6-4EE2-9738-1654094C88D2.png","datePublished":"2026-03-11T20:40:45+00:00","dateModified":"2026-03-12T01:12:46+00:00","breadcrumb":{"@id":"https:\/\/loyalty.kangaroorewards.com\/lp-master-version-4\/#breadcrumb"},"inLanguage":"fr-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/loyalty.kangaroorewards.com\/lp-master-version-4\/"]}]},{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/loyalty.kangaroorewards.com\/lp-master-version-4\/#primaryimage","url":"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2025\/07\/9E3673A8-2DA6-4EE2-9738-1654094C88D2.png","contentUrl":"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2025\/07\/9E3673A8-2DA6-4EE2-9738-1654094C88D2.png","width":2500,"height":2500},{"@type":"BreadcrumbList","@id":"https:\/\/loyalty.kangaroorewards.com\/lp-master-version-4\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/loyalty.kangaroorewards.com\/"},{"@type":"ListItem","position":2,"name":"LP Master Version 4"}]},{"@type":"WebSite","@id":"https:\/\/loyalty.kangaroorewards.com\/#website","url":"https:\/\/loyalty.kangaroorewards.com\/","name":"Kangaroo","description":"","publisher":{"@id":"https:\/\/loyalty.kangaroorewards.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/loyalty.kangaroorewards.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-CA"},{"@type":"Organization","@id":"https:\/\/loyalty.kangaroorewards.com\/#organization","name":"Kangaroo","url":"https:\/\/loyalty.kangaroorewards.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/loyalty.kangaroorewards.com\/#\/schema\/logo\/image\/","url":"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2025\/07\/cropped-9E3673A8-2DA6-4EE2-9738-1654094C88D2.png","contentUrl":"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2025\/07\/cropped-9E3673A8-2DA6-4EE2-9738-1654094C88D2.png","width":2500,"height":2500,"caption":"Kangaroo Rewards"},"image":{"@id":"https:\/\/loyalty.kangaroorewards.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/loyalty.kangaroorewards.com\/fr\/wp-json\/wp\/v2\/pages\/12577","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loyalty.kangaroorewards.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loyalty.kangaroorewards.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loyalty.kangaroorewards.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/loyalty.kangaroorewards.com\/fr\/wp-json\/wp\/v2\/comments?post=12577"}],"version-history":[{"count":5,"href":"https:\/\/loyalty.kangaroorewards.com\/fr\/wp-json\/wp\/v2\/pages\/12577\/revisions"}],"predecessor-version":[{"id":12605,"href":"https:\/\/loyalty.kangaroorewards.com\/fr\/wp-json\/wp\/v2\/pages\/12577\/revisions\/12605"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/loyalty.kangaroorewards.com\/fr\/wp-json\/wp\/v2\/media\/7803"}],"wp:attachment":[{"href":"https:\/\/loyalty.kangaroorewards.com\/fr\/wp-json\/wp\/v2\/media?parent=12577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t

\n\t\t\t

<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nKangaroo \u2014 Section 02-hero<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:var(--soft)}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.9rem;color:#4a6572}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:var(--soft)}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:var(--soft)}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n<\/head>\n<body>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:var(--soft)}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.9rem;color:#4a6572}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:var(--soft)}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:var(--soft)}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n\n<section class=\"hero\">\n <div class=\"hero-inner\">\n <div class=\"hero-text\">\n <div class=\"hero-badge\">\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M5 1l1.2 2.6 2.8.4-2 2 .5 2.8L5 7.5l-2.5 1.3.5-2.8-2-2 2.8-.4L5 1z\" fill=\"#2EAFD3\"\/><\/svg>\n Loyalty \u00b7 Rewards \u00b7 Marketing \u00b7 Engagement\n <\/div>\n <h1>The Loyalty & Rewards Platform That Grows Revenue, Retains Customers<br>& Automates Marketing \u2014 <em>Online, In‑Store, or Both.<\/em><\/h1>\n <p class=\"hero-sub\">Kangaroo is more than loyalty. It's a complete customer growth engine: rewards, automated marketing, referrals, gamification, and AI-powered campaigns \u2014 all in one platform that works wherever your customers are.<\/p>\n <div class=\"hero-cta-row\">\n <a href=\"https:\/\/loyalty.kangaroorewards.com\/booking-form\/\" class=\"btn-main\">Book a Free Demo \u2192<\/a>\n <a href=\"#how-it-works\" class=\"btn-ghost\">See How It Works<\/a>\n <\/div>\n <\/div>\n\n <div class=\"hero-visual\">\n\n \n <div class=\"hero-stat-card\">\n <div class=\"hero-stat-label\">Average revenue lift<\/div>\n <div class=\"hero-stat-num\"><span>+74<\/span>%<\/div>\n <div class=\"hero-stat-sub\">Merchants see this within 6 months of launching their loyalty program<\/div>\n <div class=\"hero-avatars\">\n <div class=\"hero-av\" style=\"background:linear-gradient(135deg,#2EAFD3,#1a8aaa)\">J<\/div>\n <div class=\"hero-av\" style=\"background:linear-gradient(135deg,#16a34a,#15803d)\">M<\/div>\n <div class=\"hero-av\" style=\"background:linear-gradient(135deg,#f59e0b,#d97706)\">K<\/div>\n <div class=\"hero-av\" style=\"background:linear-gradient(135deg,#8b5cf6,#7c3aed)\">R<\/div>\n <div class=\"hero-av\" style=\"background:rgba(255,255,255,0.1);font-size:0.6rem;color:rgba(255,255,255,0.6)\">+2k<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hero-mini-grid\">\n <div class=\"hero-mini-card\">\n <div class=\"hero-mini-label\">Member Retention<\/div>\n <div class=\"hero-mini-num\"><span>82<\/span>%<\/div>\n <div class=\"hero-mini-sub\">customers who join, stay<\/div>\n <div class=\"hero-mini-bar\"><div class=\"hero-mini-bar-fill\" style=\"width:82%\"><\/div><\/div>\n <\/div>\n <div class=\"hero-mini-card\">\n <div class=\"hero-mini-label\">Repeat Visits \/ Year<\/div>\n <div class=\"hero-mini-num\"><span>3\u00d7<\/span><\/div>\n <div class=\"hero-mini-sub\">vs. non-loyalty customers<\/div>\n <div class=\"hero-mini-bars\">\n <div style=\"height:14px;opacity:0.2\"><\/div><div style=\"height:20px;opacity:0.3\"><\/div>\n <div style=\"height:16px;opacity:0.2\"><\/div><div style=\"height:28px\"><\/div>\n <div style=\"height:36px;opacity:0.9\"><\/div><div style=\"height:44px\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hero-feed\">\n <div class=\"feed-header\">\n <div class=\"feed-dot\"><\/div>\n <div class=\"feed-title\">Live customer activity<\/div>\n <\/div>\n <div class=\"feed-list\" id=\"feed-list\"><\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <svg style=\"display:block;margin-top:60px\" viewBox=\"0 0 1440 48\" preserveAspectRatio=\"none\" height=\"48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M0,48 L0,20 Q360,0 720,24 Q1080,48 1440,20 L1440,48 Z\" fill=\"#ffffff\"\/>\n <\/svg>\n<\/section>\n<script>\n\/\/ Scroll reveal\nconst obs = new IntersectionObserver(e => {\n e.forEach(x => { if(x.isIntersecting){ x.target.classList.add('vis'); obs.unobserve(x.target); } });\n}, {threshold:0.1});\ndocument.querySelectorAll('.reveal').forEach(el => obs.observe(el));\n\n\/\/ Activity feed\nconst EVENTS = [\n {i:'S',bg:'linear-gradient(135deg,#2EAFD3,#1a8aaa)',main:'Sarah just earned <span class=\"hi\">250 points<\/span>',sub:'2nd purchase this week \u00b7 Gold tier',t:'just now'},\n {i:'M',bg:'linear-gradient(135deg,#16a34a,#15803d)',main:'Mike referred a friend <span class=\"hi-g\">+$15 reward<\/span>',sub:'Referral converted successfully',t:'2m ago'},\n {i:'A',bg:'linear-gradient(135deg,#f59e0b,#d97706)',main:'Anna redeemed <span class=\"hi\">500pts<\/span> for $10 off',sub:'Birthday reward triggered automatically',t:'5m ago'},\n {i:'R',bg:'linear-gradient(135deg,#8b5cf6,#7c3aed)',main:'Ryan upgraded to <span class=\"hi-a\">Platinum tier<\/span> \u2605',sub:'Crossed $500 spend threshold',t:'8m ago'},\n {i:'J',bg:'linear-gradient(135deg,#dc2626,#b91c1c)',main:'Email campaign revenue <span class=\"hi-g\">+$71,393<\/span>',sub:'4,280 recipients \u00b7 34% open rate',t:'12m ago'},\n {i:'L',bg:'linear-gradient(135deg,#0ea5e9,#0284c7)',main:'Lisa referred <span class=\"hi\">3 friends<\/span> this week',sub:'All 3 converted \u00b7 +$45 in rewards',t:'16m ago'},\n {i:'D',bg:'linear-gradient(135deg,#10b981,#059669)',main:'Win-Back re-engaged <span class=\"hi\">42 customers<\/span>',sub:'30-day inactive \u00b7 18 purchases recovered',t:'20m ago'},\n {i:'N',bg:'linear-gradient(135deg,#f97316,#ea580c)',main:'Noah reached <span class=\"hi-a\">VIP status<\/span> \u2014 top 5%',sub:'Highest spending segment \u00b7 perks unlocked',t:'24m ago'},\n {i:'C',bg:'linear-gradient(135deg,#2EAFD3,#1e8fb0)',main:\"Clara's birthday reward <span class='hi-g'>redeemed<\/span>\",sub:'Drove in-store visit + $68 order',t:'28m ago'},\n {i:'T',bg:'linear-gradient(135deg,#8b5cf6,#6d28d9)',main:'Tom referred your brand on <span class=\"hi\">Instagram<\/span>',sub:'New sign-up within 2 hours of referral',t:'32m ago'},\n];\n\nconst list = document.getElementById('feed-list');\nlet pos = 0;\nconst SHOW = 3;\n\n\/* CSS for the scroll-up conveyor *\/\nconst feedStyle = document.createElement('style');\nfeedStyle.textContent = `\n .feed-list { overflow: hidden; }\n .feed-row { transition: none; }\n .feed-row.slide-out {\n animation: feedSlideUp .32s ease forwards;\n }\n .feed-row.slide-in {\n animation: feedSlideIn .32s ease both;\n }\n @keyframes feedSlideUp {\n from { opacity:1; transform:translateY(0); max-height:60px; }\n to { opacity:0; transform:translateY(-24px); max-height:0; padding:0; }\n }\n @keyframes feedSlideIn {\n from { opacity:0; transform:translateY(20px); }\n to { opacity:1; transform:translateY(0); }\n }\n`;\ndocument.head.appendChild(feedStyle);\n\nfunction makeRow(ev) {\n const d = document.createElement('div');\n d.className = 'feed-row';\n d.innerHTML = '<div class=\"feed-av\" style=\"background:' + ev.bg + '\">' + ev.i + '<\/div>'\n + '<div class=\"feed-body\"><div class=\"feed-main\">' + ev.main + '<\/div>'\n + '<div class=\"feed-sub\">' + ev.sub + '<\/div><\/div>'\n + '<div class=\"feed-time\">' + ev.t + '<\/div>';\n return d;\n}\n\n\/\/ Seed initial 3 rows\nfunction render() {\n if (!list) return;\n list.innerHTML = '';\n for (let i = 0; i < SHOW; i++) {\n list.appendChild(makeRow(EVENTS[(pos + i) % EVENTS.length]));\n }\n}\n\nfunction tick() {\n if (!list) return;\n \/\/ Animate top row out\n const first = list.querySelector('.feed-row');\n if (!first) return;\n first.classList.add('slide-out');\n \/\/ After it's gone, append new row at bottom\n setTimeout(() => {\n first.remove();\n pos = (pos + 1) % EVENTS.length;\n const newEv = EVENTS[(pos + SHOW - 1) % EVENTS.length];\n const newRow = makeRow(newEv);\n newRow.classList.add('slide-in');\n list.appendChild(newRow);\n }, 330);\n}\n\nrender();\nsetInterval(tick, 2800);\n\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0988e5c e-flex e-con-boxed animejs-disable e-con e-parent\" data-id=\"0988e5c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d848ebf animejs-disable elementor-widget elementor-widget-html\" data-id=\"d848ebf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kangaroo \u2014 Section 03-logos<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:var(--soft)}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.9rem;color:#4a6572}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:var(--soft)}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:var(--soft)}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n<\/head>\n<body>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:var(--soft)}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.9rem;color:#4a6572}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:var(--soft)}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:var(--soft)}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n\n<div class=\"logos-strip\">\n <div class=\"logos-label\">Trusted by businesses on leading platforms<\/div>\n <div class=\"logos-wrap\">\n <div class=\"logos-track\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/1.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6;transition:opacity .2s\" onmouseover=\"this.style.opacity=1;this.style.filter='none'\" onmouseout=\"this.style.opacity=0.6;this.style.filter='grayscale(1)'\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/2.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6;transition:opacity .2s\" onmouseover=\"this.style.opacity=1;this.style.filter='none'\" onmouseout=\"this.style.opacity=0.6;this.style.filter='grayscale(1)'\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/3.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6;transition:opacity .2s\" onmouseover=\"this.style.opacity=1;this.style.filter='none'\" onmouseout=\"this.style.opacity=0.6;this.style.filter='grayscale(1)'\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/4.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6;transition:opacity .2s\" onmouseover=\"this.style.opacity=1;this.style.filter='none'\" onmouseout=\"this.style.opacity=0.6;this.style.filter='grayscale(1)'\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/5.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6;transition:opacity .2s\" onmouseover=\"this.style.opacity=1;this.style.filter='none'\" onmouseout=\"this.style.opacity=0.6;this.style.filter='grayscale(1)'\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/6.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6;transition:opacity .2s\" onmouseover=\"this.style.opacity=1;this.style.filter='none'\" onmouseout=\"this.style.opacity=0.6;this.style.filter='grayscale(1)'\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/7.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6;transition:opacity .2s\" onmouseover=\"this.style.opacity=1;this.style.filter='none'\" onmouseout=\"this.style.opacity=0.6;this.style.filter='grayscale(1)'\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/8.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6;transition:opacity .2s\" onmouseover=\"this.style.opacity=1;this.style.filter='none'\" onmouseout=\"this.style.opacity=0.6;this.style.filter='grayscale(1)'\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/9.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6;transition:opacity .2s\" onmouseover=\"this.style.opacity=1;this.style.filter='none'\" onmouseout=\"this.style.opacity=0.6;this.style.filter='grayscale(1)'\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/10.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6;transition:opacity .2s\" onmouseover=\"this.style.opacity=1;this.style.filter='none'\" onmouseout=\"this.style.opacity=0.6;this.style.filter='grayscale(1)'\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/1.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/2.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/3.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/4.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/5.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/6.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/7.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/8.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/9.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/10.png\" alt=\"Partner\" style=\"height:36px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.6\">\n <\/div>\n <\/div>\n<\/div>\n<script>document.addEventListener(\"DOMContentLoaded\",function(){document.querySelectorAll(\".reveal\").forEach(function(e){e.classList.add(\"vis\");});});<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef813df e-flex e-con-boxed animejs-disable e-con e-parent\" data-id=\"ef813df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a196c86 animejs-disable elementor-widget elementor-widget-html\" data-id=\"a196c86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kangaroo \u2014 Section 04-stats<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:var(--soft)}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.9rem;color:#4a6572}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:var(--soft)}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:var(--soft)}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n<\/head>\n<body>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:var(--soft)}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.9rem;color:#4a6572}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:var(--soft)}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:var(--soft)}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n\n<section class=\"stats-sec\">\n <div class=\"stats-inner\">\n <div class=\"stats-label reveal\">The numbers don't lie<\/div>\n <h2 class=\"stats-heading reveal\">What Businesses See When<br>Loyalty Actually Works<\/h2>\n <div class=\"stats-grid\">\n <div class=\"stat-card reveal\"><div class=\"stat-num\">74%<\/div><div class=\"stat-text\">Average increase in spend per visit \u2014 loyalty members buy more, every single time they come back<\/div><\/div>\n <div class=\"stat-card reveal\"><div class=\"stat-num\">82%<\/div><div class=\"stat-text\">Member retention rate \u2014 customers who join a Kangaroo program don't just stay, they become advocates<\/div><\/div>\n <div class=\"stat-card reveal\"><div class=\"stat-num\">3\u00d7<\/div><div class=\"stat-text\">More visits per year compared to non-loyalty customers \u2014 your best customers keep coming back<\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n<script>document.addEventListener(\"DOMContentLoaded\",function(){document.querySelectorAll(\".reveal\").forEach(function(e){e.classList.add(\"vis\");});});<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d511408 e-flex e-con-boxed animejs-disable e-con e-parent\" data-id=\"d511408\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de060be animejs-disable elementor-widget elementor-widget-html\" data-id=\"de060be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kangaroo \u2014 Section 05-acquisition<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:var(--soft)}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.9rem;color:#4a6572}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:var(--soft)}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:var(--soft)}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n<\/head>\n<body>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:var(--soft)}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.9rem;color:#4a6572}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:var(--soft)}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:var(--soft)}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n\n<section class=\"dual-sec\">\n <div class=\"dual-inner\">\n <div class=\"dual-text\">\n <span class=\"dual-tag reveal\">Customer Acquisition<\/span>\n <h2 class=\"dual-h reveal\">Turn Your Best Customers Into Your Best Sales Channel<\/h2>\n <p class=\"dual-p reveal\">Stop paying for ads to reach strangers. With Kangaroo's built-in referral programs, your loyal customers become your most powerful growth engine \u2014 bringing in high-intent buyers who already trust your brand.<\/p>\n <ul class=\"check-list reveal\">\n <li><span class=\"check-ok\">\u2713<\/span> Automated referral rewards that scale without manual work<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> Spin-to-win, contests & giveaways that attract new sign-ups<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> VIP tiers that incentivize customers to spend more<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> Lower CAC while increasing conversion rates from day one<\/li>\n <\/ul>\n <a href=\"https:\/\/loyalty.kangaroorewards.com\/booking-form\/\" class=\"btn-main reveal\" style=\"display:inline-block\">See How Referrals Work \u2192<\/a>\n <\/div>\n <div class=\"dual-visual reveal\">\n <div style=\"border-radius:20px;overflow:hidden;box-shadow:0 24px 64px rgba(46,175,211,0.15);border:1.5px solid var(--border)\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/02\/1-3.png\" alt=\"Kangaroo Referral Program\" style=\"width:100%;height:auto;display:block\">\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<script>document.addEventListener(\"DOMContentLoaded\",function(){document.querySelectorAll(\".reveal\").forEach(function(e){e.classList.add(\"vis\");});});<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-703074e e-flex e-con-boxed animejs-disable e-con e-parent\" data-id=\"703074e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7761528 animejs-disable elementor-widget elementor-widget-html\" data-id=\"7761528\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kangaroo \u2014 06-retention<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:#fff}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:#4a6572;line-height:1.7}.check-list li strong{color:var(--navy)}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:#fff}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:#fff}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n<\/head>\n<body>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:#fff}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:#4a6572;line-height:1.7}.check-list li strong{color:var(--navy)}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:#fff}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:#fff}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n\n<section class=\"dual-sec alt\" style=\"background:#ffffff !important;\">\n <div class=\"dual-inner rev\">\n <div class=\"dual-text\">\n <span class=\"dual-tag reveal\">Customer Retention<\/span>\n <h2 class=\"dual-h reveal\">Stop Losing Customers to Competitors Who Reward Them Better<\/h2>\n <p class=\"dual-p reveal\">The most expensive thing in your business is a customer who came once and never returned. Kangaroo makes loyalty feel effortless for customers \u2014 and profitable for you.<\/p>\n <ul class=\"check-list reveal\">\n <li><span class=\"check-ok\">\u2713<\/span> Points and rewards for every purchase, visit, and action<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> Automated win-back campaigns for lapsed customers<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> Birthday, anniversary & milestone rewards that feel personal<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> 82% retention rate \u2014 customers who join, stay<\/li>\n <\/ul>\n <a href=\"https:\/\/loyalty.kangaroorewards.com\/booking-form\/\" class=\"btn-main reveal\" style=\"display:inline-block\">Boost Your Retention \u2192<\/a>\n <\/div>\n <div class=\"dual-visual reveal\">\n\n <div class=\"ret-compare\">\n <div class=\"ret-box-bad\">\n <div class=\"ret-tag bad\">Without Kangaroo<\/div>\n <div class=\"ret-big bad\">34%<\/div>\n <div class=\"ret-label bad\">avg. retention<\/div>\n <div class=\"ret-bar-bg ret-bar-bad\"><div class=\"ret-bar-fill\" style=\"width:34%;background:linear-gradient(90deg,#ef4444,#f87171)\"><\/div><\/div>\n <\/div>\n <div class=\"ret-box-good\">\n <div class=\"ret-tag good\">With Kangaroo<\/div>\n <div class=\"ret-big good\">82%<\/div>\n <div class=\"ret-label good\">avg. retention<\/div>\n <div class=\"ret-bar-bg ret-bar-good\"><div class=\"ret-bar-fill\" style=\"width:82%;background:linear-gradient(90deg,#22c55e,#4ade80)\"><\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"ret-stat-card\">\n <div class=\"ret-stat-label\">What the difference drives<\/div>\n <div class=\"ret-stat-grid\">\n <div class=\"ret-stat-item\"><div class=\"ret-stat-num\">3\u00d7<\/div><div class=\"ret-stat-sub\">more visits per year<\/div><\/div>\n <div class=\"ret-stat-item mid\"><div class=\"ret-stat-num\">74%<\/div><div class=\"ret-stat-sub\">higher avg spend<\/div><\/div>\n <div class=\"ret-stat-item\"><div class=\"ret-stat-num\">+56%<\/div><div class=\"ret-stat-sub\">lifetime value<\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"ret-flows\">\n <div class=\"ret-flows-label\">Retention runs automatically<\/div>\n <div class=\"ret-flow-row\">\n <div class=\"ret-flow-ico\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M7 1.5C4 1.5 1.5 4 1.5 7S4 12.5 7 12.5 12.5 10 12.5 7\" stroke=\"#2EAFD3\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/><path d=\"M7 4v3.5l2 1.5\" stroke=\"#2EAFD3\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M10.5 1.5v2.5H13\" stroke=\"#2EAFD3\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <div class=\"ret-flow-body\"><div class=\"ret-flow-title\">Win-Back at 30 \/ 60 \/ 90 Days<\/div><div class=\"ret-flow-sub\">Re-engages before they go to your competitor<\/div><\/div>\n <span class=\"ret-flow-badge badge-green\">Running<\/span>\n <\/div>\n <div class=\"ret-flow-row\">\n <div class=\"ret-flow-ico\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><rect x=\"1.5\" y=\"3\" width=\"11\" height=\"9\" rx=\"1.5\" stroke=\"#2EAFD3\" stroke-width=\"1.4\"\/><path d=\"M5 1.5V3M9 1.5V3\" stroke=\"#2EAFD3\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/><path d=\"M1.5 6h11\" stroke=\"#2EAFD3\" stroke-width=\"1.4\"\/><\/svg>\n <\/div>\n <div class=\"ret-flow-body\"><div class=\"ret-flow-title\">Birthday & Anniversary Rewards<\/div><div class=\"ret-flow-sub\">Personal moments that guarantee a return visit<\/div><\/div>\n <span class=\"ret-flow-badge badge-blue\">Active<\/span>\n <\/div>\n <div class=\"ret-flow-row\">\n <div class=\"ret-flow-ico\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M7 2L8.5 5.5H12L9.2 7.8l1 3.5L7 9.2l-3.2 2.1 1-3.5L2 5.5h3.5L7 2z\" stroke=\"#2EAFD3\" stroke-width=\"1.3\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <div class=\"ret-flow-body\"><div class=\"ret-flow-title\">Points Expiry Nudges<\/div><div class=\"ret-flow-sub\">Creates urgency to return before points expire<\/div><\/div>\n <span class=\"ret-flow-badge badge-green\">Running<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n<script>document.addEventListener(\"DOMContentLoaded\",function(){document.querySelectorAll(\".reveal\").forEach(function(e){e.classList.add(\"vis\");});});<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f40b02d e-flex e-con-boxed animejs-disable e-con e-parent\" data-id=\"f40b02d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c904bf animejs-disable elementor-widget elementor-widget-html\" data-id=\"2c904bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kangaroo \u2014 Marketing Automation<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:#fff}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:#4a6572;line-height:1.7}.check-list li strong{color:var(--navy)}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:#fff}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:#fff}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n<\/head>\n<body>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:#fff}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:#4a6572;line-height:1.7}.check-list li strong{color:var(--navy)}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:#fff}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:#fff}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n\n<section class=\"dual-sec\" style=\"background:#ffffff !important;\">\n <div class=\"dual-inner\">\n <div class=\"dual-text\">\n <span class=\"dual-tag reveal\">Marketing Automation<\/span>\n <h2 class=\"dual-h reveal\">Email, SMS & Push \u2014 All Built In. No Other Tool Required.<\/h2>\n <p class=\"dual-p reveal\">Every other loyalty platform sends you to a third-party for marketing. Kangaroo has email, SMS, and push notifications built natively \u2014 so your campaigns, rewards, and automations all live in one place.<\/p>\n <ul class=\"check-list reveal\">\n <li><span class=\"check-ok\">\u2713<\/span> 18 prebuilt workflows \u2014 abandoned cart, win-back, tier upgrades & more<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> Behaviour-triggered campaigns that fire from real loyalty events<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> Geofencing \u2014 push offers when customers are near your store<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> AI-powered campaigns that optimise targeting automatically<\/li>\n <\/ul>\n <a href=\"https:\/\/loyalty.kangaroorewards.com\/booking-form\/\" class=\"btn-main reveal\" style=\"display:inline-block\">See Marketing in Action \u2192<\/a>\n <\/div>\n <div class=\"dual-visual reveal\">\n <style>\n \/* \u2500\u2500 OMNICHANNEL SCENE v3 \u2500\u2500 *\/\n .oc-scene {\n position: relative;\n width: 100%;\n min-height: 580px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n \/* Central email card *\/\n .oc-email {\n position: relative;\n z-index: 10;\n width: 210px;\n background: #fff;\n border: 1.5px solid var(--border);\n border-radius: 18px;\n overflow: hidden;\n box-shadow: 0 20px 60px rgba(46,175,211,0.18), 0 4px 16px rgba(0,0,0,0.08);\n animation: ocPop 0.6s 0.1s cubic-bezier(.34,1.56,.64,1) both;\n margin-top: 20px;\n }\n @keyframes ocPop {\n from { opacity:0; transform: scale(0.75) translateY(20px); }\n to { opacity:1; transform: scale(1) translateY(0); }\n }\n\n \/* Floating cards *\/\n .oc-card {\n position: absolute;\n border-radius: 16px;\n padding: 13px 14px;\n box-shadow: 0 12px 36px rgba(0,0,0,0.12);\n animation: ocFloat 4s ease-in-out infinite;\n z-index: 15;\n }\n @keyframes ocFloat {\n 0%,100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n }\n\n \/* Node labels *\/\n .oc-node {\n position: absolute;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n z-index: 12;\n animation: ocPop 0.5s cubic-bezier(.34,1.56,.64,1) both;\n }\n .oc-node-icon {\n width: 56px; height: 56px;\n border-radius: 16px;\n display: flex; align-items: center; justify-content: center;\n box-shadow: 0 8px 24px rgba(0,0,0,0.18);\n }\n .oc-node-label {\n font-family: 'Sora', sans-serif;\n font-size: 0.64rem; font-weight: 700; color: var(--navy);\n background: #fff; border: 1px solid var(--border);\n border-radius: 100px; padding: 3px 12px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n white-space: nowrap;\n }\n .oc-node-tag {\n font-size: 0.52rem; font-weight: 600;\n border-radius: 8px; padding: 3px 9px;\n white-space: nowrap; text-align: center; line-height: 1.4;\n }\n .oc-tag-blue { background: #edf8fc; border: 1px solid rgba(46,175,211,0.3); color: var(--blue); }\n .oc-tag-green { background: #f0fdf4; border: 1px solid rgba(22,163,74,0.3); color: var(--green); }\n\n \/* Synced badge *\/\n .oc-badge {\n position: absolute;\n bottom: 0; left: 50%; transform: translateX(-50%);\n background: var(--navy2); color: #fff;\n border-radius: 100px; padding: 7px 18px;\n font-size: 0.64rem; font-weight: 700;\n font-family: 'Sora', sans-serif;\n white-space: nowrap; z-index: 20;\n display: flex; align-items: center; gap: 8px;\n box-shadow: 0 6px 20px rgba(15,28,92,0.3);\n animation: ocBadge 0.5s 1.4s cubic-bezier(.34,1.56,.64,1) both;\n }\n @keyframes ocBadge {\n from { opacity:0; transform: translateX(-50%) translateY(14px); }\n to { opacity:1; transform: translateX(-50%) translateY(0); }\n }\n .oc-live-dot {\n width: 7px; height: 7px; border-radius: 50%;\n background: var(--blue); flex-shrink: 0;\n animation: livePulse 1.6s ease-in-out infinite;\n }\n\n \/* SVG connector lines *\/\n .oc-lines {\n position: absolute; inset: 0;\n width: 100%; height: 100%;\n pointer-events: none; z-index: 5; overflow: visible;\n }\n .oc-line-b { stroke: var(--blue); stroke-width: 1.5; fill: none; stroke-dasharray: 5 4; animation: dashFlow 1.5s linear infinite; opacity: 0.45; }\n .oc-line-g { stroke: #16a34a; stroke-width: 1.5; fill: none; stroke-dasharray: 5 4; animation: dashFlow 1.5s linear infinite 0.75s; opacity: 0.45; }\n <\/style>\n\n <div class=\"oc-scene\">\n\n \n <svg class=\"oc-lines\" viewBox=\"0 0 520 580\" preserveAspectRatio=\"xMidYMid meet\">\n \n <line class=\"oc-line-b\" x1=\"260\" y1=\"290\" x2=\"90\" y2=\"460\"\/>\n \n <line class=\"oc-line-g\" x1=\"260\" y1=\"290\" x2=\"430\" y2=\"460\"\/>\n \n <circle r=\"5\" fill=\"#2EAFD3\">\n <animate attributeName=\"opacity\" values=\"0;1;1;0\" keyTimes=\"0;0.1;0.85;1\" dur=\"2.5s\" repeatCount=\"indefinite\" begin=\"0.3s\"\/>\n <animateTransform attributeName=\"transform\" type=\"translate\" values=\"260,290;90,460\" dur=\"2.5s\" repeatCount=\"indefinite\" begin=\"0.3s\"\/>\n <\/circle>\n \n <circle r=\"5\" fill=\"#16a34a\">\n <animate attributeName=\"opacity\" values=\"0;1;1;0\" keyTimes=\"0;0.1;0.85;1\" dur=\"2.5s\" repeatCount=\"indefinite\" begin=\"1.5s\"\/>\n <animateTransform attributeName=\"transform\" type=\"translate\" values=\"260,290;430,460\" dur=\"2.5s\" repeatCount=\"indefinite\" begin=\"1.5s\"\/>\n <\/circle>\n <\/svg>\n\n \n <div class=\"oc-email\">\n \n <div style=\"background:linear-gradient(135deg,var(--navy2),#162060);padding:14px 14px 10px;position:relative;\">\n <div style=\"position:absolute;inset:0;background:radial-gradient(circle at 70% 50%,rgba(46,175,211,0.18),transparent);pointer-events:none;\"><\/div>\n <div style=\"font-size:0.5rem;color:rgba(255,255,255,0.45);margin-bottom:3px;position:relative;z-index:2;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;\">Limited Offer · Gold Members<\/div>\n <div style=\"font-family:'Sora',sans-serif;font-size:0.84rem;font-weight:800;color:#fff;line-height:1.2;margin-bottom:10px;position:relative;z-index:2;\">New Season Jacket<br><span style=\"color:var(--blue);\">500 pts = 20% Off<\/span><\/div>\n \n <div style=\"position:relative;z-index:2;border-radius:12px;overflow:hidden;border:1.5px solid rgba(46,175,211,0.3);box-shadow:0 6px 20px rgba(0,0,0,0.35);\">\n <img decoding=\"async\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/03\/Untitled-design-2026-03-11T191634.875.png\" alt=\"New Season Jacket\" style=\"width:100%;height:auto;display:block;\"\/>\n <div style=\"position:absolute;top:8px;right:8px;background:var(--blue);color:#fff;border-radius:100px;padding:3px 10px;font-size:0.6rem;font-weight:800;font-family:'Sora',sans-serif;box-shadow:0 2px 8px rgba(0,0,0,0.3);\">20% OFF<\/div>\n <\/div>\n <\/div>\n \n <div style=\"padding:10px 13px 12px;\">\n <div style=\"font-size:0.6rem;color:#4a6572;line-height:1.6;margin-bottom:9px;\">Hi Sarah — your <strong style=\"color:var(--navy);\">Gold rewards<\/strong> unlock exclusive 20% off our new season jacket.<\/div>\n <div style=\"background:var(--blue);color:#fff;border-radius:8px;padding:8px;text-align:center;font-family:'Sora',sans-serif;font-size:0.65rem;font-weight:700;cursor:default;\">Redeem 500 pts → Shop Now<\/div>\n <div style=\"display:flex;align-items:center;gap:5px;margin-top:8px;font-size:0.55rem;color:var(--muted);\">\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><circle cx=\"5\" cy=\"5\" r=\"4\" stroke=\"#f59e0b\" stroke-width=\"1\"\/><path d=\"M5 3v2.5l1.5 1\" stroke=\"#f59e0b\" stroke-width=\"1\" stroke-linecap=\"round\"\/><\/svg>\n Offer expires in <strong style=\"color:var(--navy);margin-left:2px;\">48 hrs<\/strong>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"oc-card\" style=\"top:2%;left:-2%;width:186px;background:#fff;border:1.5px solid var(--border);animation-delay:0s;animation-duration:4.2s;\">\n <div style=\"display:flex;align-items:center;gap:8px;margin-bottom:8px;\">\n <div style=\"width:28px;height:28px;border-radius:8px;background:rgba(22,163,74,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\"><rect x=\"1.5\" y=\"1.5\" width=\"10\" height=\"7.5\" rx=\"1.5\" stroke=\"#16a34a\" stroke-width=\"1.2\"\/><path d=\"M4 9l.5 1.5 2-1.5\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M4 5h5M4 6.5h3\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>\n <\/div>\n <div style=\"flex:1;\">\n <div style=\"font-size:0.64rem;font-weight:700;color:var(--navy);\">SMS<\/div>\n <div style=\"font-size:0.54rem;color:var(--muted);\">Just delivered<\/div>\n <\/div>\n <div style=\"background:rgba(22,163,74,0.1);color:var(--green);font-size:0.52rem;font-weight:700;padding:2px 8px;border-radius:100px;\">Sent<\/div>\n <\/div>\n <div style=\"background:#f0fdf4;border-radius:9px;padding:8px 10px;font-size:0.62rem;color:#166534;line-height:1.55;font-style:italic;\">\"Sarah, your 20% jacket offer expires in 48hrs — shop now!\"<\/div>\n <div style=\"display:flex;justify-content:space-between;margin-top:7px;font-size:0.56rem;\">\n <span style=\"color:var(--muted);\">4,280 sent<\/span>\n <span style=\"color:var(--green);font-weight:700;\">68% open<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"oc-card\" style=\"top:0%;right:-2%;width:200px;background:#0f172a;border:1px solid rgba(255,255,255,0.08);animation-delay:1.1s;animation-duration:3.8s;padding:12px 13px;\">\n <div style=\"display:flex;align-items:center;gap:8px;margin-bottom:8px;\">\n <div style=\"width:28px;height:28px;border-radius:8px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><rect x=\"2\" y=\"1\" width=\"8\" height=\"10\" rx=\"2\" stroke=\"#fff\" stroke-width=\"1.2\"\/><path d=\"M4 2.5h4\" stroke=\"#fff\" stroke-width=\"1\" stroke-linecap=\"round\"\/><circle cx=\"6\" cy=\"9\" r=\"0.8\" fill=\"#fff\"\/><\/svg>\n <\/div>\n <div style=\"flex:1;\">\n <div style=\"font-size:0.64rem;font-weight:700;color:rgba(255,255,255,0.95);\">Urban Store<\/div>\n <div style=\"font-size:0.5rem;color:rgba(255,255,255,0.35);\">Push notification · now<\/div>\n <\/div>\n <div style=\"font-size:0.48rem;color:rgba(255,255,255,0.25);\">now<\/div>\n <\/div>\n <div style=\"font-size:0.62rem;color:rgba(255,255,255,0.82);line-height:1.55;margin-bottom:9px;\">You're near our store! Redeem your <span style=\"color:var(--blue);font-weight:700;\">Gold Reward<\/span> — jacket offer active.<\/div>\n <div style=\"display:flex;gap:6px;\">\n <div style=\"flex:1;background:var(--blue);border-radius:7px;padding:6px;text-align:center;font-size:0.56rem;font-weight:700;color:#fff;cursor:default;\">Redeem Now<\/div>\n <div style=\"flex:1;background:rgba(255,255,255,0.06);border-radius:7px;padding:6px;text-align:center;font-size:0.56rem;color:rgba(255,255,255,0.3);cursor:default;\">Later<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"oc-card\" style=\"bottom:42%;right:-4%;width:196px;background:#fff;border:1.5px solid var(--border);animation-delay:0.5s;animation-duration:5s;\">\n <div style=\"display:flex;align-items:center;gap:8px;margin-bottom:8px;\">\n <div style=\"width:28px;height:28px;border-radius:8px;background:rgba(46,175,211,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\"><rect x=\"1.5\" y=\"2.5\" width=\"10\" height=\"8\" rx=\"1.5\" stroke=\"#2EAFD3\" stroke-width=\"1.2\"\/><path d=\"M1.5 5l5 3.5 5-3.5\" stroke=\"#2EAFD3\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <div style=\"flex:1;\">\n <div style=\"font-size:0.64rem;font-weight:700;color:var(--navy);\">Email Campaign<\/div>\n <div style=\"font-size:0.52rem;color:var(--muted);\">Win-Back · Gold tier<\/div>\n <\/div>\n <div style=\"background:rgba(46,175,211,0.1);color:var(--blue);font-size:0.5rem;font-weight:700;padding:2px 8px;border-radius:100px;\">Live<\/div>\n <\/div>\n <div style=\"background:var(--soft);border-radius:9px;padding:8px 10px;margin-bottom:7px;\">\n <div style=\"font-size:0.6rem;font-weight:700;color:var(--navy);margin-bottom:2px;\">Your jacket offer is waiting<\/div>\n <div style=\"font-size:0.56rem;color:var(--muted);line-height:1.5;\">Redeem 500 pts for 20% off — expires soon.<\/div>\n <\/div>\n <div style=\"display:flex;justify-content:space-between;font-size:0.56rem;\">\n <span style=\"color:var(--muted);\">12,400 sent<\/span>\n <span style=\"color:var(--blue);font-weight:700;\">42% open rate<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"oc-node\" style=\"bottom:8%;left:0%;animation-delay:0.4s;\">\n <div class=\"oc-node-icon\" style=\"background:linear-gradient(135deg,#1e3a5c,#2d5480);\">\n <svg width=\"27\" height=\"27\" viewBox=\"0 0 26 26\" fill=\"none\">\n <rect x=\"3\" y=\"4\" width=\"20\" height=\"13\" rx=\"2.5\" stroke=\"#2EAFD3\" stroke-width=\"1.5\"\/>\n <path d=\"M9 21h8M13 17v4\" stroke=\"#2EAFD3\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <rect x=\"6\" y=\"7\" width=\"14\" height=\"7\" rx=\"1\" fill=\"rgba(46,175,211,0.15)\"\/>\n <path d=\"M8 10.5h6M8 12.5h4\" stroke=\"#2EAFD3\" stroke-width=\"1\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"oc-node-label\">Online Store<\/div>\n <div class=\"oc-node-tag oc-tag-blue\">🛒 Product checked out<\/div>\n <\/div>\n\n \n <div class=\"oc-node\" style=\"bottom:8%;right:0%;animation-delay:0.6s;\">\n <div class=\"oc-node-icon\" style=\"background:linear-gradient(135deg,#c2440c,#ea580c);\">\n <svg width=\"27\" height=\"27\" viewBox=\"0 0 26 26\" fill=\"none\">\n <path d=\"M4 12h18v9a1 1 0 01-1 1H5a1 1 0 01-1-1v-9z\" stroke=\"#fff\" stroke-width=\"1.5\"\/>\n <path d=\"M2 12l2.5-6h17L24 12\" stroke=\"#fff\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M10 22v-5h6v5\" stroke=\"#fff\" stroke-width=\"1.3\" stroke-linecap=\"round\"\/>\n <path d=\"M7 12a3 3 0 01-6 0M13 12a3 3 0 01-6 0M13 12a3 3 0 006 0M19 12a3 3 0 006 0\" stroke=\"#fff\" stroke-width=\"1.1\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"oc-node-label\">Retail Store<\/div>\n <div class=\"oc-node-tag oc-tag-green\" style=\"text-align:center;\">✓ Product purchased offline<br><span style=\"font-weight:400;opacity:0.8;\">after campaign<\/span><\/div>\n <\/div>\n\n \n <div class=\"oc-badge\">\n <div class=\"oc-live-dot\"><\/div>\n One profile · All channels synced\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<script>document.addEventListener(\"DOMContentLoaded\",function(){document.querySelectorAll(\".reveal\").forEach(function(e){e.classList.add(\"vis\");});});<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-394e001 e-flex e-con-boxed animejs-disable e-con e-parent\" data-id=\"394e001\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66baa50 animejs-disable elementor-widget elementor-widget-html\" data-id=\"66baa50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kangaroo \u2014 Powerful Analytics<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\"><style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:#fff}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:#4a6572;line-height:1.7}.check-list li strong{color:var(--navy)}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:#fff}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:#fff}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n<\/head>\n<body><style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:#fff}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:#4a6572;line-height:1.7}.check-list li strong{color:var(--navy)}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:#fff}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:#fff}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n\n<style>\n \/* \u2500\u2500 ANALYTICS SECTION \u2500\u2500 *\/\n .analytics-sec { background:#fff; padding:88px 5%; position:relative; overflow:hidden; }\n .analytics-sec::before {\n content:''; position:absolute; inset:0;\n background: radial-gradient(ellipse 60% 40% at 90% 20%, rgba(46,175,211,0.07), transparent),\n radial-gradient(ellipse 40% 50% at 10% 80%, rgba(15,28,92,0.04), transparent);\n pointer-events:none;\n }\n .analytics-inner { max-width:1200px; margin:0 auto; position:relative; z-index:1; }\n .analytics-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }\n .analytics-grid .an-text { order:2; }\n .analytics-grid .an-visual { order:1; }\n\n \/* Stat cards inside visual *\/\n .an-visual { position:relative; }\n .an-dashboard {\n background:var(--navy2); border-radius:22px; overflow:hidden;\n box-shadow:0 24px 72px rgba(15,28,92,0.25), 0 4px 16px rgba(0,0,0,0.1);\n border:1px solid rgba(255,255,255,0.06);\n }\n .an-dash-header {\n background:rgba(255,255,255,0.04);\n border-bottom:1px solid rgba(255,255,255,0.06);\n padding:14px 20px;\n display:flex; align-items:center; gap:10px;\n }\n .an-dash-dot { width:8px; height:8px; border-radius:50%; }\n .an-dash-title { font-size:0.7rem; font-weight:700; color:rgba(255,255,255,0.5); margin-left:6px; text-transform:uppercase; letter-spacing:0.1em; }\n .an-dash-live { margin-left:auto; display:flex; align-items:center; gap:5px; font-size:0.6rem; font-weight:700; color:var(--green); }\n .an-dash-live-dot { width:6px; height:6px; border-radius:50%; background:var(--green); animation:livePulse 1.6s ease-in-out infinite; }\n\n .an-kpi-row { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(255,255,255,0.06); border-bottom:1px solid rgba(255,255,255,0.06); }\n .an-kpi {\n background:var(--navy2); padding:18px 16px; text-align:center;\n }\n .an-kpi-num { font-family:'Sora',sans-serif; font-size:1.8rem; font-weight:800; line-height:1; letter-spacing:-0.03em; }\n .an-kpi-label { font-size:0.58rem; color:rgba(255,255,255,0.4); text-transform:uppercase; letter-spacing:0.08em; margin-top:4px; }\n .an-kpi-delta { font-size:0.6rem; font-weight:700; margin-top:3px; }\n .delta-up { color:var(--green); }\n .delta-dn { color:#f87171; }\n\n .an-chart-area { padding:18px 20px; }\n .an-chart-label { font-size:0.6rem; font-weight:700; color:rgba(255,255,255,0.35); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:12px; }\n .an-bar-chart { display:flex; gap:6px; align-items:flex-end; height:72px; }\n .an-bar-wrap { flex:1; display:flex; flex-direction:column; align-items:center; gap:4px; }\n .an-bar {\n width:100%; border-radius:5px 5px 0 0;\n background:rgba(46,175,211,0.3);\n position:relative; overflow:hidden;\n animation:barGrow 1s ease both;\n }\n .an-bar.highlight { background:var(--blue); }\n .an-bar::after {\n content:''; position:absolute; inset:0;\n background:linear-gradient(to bottom, rgba(255,255,255,0.15), transparent);\n }\n @keyframes barGrow {\n from { transform:scaleY(0); transform-origin:bottom; opacity:0; }\n to { transform:scaleY(1); transform-origin:bottom; opacity:1; }\n }\n .an-bar-month { font-size:0.5rem; color:rgba(255,255,255,0.3); }\n\n .an-segments { padding:0 20px 18px; display:grid; grid-template-columns:1fr 1fr; gap:8px; }\n .an-seg {\n background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.06);\n border-radius:10px; padding:10px 12px;\n display:flex; align-items:center; gap:8px;\n }\n .an-seg-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }\n .an-seg-label { font-size:0.58rem; color:rgba(255,255,255,0.65); }\n .an-seg-val { margin-left:auto; font-family:'Sora',sans-serif; font-size:0.72rem; font-weight:700; color:#fff; }\n\n \/* Floating stat cards *\/\n .an-float {\n position:absolute;\n background:#fff; border:1.5px solid var(--border);\n border-radius:14px; padding:12px 14px;\n box-shadow:0 12px 36px rgba(0,0,0,0.12);\n animation:floatCard 4s ease-in-out infinite;\n z-index:20;\n }\n .an-float-title { font-size:0.6rem; font-weight:700; color:var(--navy); margin-bottom:4px; }\n .an-float-val { font-family:'Sora',sans-serif; font-size:1.4rem; font-weight:800; color:var(--blue); line-height:1; }\n .an-float-sub { font-size:0.52rem; color:var(--muted); margin-top:3px; }\n .an-float-bar { height:3px; border-radius:2px; background:rgba(46,175,211,0.12); margin-top:8px; overflow:hidden; }\n .an-float-bar-fill { height:100%; border-radius:2px; background:var(--blue); }\n\n \/* bullet list uses shared .check-list styles *\/\n\n @media(max-width:900px){\n \/* Stack columns *\/\n .analytics-grid { grid-template-columns:1fr; gap:40px; }\n\n \/* On mobile: visual BELOW text (easier to read story first) *\/\n .analytics-grid .an-text { order:1; }\n .analytics-grid .an-visual { order:2; }\n\n \/* Remove desktop padding\/overflow *\/\n .an-visual { padding: 16px 0 20px 0 !important; }\n .analytics-sec { padding:56px 5%; }\n\n \/* Dashboard fills full width, no overflow *\/\n .an-dashboard { width:100% !important; }\n\n \/* KPI row: 3 cols still work on tablet, stack on very small *\/\n .an-kpi-num { font-size:1.4rem !important; }\n\n \/* Bar chart: shrink a bit *\/\n .an-bar-chart { height:56px !important; }\n\n \/* Segment grid: 2 col still fine *\/\n\n \/* Hide floating cards on mobile \u2014 they overlap and break layout *\/\n .an-float { display:none !important; }\n }\n\n @media(max-width:480px){\n \/* KPI row: stack to 1 col on tiny screens *\/\n .an-kpi-row { grid-template-columns:1fr !important; }\n .an-kpi { border-bottom: 1px solid rgba(255,255,255,0.06); }\n\n \/* Segments: full width *\/\n .an-segments { grid-template-columns:1fr !important; }\n\n .an-kpi-num { font-size:1.6rem !important; }\n }\n<\/style>\n\n<section class=\"analytics-sec\" style=\"background:#ffffff !important;\">\n <div class=\"analytics-inner\">\n <div class=\"analytics-grid\">\n\n \n <div class=\"an-text\">\n <span class=\"dual-tag reveal\">Powerful Analytics<\/span>\n <h2 class=\"dual-h reveal\">Know What Works.<br>Do More of It.<\/h2>\n <p class=\"dual-p reveal\">Stop guessing what drives results. With Kangaroo's built-in analytics, you can track every interaction, measure campaign performance, and understand which customers generate the most revenue \u2014 making smarter, data-backed decisions that actually move your business forward.<\/p>\n\n <ul class=\"check-list reveal\">\n <li><span class=\"check-ok\">\u2713<\/span> Track customer behaviour in real time across both online and in-store touchpoints<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> Proactively identify and re-engage customers at risk of churn before they drop off<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> Unlock 99+ advanced customer segments \u2014 dormant, at-risk, highly engaged, location-based, purchase behaviour & more<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> Measure the true ROI of every campaign and reward \u2014 understand what's actually driving results<\/li>\n <li><span class=\"check-ok\">\u2713<\/span> Deliver the right message to the right audience at precisely the right moment<\/li>\n <\/ul>\n\n <a href=\"https:\/\/loyalty.kangaroorewards.com\/booking-form\/\" class=\"btn-main reveal\" style=\"display:inline-block\">See Analytics in Action \u2192<\/a>\n <\/div>\n\n \n <div class=\"an-visual reveal\" style=\"position:relative;padding:20px 0 48px 20px;\">\n\n \n <div class=\"an-dashboard\">\n \n <div class=\"an-dash-header\">\n <div class=\"an-dash-dot\" style=\"background:#f87171;\"><\/div>\n <div class=\"an-dash-dot\" style=\"background:#fbbf24;\"><\/div>\n <div class=\"an-dash-dot\" style=\"background:#4ade80;\"><\/div>\n <div class=\"an-dash-title\">Customer Intelligence Dashboard<\/div>\n <div class=\"an-dash-live\"><div class=\"an-dash-live-dot\"><\/div> Live<\/div>\n <\/div>\n\n \n <div class=\"an-kpi-row\">\n <div class=\"an-kpi\">\n <div class=\"an-kpi-num\" style=\"color:var(--blue);\">$284K<\/div>\n <div class=\"an-kpi-label\">Revenue (30d)<\/div>\n <div class=\"an-kpi-delta delta-up\">\u2191 18.4%<\/div>\n <\/div>\n <div class=\"an-kpi\">\n <div class=\"an-kpi-num\" style=\"color:#a78bfa;\">12,483<\/div>\n <div class=\"an-kpi-label\">Active Members<\/div>\n <div class=\"an-kpi-delta delta-up\">\u2191 9.2%<\/div>\n <\/div>\n <div class=\"an-kpi\">\n <div class=\"an-kpi-num\" style=\"color:var(--green);\">82%<\/div>\n <div class=\"an-kpi-label\">Retention Rate<\/div>\n <div class=\"an-kpi-delta delta-up\">\u2191 4.1%<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"an-chart-area\">\n <div class=\"an-chart-label\">Monthly Revenue from Loyalty Members<\/div>\n <div class=\"an-bar-chart\">\n <div class=\"an-bar-wrap\"><div class=\"an-bar\" style=\"height:38px;animation-delay:.05s\"><\/div><div class=\"an-bar-month\">Aug<\/div><\/div>\n <div class=\"an-bar-wrap\"><div class=\"an-bar\" style=\"height:44px;animation-delay:.1s\"><\/div><div class=\"an-bar-month\">Sep<\/div><\/div>\n <div class=\"an-bar-wrap\"><div class=\"an-bar\" style=\"height:36px;animation-delay:.15s\"><\/div><div class=\"an-bar-month\">Oct<\/div><\/div>\n <div class=\"an-bar-wrap\"><div class=\"an-bar\" style=\"height:52px;animation-delay:.2s\"><\/div><div class=\"an-bar-month\">Nov<\/div><\/div>\n <div class=\"an-bar-wrap\"><div class=\"an-bar\" style=\"height:62px;animation-delay:.25s\"><\/div><div class=\"an-bar-month\">Dec<\/div><\/div>\n <div class=\"an-bar-wrap\"><div class=\"an-bar highlight\" style=\"height:55px;animation-delay:.3s\"><\/div><div class=\"an-bar-month\">Jan<\/div><\/div>\n <div class=\"an-bar-wrap\"><div class=\"an-bar highlight\" style=\"height:68px;animation-delay:.35s\"><\/div><div class=\"an-bar-month\">Feb<\/div><\/div>\n <div class=\"an-bar-wrap\"><div class=\"an-bar highlight\" style=\"height:72px;animation-delay:.4s\"><\/div><div class=\"an-bar-month\">Mar<\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"an-segments\">\n <div class=\"an-seg\">\n <div class=\"an-seg-dot\" style=\"background:#2EAFD3;\"><\/div>\n <div class=\"an-seg-label\">Highly Engaged<\/div>\n <div class=\"an-seg-val\">3,241<\/div>\n <\/div>\n <div class=\"an-seg\">\n <div class=\"an-seg-dot\" style=\"background:#f87171;\"><\/div>\n <div class=\"an-seg-label\">At Risk of Churn<\/div>\n <div class=\"an-seg-val\">892<\/div>\n <\/div>\n <div class=\"an-seg\">\n <div class=\"an-seg-dot\" style=\"background:#fbbf24;\"><\/div>\n <div class=\"an-seg-label\">Dormant (60d+)<\/div>\n <div class=\"an-seg-val\">1,547<\/div>\n <\/div>\n <div class=\"an-seg\">\n <div class=\"an-seg-dot\" style=\"background:#4ade80;\"><\/div>\n <div class=\"an-seg-label\">VIP \/ Top Spenders<\/div>\n <div class=\"an-seg-val\">406<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"an-float\" style=\"bottom:-20px;left:-18px;width:170px;animation-delay:0s;animation-duration:4.5s;\">\n <div class=\"an-float-title\">Customer Segments<\/div>\n <div class=\"an-float-val\">99<span style=\"font-size:0.9rem;color:var(--muted);\">+<\/span><\/div>\n <div class=\"an-float-sub\">Advanced audience filters<\/div>\n <div class=\"an-float-bar\"><div class=\"an-float-bar-fill\" style=\"width:78%\"><\/div><\/div>\n <\/div>\n\n \n <div class=\"an-float\" style=\"top:12px;right:-16px;width:162px;animation-delay:-2s;animation-duration:3.8s;\">\n <div class=\"an-float-title\">Campaign ROI<\/div>\n <div class=\"an-float-val\" style=\"color:var(--green);\">+312%<\/div>\n <div class=\"an-float-sub\">Last email campaign<\/div>\n <div class=\"an-float-bar\"><div class=\"an-float-bar-fill\" style=\"width:92%;background:var(--green)\"><\/div><\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<script>document.addEventListener(\"DOMContentLoaded\",function(){document.querySelectorAll(\".reveal\").forEach(function(e){e.classList.add(\"vis\");});});<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa6d455 e-flex e-con-boxed animejs-disable e-con e-parent\" data-id=\"aa6d455\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4091d1 animejs-disable elementor-widget elementor-widget-html\" data-id=\"a4091d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kangaroo \u2014 08-features<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:#fff}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:#4a6572;line-height:1.7}.check-list li strong{color:var(--navy)}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:#fff}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:#fff}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n<\/head>\n<body>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:#fff}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:#4a6572;line-height:1.7}.check-list li strong{color:var(--navy)}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:#fff}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:#fff}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n\n<section class=\"features-sec\" style=\"background:#ffffff !important;\">\n <div class=\"features-inner\">\n <span class=\"sec-tag reveal\">Everything you need<\/span>\n <h2 class=\"features-heading reveal\">One Platform.<br>Every Tool You Need.<\/h2>\n <p class=\"features-sub reveal\">Stop paying for five separate tools. Kangaroo replaces your loyalty app, your email platform, your SMS tool, and your analytics \u2014 all in one dashboard.<\/p>\n <div class=\"features-grid\">\n\n <div class=\"feat-card reveal\">\n <div class=\"feat-ico\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\"><path d=\"M11 2l2.5 5.5 5.5.8-4 3.9.95 5.5L11 15l-4.95 2.7.95-5.5-4-3.9 5.5-.8L11 2z\" stroke=\"#2EAFD3\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n <h3>Points & Rewards Engine<\/h3>\n <p>Points, tiers, VIP programs, cashback, gift cards, custom rules, milestones \u2014 the deepest loyalty engine at any price point.<\/p>\n <\/div>\n\n <div class=\"feat-card reveal\">\n <div class=\"feat-ico\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\"><rect x=\"2\" y=\"4\" width=\"18\" height=\"13\" rx=\"2.5\" stroke=\"#2EAFD3\" stroke-width=\"1.6\"\/><path d=\"M2 8h18\" stroke=\"#2EAFD3\" stroke-width=\"1.6\"\/><path d=\"M7 12h2M12 12h3\" stroke=\"#2EAFD3\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><\/svg><\/div>\n <h3>Native Email, SMS & Push<\/h3>\n <p>Built-in marketing channels that fire directly from loyalty events. No Additional tool, no sync issues.<\/p>\n <\/div>\n\n <div class=\"feat-card reveal\">\n <div class=\"feat-ico\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\"><circle cx=\"11\" cy=\"11\" r=\"7.5\" stroke=\"#2EAFD3\" stroke-width=\"1.6\"\/><path d=\"M11 7v4.5l2.5 2.5\" stroke=\"#2EAFD3\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M14.5 3.5l2 2M7.5 3.5l-2 2\" stroke=\"#2EAFD3\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/><\/svg><\/div>\n <h3>Gamification<\/h3>\n <p>Spin-to-wins, contests, challenges, and giveaways that make customers want to engage \u2014 not just passively collect points.<\/p>\n <\/div>\n\n <div class=\"feat-card reveal\">\n <div class=\"feat-ico\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\"><path d=\"M11 2C7.13 2 4 5.13 4 9c0 5.25 7 11 7 11s7-5.75 7-11c0-3.87-3.13-7-7-7z\" stroke=\"#2EAFD3\" stroke-width=\"1.6\"\/><circle cx=\"11\" cy=\"9\" r=\"2.5\" stroke=\"#2EAFD3\" stroke-width=\"1.6\"\/><\/svg><\/div>\n <h3>Geofencing & Location Marketing<\/h3>\n <p>Trigger personalised offers and push notifications the moment a customer enters your store radius.<\/p>\n <\/div>\n\n <div class=\"feat-card reveal\">\n <div class=\"feat-ico\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\"><rect x=\"3\" y=\"3\" width=\"16\" height=\"16\" rx=\"3\" stroke=\"#2EAFD3\" stroke-width=\"1.6\"\/><path d=\"M7 11l3 3 5-5\" stroke=\"#2EAFD3\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n <h3>AI-Powered Campaigns<\/h3>\n <p>Automatically identify the right segment at the right moment. Maximise ROI on every campaign without guesswork.<\/p>\n <\/div>\n\n <div class=\"feat-card reveal\">\n <div class=\"feat-ico\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\"><rect x=\"2\" y=\"5\" width=\"8\" height=\"12\" rx=\"2\" stroke=\"#2EAFD3\" stroke-width=\"1.6\"\/><rect x=\"12\" y=\"5\" width=\"8\" height=\"12\" rx=\"2\" stroke=\"#2EAFD3\" stroke-width=\"1.6\"\/><path d=\"M10 11h2\" stroke=\"#2EAFD3\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><\/svg><\/div>\n <h3>Omnichannel & Multi-Location<\/h3>\n <p>Online store, POS, mobile app, QR codes \u2014 all unified. Multi-location and franchise management from one dashboard.<\/p>\n <\/div>\n\n <div class=\"feat-card reveal\">\n <div class=\"feat-ico\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\"><rect x=\"6\" y=\"2\" width=\"10\" height=\"18\" rx=\"2.5\" stroke=\"#2EAFD3\" stroke-width=\"1.6\"\/><path d=\"M9.5 5h3\" stroke=\"#2EAFD3\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><circle cx=\"11\" cy=\"16\" r=\"1\" fill=\"#2EAFD3\"\/><\/svg><\/div>\n <h3>White-Label Mobile App<\/h3>\n <p>Your brand, your app \u2014 powered by Kangaroo. Custom branded with your logo and colours. Available on Elite plans.<\/p>\n <\/div>\n\n <div class=\"feat-card reveal\">\n <div class=\"feat-ico\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\"><path d=\"M3 17l4-6 3.5 3 3.5-5 5 8H3z\" stroke=\"#2EAFD3\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/><circle cx=\"6.5\" cy=\"7.5\" r=\"2\" stroke=\"#2EAFD3\" stroke-width=\"1.6\"\/><\/svg><\/div>\n <h3>Advanced Analytics & Reporting<\/h3>\n <p>99+ customer segments, churn prediction, campaign ROI tracking. Know exactly what's working and do more of it.<\/p>\n <\/div>\n\n <div class=\"feat-card reveal\">\n <div class=\"feat-ico\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\"><path d=\"M11 3v4M11 15v4M3 11h4M15 11h4\" stroke=\"#2EAFD3\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><path d=\"M5.64 5.64l2.83 2.83M13.54 13.54l2.83 2.83M5.64 16.36l2.83-2.83M13.54 8.46l2.83-2.83\" stroke=\"#2EAFD3\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/><circle cx=\"11\" cy=\"11\" r=\"2.5\" stroke=\"#2EAFD3\" stroke-width=\"1.6\"\/><\/svg><\/div>\n <h3>18 Prebuilt Automations<\/h3>\n <p>Ready-to-run workflows from day one. Abandoned cart, win-back, birthday, tier upgrades, points expiry \u2014 no setup required.<\/p>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n<script>document.addEventListener(\"DOMContentLoaded\",function(){document.querySelectorAll(\".reveal\").forEach(function(e){e.classList.add(\"vis\");});});<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-220a741 e-flex e-con-boxed animejs-disable e-con e-parent\" data-id=\"220a741\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a5f91b animejs-disable elementor-widget elementor-widget-html\" data-id=\"4a5f91b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kangaroo \u2014 10-outcomes<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:#fff}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:#4a6572;line-height:1.7}.check-list li strong{color:var(--navy)}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:#fff}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:#fff}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n<\/head>\n<body>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:#fff}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:#4a6572;line-height:1.7}.check-list li strong{color:var(--navy)}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:#fff}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:#fff}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n\n<section class=\"outcomes-sec\" id=\"how-it-works\" style=\"padding:88px 5%;background:#ffffff !important;\">\n <div class=\"outcomes-inner\">\n <span class=\"reveal\" style=\"font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;display:block;text-align:center;margin-bottom:14px\">The only loyalty platform built for growth<\/span>\n <h2 class=\"outcomes-heading reveal\">Stop Paying for Ads.<br>Start Growing From Within.<\/h2>\n <p class=\"outcomes-sub reveal\">Kangaroo turns your existing customer base into a self-sustaining growth engine \u2014 automatically increasing revenue, loyalty, and lifetime value while you focus on running your business.<\/p>\n <div class=\"outcomes-grid\">\n\n <div class=\"outcome-card reveal\">\n <h3 class=\"outcome-h\">Get New Customers<br><span>Without Paid Ads<\/span><\/h3>\n <p class=\"outcome-p\">Your happiest customers become your best salespeople. Kangaroo's built-in referral programs, spin-to-wins, and social sharing rewards turn word-of-mouth into a scalable acquisition channel \u2014 at zero ad spend.<\/p>\n <div class=\"outcome-checks\">\n <div class=\"outcome-check\"><span style=\"color:var(--green);font-weight:700\">\u2713<\/span> Referral programs that pay for themselves<\/div>\n <div class=\"outcome-check\"><span style=\"color:var(--green);font-weight:700\">\u2713<\/span> Sign-up incentives that convert browsers to buyers<\/div>\n <div class=\"outcome-check\"><span style=\"color:var(--green);font-weight:700\">\u2713<\/span> Gamified contests that spread your brand organically<\/div>\n <\/div>\n <div class=\"outcome-stat\">\n <div class=\"outcome-stat-num\">\u219342%<\/div>\n <div class=\"outcome-stat-label\">avg. reduction in<br>customer acquisition cost<\/div>\n <\/div>\n <\/div>\n\n <div class=\"outcome-card reveal\">\n <h3 class=\"outcome-h\">Build Predictable<br><span>Recurring Revenue<\/span><\/h3>\n <p class=\"outcome-p\">One-time buyers don't grow businesses \u2014 loyal ones do. Kangaroo's automated loyalty engine rewards every visit, purchase, and engagement, creating a habit loop that brings customers back again and again on autopilot.<\/p>\n <div class=\"outcome-checks\">\n <div class=\"outcome-check\"><span style=\"color:var(--green);font-weight:700\">\u2713<\/span> 18 prebuilt automations fire without manual work<\/div>\n <div class=\"outcome-check\"><span style=\"color:var(--green);font-weight:700\">\u2713<\/span> Win-back campaigns re-engage before they're gone<\/div>\n <div class=\"outcome-check\"><span style=\"color:var(--green);font-weight:700\">\u2713<\/span> Points expiry nudges drive urgency to return<\/div>\n <\/div>\n <div class=\"outcome-stat\">\n <div class=\"outcome-stat-num\">3\u00d7<\/div>\n <div class=\"outcome-stat-label\">more visits per year<br>from loyalty members<\/div>\n <\/div>\n <\/div>\n\n <div class=\"outcome-card reveal\">\n <h3 class=\"outcome-h\">Maximise Every<br><span>Customer's Lifetime Value<\/span><\/h3>\n <p class=\"outcome-p\">The real money isn't in the first sale \u2014 it's in everything after. Kangaroo uses tiered loyalty, AI-powered campaigns, and personalised milestones to consistently grow what each customer spends over their entire relationship with you.<\/p>\n <div class=\"outcome-checks\">\n <div class=\"outcome-check\"><span style=\"color:var(--green);font-weight:700\">\u2713<\/span> VIP tiers drive spend toward the next threshold<\/div>\n <div class=\"outcome-check\"><span style=\"color:var(--green);font-weight:700\">\u2713<\/span> AI segments find your highest-value customers<\/div>\n <div class=\"outcome-check\"><span style=\"color:var(--green);font-weight:700\">\u2713<\/span> Personalised offers that actually move the needle<\/div>\n <\/div>\n <div class=\"outcome-stat\">\n <div class=\"outcome-stat-num\">+56%<\/div>\n <div class=\"outcome-stat-label\">avg. increase in<br>customer lifetime value<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <div style=\"text-align:center;margin-top:52px\">\n <a href=\"https:\/\/loyalty.kangaroorewards.com\/booking-form\/\" class=\"btn-main reveal\" style=\"display:inline-block;font-size:1.05rem;padding:17px 44px\">Start Growing Today \u2192<\/a>\n <\/div>\n <\/div>\n<\/section>\n<script>document.addEventListener(\"DOMContentLoaded\",function(){document.querySelectorAll(\".reveal\").forEach(function(e){e.classList.add(\"vis\");});});<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac80e30 e-flex e-con-boxed animejs-disable e-con e-parent\" data-id=\"ac80e30\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb18ff0 animejs-disable elementor-widget elementor-widget-html\" data-id=\"bb18ff0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kangaroo \u2014 Section 11-awards<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:var(--soft)}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.9rem;color:#4a6572}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:var(--soft)}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:var(--soft)}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n<\/head>\n<body>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:var(--soft)}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.9rem;color:#4a6572}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:var(--soft)}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:var(--soft)}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n\n<section class=\"awards-sec\">\n <div style=\"max-width:900px;margin:0 auto\">\n <p class=\"reveal\" style=\"font-size:0.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:20px\">Recognised by top review platforms<\/p>\n <img decoding=\"async\" class=\"reveal\" src=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2026\/02\/Email-Signature-Op-2-2.png\" alt=\"Kangaroo Rewards awards\" style=\"max-width:100%;height:auto;margin:0 auto\">\n <\/div>\n<\/section>\n<script>document.addEventListener(\"DOMContentLoaded\",function(){document.querySelectorAll(\".reveal\").forEach(function(e){e.classList.add(\"vis\");});});<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d4570fc e-flex e-con-boxed animejs-disable e-con e-parent\" data-id=\"d4570fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4e4433 animejs-disable elementor-widget elementor-widget-html\" data-id=\"f4e4433\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kangaroo \u2014 12-testimonials<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:#fff}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:#4a6572;line-height:1.7}.check-list li strong{color:var(--navy)}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:#fff}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:#fff}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n<\/head>\n<body>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:#fff}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:0.9rem;color:#4a6572;line-height:1.7}.check-list li strong{color:var(--navy)}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:#fff}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:#fff}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n\n<section class=\"testi-sec\" style=\"background:#ffffff !important;\">\n <div class=\"testi-inner\">\n <span class=\"sec-tag reveal\">real results<\/span>\n <h2 style=\"font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1\" class=\"reveal\">Don't Take Our Word for It.<\/h2>\n <div class=\"testi-grid\">\n <div class=\"testi-card reveal\">\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">Kangaroo has exceeded our expectations from day one. The onboarding process was smooth, and their support team is always responsive and helpful. We especially appreciate their ability to adapt to our industry's unique needs.<\/p>\n <div class=\"testi-author\">Reggie<\/div>\n <div class=\"testi-biz\">Retail Business Owner<\/div>\n <\/div>\n <div class=\"testi-card reveal\">\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">The platform is intuitive and integrates perfectly with our Shopify POS. Our team finds it simple to use, and the setup was far easier than we expected. Customer service regularly checks in to make sure everything runs smoothly.<\/p>\n <div class=\"testi-author\">Mike<\/div>\n <div class=\"testi-biz\">Shopify Merchant<\/div>\n <\/div>\n <div class=\"testi-card reveal\">\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">We moved to Kangaroo from Fivestars because of its flexibility and ecommerce-friendly features. Being able to target marketing based on behaviour and purchase data has helped us better understand and engage our customers.<\/p>\n <div class=\"testi-author\">Keira<\/div>\n <div class=\"testi-biz\">eCommerce Brand Owner<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<script>document.addEventListener(\"DOMContentLoaded\",function(){document.querySelectorAll(\".reveal\").forEach(function(e){e.classList.add(\"vis\");});});<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa777ae e-flex e-con-boxed animejs-disable e-con e-parent\" data-id=\"aa777ae\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6450a4d animejs-disable elementor-widget elementor-widget-html\" data-id=\"6450a4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kangaroo \u2014 Section 13-final-cta<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:var(--soft)}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.9rem;color:#4a6572}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:var(--soft)}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:var(--soft)}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n<\/head>\n<body>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KANGAROO REWARDS \u2014 GOOGLE ADS LANDING PAGE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTIONS:\n 1. CSS VARIABLES & RESET\n 2. NAVIGATION\n 3. HERO\n 4. LOGOS STRIP\n 5. STATS\n 6. DUAL SECTIONS (Acquisition \/ Retention \/ Marketing)\n 7. RETENTION VISUAL\n 8. EMAIL\/SMS BUILDER & OMNICHANNEL SCENE\n 9. FEATURES GRID\n 10. BENEFITS (Dark)\n 11. OUTCOMES\n 12. AWARDS\n 13. TESTIMONIALS\n 14. FINAL CTA\n 15. ANIMATIONS & KEYFRAMES\n 16. RESPONSIVE \/ MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 1. CSS VARIABLES & RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --blue:#2EAFD3; --blue-d:#1a8aaa; --navy:#0d1f2d; --navy2:#0F1C5C;\n --soft:#f4f8fb; --border:#d6e8f0; --muted:#6b8a9a; --green:#16a34a; --text:#1a2d3a;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{background:#fff;color:var(--text);font-family:'Roboto',sans-serif;line-height:1.65;overflow-x:hidden}\na{text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* \u2500\u2500 2. NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);padding:14px 5%;display:flex;align-items:center;justify-content:space-between}\n.nav-logo{display:flex;align-items:center;gap:10px}\n.nav-logo-icon{width:38px;height:38px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-text{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--navy);letter-spacing:-0.02em}\n.nav-logo-text span{color:var(--blue)}\n.nav-cta{background:var(--blue);color:#fff;font-weight:700;font-size:0.88rem;padding:11px 26px;border-radius:8px;transition:background .2s,transform .2s;white-space:nowrap}\n.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px)}\n\n\/* \u2500\u2500 3. HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero{background:#fff;padding:80px 5% 0;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(46,175,211,0.12),transparent 65%);pointer-events:none}\n.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(46,175,211,0.1);border:1px solid rgba(46,175,211,0.3);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:700;color:var(--blue);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px;animation:fadeUp .5s ease both}\n.hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--navy);margin-bottom:20px;animation:fadeUp .5s .08s ease both}\n.hero h1 em{font-style:normal;color:var(--blue)}\n.hero-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:36px;animation:fadeUp .5s .16s ease both}\n.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .24s ease both}\n.btn-main{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:15px 32px;border-radius:9px;transition:background .2s,transform .2s;display:inline-block}\n.btn-main:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-ghost{border:1.5px solid var(--border);color:var(--navy);font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:9px;background:#fff;transition:border-color .2s,transform .2s;display:inline-block}\n.btn-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* HERO VISUAL *\/\n.hero-visual{position:relative;display:flex;flex-direction:column;gap:14px}\n\n\/* BIG STAT CARD *\/\n.hero-stat-card{background:var(--navy2);border-radius:20px;padding:32px 36px;position:relative;overflow:hidden;animation:fadeUp .5s .1s ease both}\n.hero-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(46,175,211,0.25),transparent);pointer-events:none}\n.hero-stat-label{font-size:0.72rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\n.hero-stat-num{font-family:'Sora',sans-serif;font-size:5.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.04em}\n.hero-stat-num span{color:var(--blue)}\n.hero-stat-sub{font-size:0.88rem;color:rgba(255,255,255,0.5);margin-top:8px}\n.hero-avatars{position:absolute;bottom:20px;right:24px;display:flex}\n.hero-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--navy2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#fff;font-weight:700;margin-left:-6px}\n\n\/* MINI STAT CARDS *\/\n.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}\n.hero-mini-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 20px}\n.hero-mini-label{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:6px}\n.hero-mini-num{font-family:'Sora',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-0.03em}\n.hero-mini-num span{color:var(--blue)}\n.hero-mini-sub{font-size:0.75rem;color:var(--muted);margin-top:6px}\n.hero-mini-bar{margin-top:12px;background:rgba(46,175,211,0.08);border-radius:6px;height:6px;overflow:hidden}\n.hero-mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.5));border-radius:6px}\n.hero-mini-bars{margin-top:12px;display:flex;gap:4px;align-items:flex-end}\n.hero-mini-bars div{width:8px;border-radius:3px;background:var(--blue)}\n\n\/* ACTIVITY FEED *\/\n.hero-feed{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px 22px;animation:fadeUp .5s .26s ease both}\n.feed-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}\n.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}\n.feed-title{font-size:0.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}\n.feed-list{display:flex;flex-direction:column;min-height:158px}\n.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}\n.feed-row:last-child{border-bottom:none}\n.feed-row.entering{animation:feedIn .35s ease both}\n.feed-row.leaving{animation:feedOut .28s ease forwards}\n.feed-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;color:#fff;font-weight:700;flex-shrink:0}\n.feed-body{flex:1;min-width:0}\n.feed-main{font-size:0.82rem;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.feed-main .hi{color:var(--blue)}\n.feed-main .hi-g{color:var(--green)}\n.feed-main .hi-a{color:#d97706}\n.feed-sub{font-size:0.7rem;color:var(--muted);margin-top:1px}\n.feed-time{font-size:0.67rem;color:var(--muted);white-space:nowrap;flex-shrink:0}\n\n\/* \u2500\u2500 4. LOGOS STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.logos-strip{background:#fff;padding:24px 5%;overflow:hidden}\n.logos-label{text-align:center;font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px}\n.logos-wrap{overflow:hidden;position:relative}\n.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}\n.logos-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}\n.logos-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}\n.logos-track{display:flex;gap:56px;align-items:center;animation:scroll 28s linear infinite;width:max-content}\n.logos-track:hover{animation-play-state:paused}\n\n\/* \u2500\u2500 5. STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.stats-sec{padding:72px 5%;background:#fff}\n.stats-inner{max-width:1200px;margin:0 auto}\n.stats-label{text-align:center;font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}\n.stats-heading{text-align:center;font-family:'Sora',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:56px}\n.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.stat-card{background:linear-gradient(160deg,rgba(46,175,211,0.06),rgba(46,175,211,0.02));border:1.5px solid rgba(46,175,211,0.2);border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}\n.stat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4)}\n.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.stat-num{font-family:'Sora',sans-serif;font-size:3.6rem;font-weight:800;color:var(--blue);line-height:1}\n.stat-text{font-size:0.92rem;color:var(--muted);margin-top:12px;line-height:1.6}\n\n\/* \u2500\u2500 6. DUAL SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dual-sec{padding:80px 5%}\n.dual-sec.alt{background:var(--soft)}\n.dual-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.dual-inner.rev .dual-visual{order:-1}\n.dual-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.dual-h{font-family:'Sora',sans-serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.15;margin-bottom:16px}\n.dual-p{font-size:0.97rem;color:var(--muted);line-height:1.85;margin-bottom:28px}\n.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}\n.check-list li{display:flex;gap:12px;align-items:flex-start;font-size:0.9rem;color:#4a6572}\n.check-ok{color:var(--green);flex-shrink:0;font-weight:700}\n\n\/* \u2500\u2500 7. RETENTION VISUAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ret-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}\n.ret-box-bad{background:#fff5f5;border:1.5px solid #fecaca;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-box-good{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:18px 16px;text-align:center}\n.ret-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px}\n.ret-tag.bad{color:#dc2626}\n.ret-tag.good{color:var(--green)}\n.ret-big{font-family:'Sora',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em}\n.ret-big.bad{color:#991b1b}\n.ret-big.good{color:#15803d}\n.ret-label{font-size:0.68rem;margin-top:4px}\n.ret-label.bad{color:#dc2626}\n.ret-label.good{color:var(--green)}\n.ret-bar-bg{margin-top:10px;height:5px;border-radius:3px;overflow:hidden}\n.ret-bar-bad{background:#fecaca}\n.ret-bar-good{background:#bbf7d0}\n.ret-bar-fill{height:100%;border-radius:3px}\n.ret-stat-card{background:var(--navy2);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;margin-bottom:14px}\n.ret-stat-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(46,175,211,0.2),transparent);pointer-events:none}\n.ret-stat-label{font-size:0.62rem;font-weight:700;color:rgba(46,175,211,0.7);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}\n.ret-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}\n.ret-stat-item{text-align:center;padding:10px 6px}\n.ret-stat-item.mid{border-left:1px solid rgba(255,255,255,0.08);border-right:1px solid rgba(255,255,255,0.08)}\n.ret-stat-num{font-family:'Sora',sans-serif;font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-0.03em}\n.ret-stat-sub{font-size:0.64rem;color:rgba(255,255,255,0.4);margin-top:4px;line-height:1.4}\n.ret-flows{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:16px 18px}\n.ret-flows-label{font-size:0.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}\n.ret-flow-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:9px;margin-bottom:7px}\n.ret-flow-row:last-child{margin-bottom:0}\n.ret-flow-ico{width:30px;height:30px;border-radius:8px;background:rgba(46,175,211,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.ret-flow-body{flex:1}\n.ret-flow-title{font-size:0.79rem;font-weight:600;color:var(--navy)}\n.ret-flow-sub{font-size:0.68rem;color:var(--muted)}\n.ret-flow-badge{font-size:0.62rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap}\n.badge-green{background:rgba(22,163,74,0.1);color:var(--green)}\n.badge-blue{background:rgba(46,175,211,0.1);color:var(--blue)}\n\n\/* \u2500\u2500 8. EMAIL BUILDER & OMNICHANNEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.email-wrap{position:relative;padding:0 20px 48px 0}\n.email-builder{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(46,175,211,0.1)}\n.email-titlebar{background:var(--navy2);padding:10px 16px;display:flex;align-items:center;gap:7px}\n.email-dot{width:9px;height:9px;border-radius:50%}\n.email-titlebar-label{font-size:0.66rem;color:rgba(255,255,255,0.4);margin-left:8px;font-weight:600;letter-spacing:0.03em}\n.email-titlebar-actions{margin-left:auto;display:flex;gap:6px}\n.email-action{border-radius:5px;padding:3px 10px;font-size:0.6rem;font-weight:700}\n.email-body{display:grid;grid-template-columns:86px 1fr}\n.email-blocks{background:#f8fbfd;border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:5px}\n.email-blocks-label{font-size:0.54rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}\n.email-block{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 7px;display:flex;align-items:center;gap:5px;font-size:0.6rem;color:var(--navy);font-weight:600}\n.email-block.active{background:#edf5fa;border:1.5px dashed rgba(46,175,211,0.5);color:var(--blue)}\n.email-canvas{background:#f0f4f8;padding:10px}\n.email-preview{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}\n.email-preview-header{background:var(--navy2);padding:14px 16px;text-align:center}\n.email-preview-greeting{font-size:0.64rem;color:rgba(255,255,255,0.45);margin-bottom:4px}\n.email-preview-title{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:800;color:#fff;line-height:1.3}\n.email-preview-title span{color:var(--blue)}\n.email-preview-body{padding:14px 16px}\n.email-preview-text{font-size:0.7rem;color:var(--muted);line-height:1.6;margin-bottom:12px}\n.email-preview-btn{background:var(--blue);border-radius:7px;padding:9px 12px;text-align:center;font-family:'Sora',sans-serif;font-size:0.72rem;font-weight:700;color:#fff}\n.email-preview-warn{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border-radius:8px;border:1px solid var(--border);font-size:0.64rem;color:var(--muted)}\n.email-preview-warn strong{color:var(--navy)}\n\n\/* FLOATING CARDS *\/\n.float-sms{position:absolute;bottom:-18px;left:-18px;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 12px 40px rgba(0,0,0,0.13);border:1px solid var(--border);width:200px;animation:floatCard 4s ease-in-out infinite;z-index:10}\n.float-sms-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}\n.float-sms-ico{width:26px;height:26px;border-radius:7px;background:rgba(22,163,74,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-sms-title{font-size:0.7rem;font-weight:700;color:var(--navy)}\n.float-sms-badge{margin-left:auto;font-size:0.58rem;background:rgba(22,163,74,0.1);color:var(--green);font-weight:700;padding:1px 7px;border-radius:100px;white-space:nowrap}\n.float-sms-bubble{background:#f0fdf4;border-radius:9px;padding:9px 11px;font-size:0.68rem;color:#166534;line-height:1.55;font-style:italic}\n.float-sms-footer{display:flex;justify-content:space-between;margin-top:7px;font-size:0.58rem}\n.float-push{position:absolute;top:-14px;right:-4px;background:#1a1f36;border-radius:14px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,0.22);width:218px;animation:floatCard 4s ease-in-out infinite;animation-delay:-2s;z-index:10}\n.float-push-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.float-push-ico{width:24px;height:24px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.float-push-app{font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.9);line-height:1.2}\n.float-push-when{font-size:0.54rem;color:rgba(255,255,255,0.35)}\n.float-push-text{font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:8px}\n.float-push-text span{color:var(--blue);font-weight:700}\n.float-push-btns{display:flex;gap:6px}\n.float-push-btn-a{flex:1;background:var(--blue);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;font-weight:700;color:#fff}\n.float-push-btn-b{flex:1;background:rgba(255,255,255,0.07);border-radius:6px;padding:5px;text-align:center;font-size:0.58rem;color:rgba(255,255,255,0.4)}\n\n\/* \u2500\u2500 9. FEATURES GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.features-sec{padding:80px 5%;background:var(--soft)}\n.features-inner{max-width:1200px;margin:0 auto}\n.sec-tag{font-size:0.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px;display:block}\n.features-heading{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;line-height:1.1;margin-bottom:12px}\n.features-sub{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:56px}\n.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.feat-card{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,border-color .2s,background .2s}\n.feat-card:hover{transform:translateY(-4px);border-color:rgba(46,175,211,0.4);background:#edf5fa}\n.feat-ico{width:50px;height:50px;background:rgba(46,175,211,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.feat-card h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}\n.feat-card p{font-size:0.86rem;color:var(--muted);line-height:1.75}\n\n\/* \u2500\u2500 10. BENEFITS (DARK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.benefits-sec{background:var(--navy2);padding:88px 5%;position:relative;overflow:hidden}\n.benefits-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 80% 30%,rgba(46,175,211,0.12),transparent),radial-gradient(ellipse 50% 60% at 10% 70%,rgba(46,100,180,0.15),transparent);pointer-events:none}\n.benefits-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}\n.benefits-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:56px}\n.benefits-h{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:#fff;letter-spacing:-0.025em;line-height:1.1;margin:0}\n.benefits-p{font-size:1rem;color:rgba(255,255,255,0.5);line-height:1.85;margin:0;align-self:center}\n.benefits-rows{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}\n.benefits-row{display:grid;grid-template-columns:200px 1fr auto;gap:32px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,0.07);transition:background .2s}\n.benefits-row:last-child{border-bottom:none}\n.benefits-row:hover{background:rgba(46,175,211,0.08)!important}\n.benefits-row-left{display:flex;align-items:center;gap:14px}\n.benefits-row-ico{width:44px;height:44px;background:rgba(46,175,211,0.15);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.benefits-row-name{font-family:'Sora',sans-serif;font-size:0.95rem;font-weight:700;color:#fff}\n.benefits-row-p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7;margin:0}\n.benefits-row-link{color:var(--blue);font-size:0.8rem;font-weight:700;white-space:nowrap;font-family:'Sora',sans-serif;flex-shrink:0}\n\n\/* \u2500\u2500 11. OUTCOMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.outcomes-sec{padding:88px 5%;background:var(--soft);id:how-it-works}\n.outcomes-inner{max-width:1200px;margin:0 auto}\n.outcomes-heading{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;color:var(--navy);letter-spacing:-0.03em;line-height:1.08;text-align:center;max-width:780px;margin:0 auto 16px}\n.outcomes-sub{text-align:center;font-size:1.05rem;color:var(--muted);max-width:580px;margin:0 auto 64px;line-height:1.8}\n.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n.outcome-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:44px 36px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}\n.outcome-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(46,175,211,0.12)}\n.outcome-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),rgba(46,175,211,0.3))}\n.outcome-num{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(46,175,211,0.08);line-height:1;margin-bottom:-10px}\n.outcome-ico{width:56px;height:56px;background:rgba(46,175,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\n.outcome-h{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2}\n.outcome-h span{color:var(--blue)}\n.outcome-p{font-size:0.9rem;color:var(--muted);line-height:1.8;margin-bottom:24px}\n.outcome-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}\n.outcome-check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:#4a6572}\n.outcome-stat{padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}\n.outcome-stat-num{font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:var(--blue)}\n.outcome-stat-label{font-size:0.78rem;color:var(--muted);line-height:1.4}\n\n\/* \u2500\u2500 12. AWARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.awards-sec{padding:56px 5%;background:#fff;text-align:center}\n\/* \u2500\u2500 13. TESTIMONIALS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testi-sec{padding:80px 5%;background:var(--soft)}\n.testi-inner{max-width:1200px;margin:0 auto}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}\n.testi-card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:36px 28px;position:relative}\n.testi-card::before{content:'\"';font-family:'Sora',sans-serif;font-size:5rem;color:rgba(46,175,211,0.12);position:absolute;top:8px;left:20px;line-height:1}\n.testi-stars{color:var(--blue);font-size:0.88rem;letter-spacing:2px;margin-bottom:16px}\n.testi-text{font-size:0.92rem;color:#4a6572;line-height:1.8;font-style:italic;margin-bottom:24px}\n.testi-author{font-family:'Sora',sans-serif;font-size:0.88rem;font-weight:700;color:var(--navy)}\n.testi-biz{font-size:0.75rem;color:var(--muted);margin-top:3px}\n\n\/* \u2500\u2500 14. FINAL CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-sec{background:var(--navy2);padding:100px 5%;position:relative;overflow:hidden;text-align:center}\n.final-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(46,175,211,0.15),transparent);pointer-events:none}\n.final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}\n.final-badge{display:inline-block;background:rgba(46,175,211,0.15);border:1px solid rgba(46,175,211,0.4);color:var(--blue);border-radius:100px;padding:6px 18px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:24px}\n.final-h{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}\n.final-h em{font-style:normal;color:var(--blue)}\n.final-p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:40px}\n.final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.btn-final-a{background:var(--blue);color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;padding:17px 40px;border-radius:10px;transition:background .2s,transform .2s;display:inline-block}\n.btn-final-a:hover{background:var(--blue-d);transform:translateY(-2px)}\n.btn-final-b{border:1.5px solid rgba(255,255,255,0.2);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1.05rem;padding:17px 40px;border-radius:10px;background:rgba(255,255,255,0.07);transition:border-color .2s,transform .2s;display:inline-block}\n.btn-final-b:hover{border-color:var(--blue);transform:translateY(-2px)}\n\n\/* \u2500\u2500 15. REVEAL & ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:1 !important;transform:none !important;}\n.reveal.vis{opacity:1;transform:none}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,0.5);opacity:1}60%{box-shadow:0 0 0 5px rgba(22,163,74,0);opacity:.7}}\n@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n@keyframes feedIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes feedOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}\n\n\/* \u2500\u2500 16. RESPONSIVE \/ MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:900px){\n .hero-inner,.dual-inner,.dual-inner.rev,.benefits-hgrid,.outcomes-grid,.stats-grid,.testi-grid,.features-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .dual-inner.rev .dual-visual{order:0}\n .benefits-row{grid-template-columns:1fr;gap:8px}\n .benefits-row-link{display:none}\n}\n@media(max-width:600px){\n .hero{padding:60px 5% 0}\n .hero h1{font-size:2rem}\n .final-btns{flex-direction:column;align-items:center}\n .btn-final-a,.btn-final-b{width:100%;text-align:center}\n}\n<\/style>\n\n<section class=\"final-sec\">\n <div class=\"final-inner\">\n <div class=\"final-badge\">The #1 Loyalty Platform for Growing Businesses<\/div>\n <h2 class=\"final-h\">Turn Shoppers Into<br><em>Loyal Fans<\/em> \u2014 Starting Today.<\/h2>\n <p class=\"final-p\">Book a free demo and see exactly how Kangaroo works for your specific business. Our team builds out your loyalty program, handles your migration, and gets you live \u2014 fast.<\/p>\n <div class=\"final-btns\">\n <a href=\"https:\/\/loyalty.kangaroorewards.com\/booking-form\/\" class=\"btn-final-a\">Book My Free Demo \u2192<\/a>\n <a href=\"https:\/\/loyalty.kangaroorewards.com\/booking-form\/\" class=\"btn-final-b\">See How It Works<\/a>\n <\/div>\n <\/div>\n<\/section>\n<script>document.addEventListener(\"DOMContentLoaded\",function(){document.querySelectorAll(\".reveal\").forEach(function(e){e.classList.add(\"vis\");});});<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac3aacd e-flex e-con-boxed animejs-disable e-con e-parent\" data-id=\"ac3aacd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kangaroo \u2014 Section 02-hero Loyalty \u00b7 Rewards \u00b7 Marketing \u00b7 Engagement The Loyalty & Rewards Platform That Grows Revenue, Retains Customers& Automates Marketing \u2014 Online, In‑Store, or Both. Kangaroo is more than loyalty. It's a complete customer growth engine: rewards, automated marketing, referrals, gamification, and AI-powered campaigns \u2014 all in one platform that works wherever […]<\/p>\n","protected":false},"author":1,"featured_media":7803,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"_pvb_checkbox_block_on_post":false,"footnotes":""},"class_list":["post-12577","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"\n<title>LP Master Version 4 - Kangaroo Rewards<\/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:\/\/loyalty.kangaroorewards.com\/fr\/lp-master-version-4\/\" \/>\n<meta property=\"og:locale\" content=\"fr_CA\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"LP Master Version 4 - Kangaroo Rewards\" \/>\n<meta property=\"og:description\" content=\"Kangaroo \u2014 Section 02-hero Loyalty \u00b7 Rewards \u00b7 Marketing \u00b7 Engagement The Loyalty & Rewards Platform That Grows Revenue, Retains Customers& Automates Marketing \u2014 Online, In‑Store, or Both. Kangaroo is more than loyalty. It's a complete customer growth engine: rewards, automated marketing, referrals, gamification, and AI-powered campaigns \u2014 all in one platform that works wherever […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/loyalty.kangaroorewards.com\/fr\/lp-master-version-4\/\" \/>\n<meta property=\"og:site_name\" content=\"Kangaroo Rewards\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-12T01:12:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2025\/07\/9E3673A8-2DA6-4EE2-9738-1654094C88D2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2500\" \/>\n\t<meta property=\"og:image:height\" content=\"2500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimation du temps de lecture\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/lp-master-version-4\\\/\",\"url\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/lp-master-version-4\\\/\",\"name\":\"LP Master Version 4 - Kangaroo Rewards\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/lp-master-version-4\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/lp-master-version-4\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/9E3673A8-2DA6-4EE2-9738-1654094C88D2.png\",\"datePublished\":\"2026-03-11T20:40:45+00:00\",\"dateModified\":\"2026-03-12T01:12:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/lp-master-version-4\\\/#breadcrumb\"},\"inLanguage\":\"fr-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/lp-master-version-4\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-CA\",\"@id\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/lp-master-version-4\\\/#primaryimage\",\"url\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/9E3673A8-2DA6-4EE2-9738-1654094C88D2.png\",\"contentUrl\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/9E3673A8-2DA6-4EE2-9738-1654094C88D2.png\",\"width\":2500,\"height\":2500},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/lp-master-version-4\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"LP Master Version 4\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/#website\",\"url\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/\",\"name\":\"Kangaroo Rewards\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-CA\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/#organization\",\"name\":\"Kangaroo Rewards\",\"url\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-CA\",\"@id\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/cropped-9E3673A8-2DA6-4EE2-9738-1654094C88D2.png\",\"contentUrl\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/cropped-9E3673A8-2DA6-4EE2-9738-1654094C88D2.png\",\"width\":2500,\"height\":2500,\"caption\":\"Kangaroo Rewards\"},\"image\":{\"@id\":\"https:\\\/\\\/loyalty.kangaroorewards.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"LP Master Version 4 - Kangaroo Rewards","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:\/\/loyalty.kangaroorewards.com\/fr\/lp-master-version-4\/","og_locale":"fr_CA","og_type":"article","og_title":"LP Master Version 4 - Kangaroo Rewards","og_description":"Kangaroo \u2014 Section 02-hero Loyalty \u00b7 Rewards \u00b7 Marketing \u00b7 Engagement The Loyalty & Rewards Platform That Grows Revenue, Retains Customers& Automates Marketing \u2014 Online, In‑Store, or Both. Kangaroo is more than loyalty. It's a complete customer growth engine: rewards, automated marketing, referrals, gamification, and AI-powered campaigns \u2014 all in one platform that works wherever […]","og_url":"https:\/\/loyalty.kangaroorewards.com\/fr\/lp-master-version-4\/","og_site_name":"Kangaroo Rewards","article_modified_time":"2026-03-12T01:12:46+00:00","og_image":[{"width":2500,"height":2500,"url":"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2025\/07\/9E3673A8-2DA6-4EE2-9738-1654094C88D2.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimation du temps de lecture":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/loyalty.kangaroorewards.com\/lp-master-version-4\/","url":"https:\/\/loyalty.kangaroorewards.com\/lp-master-version-4\/","name":"LP Master Version 4 - Kangaroo Rewards","isPartOf":{"@id":"https:\/\/loyalty.kangaroorewards.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/loyalty.kangaroorewards.com\/lp-master-version-4\/#primaryimage"},"image":{"@id":"https:\/\/loyalty.kangaroorewards.com\/lp-master-version-4\/#primaryimage"},"thumbnailUrl":"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2025\/07\/9E3673A8-2DA6-4EE2-9738-1654094C88D2.png","datePublished":"2026-03-11T20:40:45+00:00","dateModified":"2026-03-12T01:12:46+00:00","breadcrumb":{"@id":"https:\/\/loyalty.kangaroorewards.com\/lp-master-version-4\/#breadcrumb"},"inLanguage":"fr-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/loyalty.kangaroorewards.com\/lp-master-version-4\/"]}]},{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/loyalty.kangaroorewards.com\/lp-master-version-4\/#primaryimage","url":"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2025\/07\/9E3673A8-2DA6-4EE2-9738-1654094C88D2.png","contentUrl":"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2025\/07\/9E3673A8-2DA6-4EE2-9738-1654094C88D2.png","width":2500,"height":2500},{"@type":"BreadcrumbList","@id":"https:\/\/loyalty.kangaroorewards.com\/lp-master-version-4\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/loyalty.kangaroorewards.com\/"},{"@type":"ListItem","position":2,"name":"LP Master Version 4"}]},{"@type":"WebSite","@id":"https:\/\/loyalty.kangaroorewards.com\/#website","url":"https:\/\/loyalty.kangaroorewards.com\/","name":"Kangaroo","description":"","publisher":{"@id":"https:\/\/loyalty.kangaroorewards.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/loyalty.kangaroorewards.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-CA"},{"@type":"Organization","@id":"https:\/\/loyalty.kangaroorewards.com\/#organization","name":"Kangaroo","url":"https:\/\/loyalty.kangaroorewards.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/loyalty.kangaroorewards.com\/#\/schema\/logo\/image\/","url":"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2025\/07\/cropped-9E3673A8-2DA6-4EE2-9738-1654094C88D2.png","contentUrl":"https:\/\/loyalty.kangaroorewards.com\/wp-content\/uploads\/2025\/07\/cropped-9E3673A8-2DA6-4EE2-9738-1654094C88D2.png","width":2500,"height":2500,"caption":"Kangaroo Rewards"},"image":{"@id":"https:\/\/loyalty.kangaroorewards.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/loyalty.kangaroorewards.com\/fr\/wp-json\/wp\/v2\/pages\/12577","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loyalty.kangaroorewards.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loyalty.kangaroorewards.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loyalty.kangaroorewards.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/loyalty.kangaroorewards.com\/fr\/wp-json\/wp\/v2\/comments?post=12577"}],"version-history":[{"count":5,"href":"https:\/\/loyalty.kangaroorewards.com\/fr\/wp-json\/wp\/v2\/pages\/12577\/revisions"}],"predecessor-version":[{"id":12605,"href":"https:\/\/loyalty.kangaroorewards.com\/fr\/wp-json\/wp\/v2\/pages\/12577\/revisions\/12605"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/loyalty.kangaroorewards.com\/fr\/wp-json\/wp\/v2\/media\/7803"}],"wp:attachment":[{"href":"https:\/\/loyalty.kangaroorewards.com\/fr\/wp-json\/wp\/v2\/media?parent=12577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}