{"id":10252,"date":"2026-07-14T18:40:07","date_gmt":"2026-07-14T17:40:07","guid":{"rendered":"https:\/\/www.clubcash.io\/?page_id=10252"},"modified":"2026-10-02T16:10:13","modified_gmt":"2026-10-02T15:10:13","slug":"for-members-old","status":"publish","type":"page","link":"https:\/\/clubcash.io\/en_gb\/for-members-old\/","title":{"rendered":"For Members Old"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" data-vc-kd-parallax=\"1.5\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1785687431405 vc_row-has-fill vc_row-has-padding-top vc_row-has-padding-bottom vc_row-has-padding-left vc_row-has-padding-right vc_row-bg-position-top vc_general kd_vc_parallax kd_vc_parallax-content-moving\"><div class=\"parallax-overlay\" data-vc-kd-parallax=\"1.5\"><\/div><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner  vc_custom_1785687302803 vc_custom_1785687302803\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element vc_custom_1785687110730\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Document<\/title>\r\n<\/head>\r\n<body>\r\n    <style>\r\n.member-exp{\r\n    padding:100px 0;\r\n    padding-top: 0px;\r\n}\r\n\r\n\r\n.member-grid{\r\n    display:grid;\r\n    grid-template-columns:1.1fr 1fr;\r\n    gap:70px;\r\n    align-items:center;\r\n}\r\n\r\n.sub-title{\r\n\r\n    background:#0855fe15;\r\n    color:#0855fe;\r\n    padding: 18px 95px;\r\n    border-radius:30px;\r\n    display:inline-block;\r\n    font-weight:600;\r\n}\r\n.sub-title h2{\r\n font-size: 52px;\r\n   }\r\n\r\nh2{\r\n    color:#1e266d;\r\n    font-size:48px;\r\n    margin:20px 0;\r\n}\r\n\r\n.left-content p{\r\n\r\n    color:#555;\r\n    line-height:1.9;\r\n    font-size:18px;\r\n}\r\n\r\n.quote-box{\r\n\r\n    margin:35px 0;\r\n    background:#1e266d;\r\n    color:#fff;\r\n    padding:35px;\r\n    border-left:8px solid #0855fe;\r\n    border-radius:18px;\r\n    font-size:24px;\r\n    line-height:1.7;\r\n    font-weight:600;\r\n}\r\n\r\n.right-content{\r\n\r\n    display:flex;\r\n    justify-content:center;\r\n}\r\n\r\n.circle{\r\n\r\n    width:520px;\r\n    height:520px;\r\n    border:3px dashed #0855fe55;\r\n    border-radius:50%;\r\n    position:relative;\r\n}\r\n\r\n.center-logo{\r\n\r\n    position:absolute;\r\n    left:50%;\r\n    top:50%;\r\n    transform:translate(-50%,-50%);\r\n    width:180px;\r\n    height:180px;\r\n    border-radius:50%;\r\n    background:linear-gradient(135deg,#1e266d,#0855fe);\r\n    color:#fff;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    font-size:32px;\r\n    font-weight:700;\r\n    box-shadow:0 25px 60px rgba(8,85,254,.3);\r\n}\r\n\r\n.item{\r\n\r\n    width:150px;\r\n    height:150px;\r\n    border-radius:50%;\r\n    background:#fff;\r\n    position:absolute;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    text-align:center;\r\n    padding:15px;\r\n    color:#1e266d;\r\n    font-weight:700;\r\n    box-shadow:0 15px 35px rgba(0,0,0,.08);\r\n    transition:.4s;\r\n}\r\n\r\n.item:hover{\r\n\r\n    background:#0855fe;\r\n    color:#fff;\r\n    transform:scale(1.08);\r\n}\r\n\r\n.top{\r\n    top:-25px;\r\n    left:50%;\r\n    transform:translateX(-50%);\r\n}\r\n\r\n.right-top{\r\n    top:80px;\r\n    right:-20px;\r\n}\r\n\r\n.right-bottom{\r\n    bottom:80px;\r\n    right:-20px;\r\n}\r\n\r\n.bottom{\r\n    bottom:-25px;\r\n    left:50%;\r\n    transform:translateX(-50%);\r\n}\r\n\r\n.left-bottom{\r\n    bottom:80px;\r\n    left:-20px;\r\n}\r\n\r\n.left-top{\r\n    top:80px;\r\n    left:-20px;\r\n}\r\n\r\n@media(max-width:991px){\r\n.top {\r\n    top: -50px;\r\n   }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n    .left-top {\r\n       left: 0px;\r\n       top: 0px;\r\n}\r\n.right-top {\r\n    right: 0px;\r\n    top: 0;\r\n}\r\n.left-bottom {\r\n       left: -25px;\r\n}\r\n.right-bottom {\r\n       right: -25px;\r\n}\r\n\r\n.member-grid{\r\ngrid-template-columns:1fr;\r\n}\r\n\r\n.circle {\r\n    width: 300px !important;\r\n    height: 300px !important;\r\n}\r\n.wpb-content-wrapper .container .vc_row-has-padding-right {\r\n    padding-right: 0 !important;\r\n}\r\n.wpb-content-wrapper .container .vc_row-has-padding-left {\r\n    padding-left: 0!important;\r\n}\r\n.item{\r\nwidth: 85px;\r\nheight: 85px;\r\nfont-size:14px;\r\n}\r\n.center-logo {\r\n    width: 100px;\r\n    height: 100px;\r\n    font-size: 16px;\r\n}\r\n}\r\n\r\n.member-journey{\r\n\r\n    padding:100px 0;\r\n    background:#f7f9ff;\r\n}\r\n\r\n.container{\r\n\r\n    width:90%;\r\n    max-width:1250px;\r\n    margin:auto;\r\n}\r\n\r\n.section-title{\r\n\r\n    text-align:center;\r\n    margin-bottom:70px;\r\n}\r\n\r\n.section-title span{\r\n\r\n    display:inline-block;\r\n    padding:8px 18px;\r\n    border-radius:30px;\r\n    background:#0855fe15;\r\n    color:#0855fe;\r\n    font-weight:600;\r\n}\r\n\r\n.section-title h2{\r\n\r\n    margin-top:20px;\r\n    color:#1e266d;\r\n    font-size:46px;\r\n}\r\n\r\n.journey{\r\n\r\n    position:relative;\r\n}\r\n\r\n.journey:before{\r\n\r\n    content:\"\";\r\n    position:absolute;\r\n    left:50%;\r\n    top:0;\r\n    width:4px;\r\n    height:100%;\r\n    background:linear-gradient(#1e266d,#0855fe);\r\n    transform:translateX(-50%);\r\n}\r\n\r\n.step{\r\n\r\n    display:flex;\r\n    justify-content:flex-start;\r\n    align-items:center;\r\n    margin-bottom:80px;\r\n    position:relative;\r\n}\r\n\r\n.step.reverse{\r\n\r\n    justify-content:flex-end;\r\n}\r\n\r\n.step-card{\r\n\r\n    width:46%;\r\n    background:#fff;\r\n    padding:35px;\r\n    border-radius:24px;\r\n    box-shadow:0 20px 50px rgba(0,0,0,.08);\r\n    border-top:6px solid #0855fe;\r\n    transition:.4s;\r\n}\r\n\r\n.step-card:hover{\r\n\r\n    transform:translateY(-8px);\r\n    box-shadow:0 25px 60px rgba(8,85,254,.18);\r\n}\r\n\r\n.step-number{\r\n\r\n    width:90px;\r\n    height:90px;\r\n    border-radius:50%;\r\n    background:linear-gradient(135deg,#1e266d,#0855fe);\r\n    color:#fff;\r\n    font-size:32px;\r\n    font-weight:700;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n\r\n    position:absolute;\r\n    left:50%;\r\n    transform:translateX(-50%);\r\n    box-shadow:0 15px 40px rgba(8,85,254,.3);\r\n}\r\n\r\n.step-card h3{\r\n\r\n    color:#1e266d;\r\n    margin-bottom:18px;\r\n    font-size:28px;\r\n}\r\n\r\n.step-card p{\r\n\r\n    color:#555;\r\n    line-height:1.8;\r\n    margin:15px 0;\r\n}\r\n\r\n.step-card h5{\r\n\r\n    color:#0855fe;\r\n    margin-top:25px;\r\n    margin-bottom:12px;\r\n}\r\n\r\n.step-card ul{\r\n\r\n    margin:0;\r\n    padding-left:20px;\r\n}\r\n\r\n.step-card li{\r\n\r\n    margin:10px 0;\r\n    color:#555;\r\n}\r\n\r\n.note{\r\n\r\n    margin-top:25px;\r\n    padding:18px 22px;\r\n    border-radius:14px;\r\n    background:linear-gradient(90deg,#1e266d,#0855fe);\r\n    color:#fff;\r\n    font-weight:600;\r\n}\r\n\r\n@media(max-width:991px){\r\n\r\n.journey:before{\r\n\r\ndisplay:none;\r\n}\r\n\r\n.step,\r\n.step.reverse{\r\n\r\njustify-content:center;\r\n}\r\n\r\n.step-card{\r\n\r\nwidth:100%;\r\n}\r\n\r\n.step-number{\r\n\r\nposition:relative;\r\nleft:auto;\r\ntransform:none;\r\nmargin-bottom:25px;\r\n}\r\n\r\n.step{\r\n\r\ndisplay:block;\r\ntext-align:center;\r\n}\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<section class=\"member-exp\">\r\n    <div class=\"container\">\r\n\r\n        <div class=\"member-grid\">\r\n\r\n            <div class=\"left-content\">\r\n\r\n                               <h2 class=\"sub-title\">For Members<\/h2>\r\n\r\n                <p>ClubCash has been designed around one simple principle:<\/p>\r\n\r\n                <div class=\"quote-box\">\r\n                    Members should spend time enjoying their club\u2014not waiting in queues,\r\n                    carrying cash, or managing multiple membership cards.\r\n                <\/div>\r\n\r\n                <p>\r\n                    Every interaction has been redesigned to remove friction.\r\n                    Membership, identity, payments, rewards, bookings, and\r\n                    communications are combined into a single secure digital experience.\r\n                <\/p>\r\n\r\n                <p>\r\n                    Whether a member belongs to a golf club, yacht club, gym,\r\n                    sports association, social club, business network, or festival,\r\n                    the experience remains familiar, fast, and secure.\r\n                <\/p>\r\n\r\n                <p>\r\n                    The ClubCash platform transforms every member interaction into something that is:\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"right-content\">\r\n\r\n                <div class=\"circle\">\r\n\r\n                    <div class=\"center-logo\">\r\n                        ClubCash\r\n                    <\/div>\r\n\r\n                    <div class=\"item top\">\r\n                        Instant\r\n                    <\/div>\r\n\r\n                    <div class=\"item right-top\">\r\n                        Secure\r\n                    <\/div>\r\n\r\n                    <div class=\"item right-bottom\">\r\n                        Mobile-first\r\n                    <\/div>\r\n\r\n                    <div class=\"item bottom\">\r\n                        Cashless\r\n                    <\/div>\r\n\r\n                    <div class=\"item left-bottom\">\r\n                        Connected\r\n                    <\/div>\r\n\r\n                    <div class=\"item left-top\">\r\n                        Rewarding\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"member-journey\">\r\n    <div class=\"container\">\r\n\r\n        <div class=\"section-title\">\r\n            <span>Member Experience<\/span>\r\n            <h2>The Member Journey<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"journey\">\r\n\r\n            <!-- Step 1 -->\r\n            <div class=\"step\">\r\n                <div class=\"step-number\">01<\/div>\r\n\r\n                <div class=\"step-card\">\r\n\r\n                    <h3>Step 1 \u2013 Invitation<\/h3>\r\n\r\n                    <p>A member receives an invitation from their club.<\/p>\r\n\r\n                    <h5>This may arrive through:<\/h5>\r\n\r\n                    <ul>\r\n                        <li>Email<\/li>\r\n                        <li>SMS<\/li>\r\n                        <li>QR code<\/li>\r\n                        <li>Website<\/li>\r\n                        <li>Existing membership renewal<\/li>\r\n                        <li>Administrator invitation<\/li>\r\n                    <\/ul>\r\n\r\n                    <div class=\"note\">\r\n                        Registration normally takes less than two minutes.\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n\r\n            <!-- Step 2 -->\r\n\r\n            <div class=\"step reverse\">\r\n\r\n                <div class=\"step-number\">02<\/div>\r\n\r\n                <div class=\"step-card\">\r\n\r\n                    <h3>Step 2 \u2013 Identity Verification<\/h3>\r\n\r\n                    <p>The member verifies ownership using:<\/p>\r\n\r\n                    <ul>\r\n                        <li>Email One-Time Password (OTP)<\/li>\r\n                        <li>SMS OTP<\/li>\r\n                        <li>Future biometric authentication<\/li>\r\n                        <li>Device authentication<\/li>\r\n                    <\/ul>\r\n\r\n                    <div class=\"note\">\r\n                        No passwords need to be remembered.\r\n                    <\/div>\r\n\r\n                    <p>This dramatically reduces:<\/p>\r\n\r\n                    <ul>\r\n                        <li>Forgotten passwords<\/li>\r\n                        <li>Helpdesk calls<\/li>\r\n                        <li>Account lockouts<\/li>\r\n                        <li>Security risks<\/li>\r\n                    <\/ul>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- Step 3 -->\r\n\r\n            <div class=\"step\">\r\n\r\n                <div class=\"step-number\">03<\/div>\r\n\r\n                <div class=\"step-card\">\r\n\r\n                    <h3>Step 3 \u2013 Digital Membership<\/h3>\r\n\r\n                    <p>\r\n                        Once verified, ClubCash immediately creates the member\u2019s digital identity.\r\n                    <\/p>\r\n\r\n                    <p>The member receives:<\/p>\r\n\r\n                    <ul>\r\n                        <li>Digital membership card<\/li>\r\n                        <li>Membership number<\/li>\r\n                        <li>QR code<\/li>\r\n                        <li>Wallet<\/li>\r\n                        <li>Reward account<\/li>\r\n                        <li>Personal profile<\/li>\r\n                    <\/ul>\r\n\r\n                    <p>The membership can also be added to:<\/p>\r\n\r\n                    <ul>\r\n                        <li>Apple Wallet<\/li>\r\n                        <li>Google Wallet<\/li>\r\n                    <\/ul>\r\n\r\n                    <div class=\"note\">\r\n                        The physical plastic card is no longer necessary.\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n<\/body>\r\n<\/html>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" data-vc-kd-parallax=\"1.5\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1784059224469 vc_row-has-fill vc_row-has-padding-top vc_row-has-padding-bottom vc_row-has-padding-left vc_row-has-padding-right vc_row-bg-position-top vc_general kd_vc_parallax kd_vc_parallax-content-moving\"><div class=\"parallax-overlay\" data-vc-kd-parallax=\"1.5\"><\/div><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\r\n\t\t\t\r\n<style>\r\n  :root{\r\n    --navy:#071B33;\r\n    --blue:#176BFF;\r\n    --aqua:#20D5C2;\r\n    --text:#122033;\r\n    --slate:#66758A;\r\n    --white:#FFFFFF;\r\n    --cloud:#F7F9FC;\r\n    --border:#E7ECF2;\r\n  }\r\n\r\n  *{box-sizing:border-box; margin:0; padding:0;}\r\n  html{scroll-behavior:smooth;}\r\n\r\n  body{\r\n    font-family:'Inter', sans-serif;\r\n    color:var(--text);\r\n    background:var(--white);\r\n    line-height:1.65;\r\n    -webkit-font-smoothing:antialiased;\r\n    width:100%;\r\n    overflow-x:hidden;\r\n  }\r\n\r\n  h1,h2,h3,h4{\r\n    font-family:'Sora', sans-serif;\r\n    color:var(--navy);\r\n    letter-spacing:-0.01em;\r\n  }\r\n\r\n  \/* ---------- scroll reveal ---------- *\/\r\n  .reveal{\r\n    opacity:0;\r\n    transform:translateY(28px);\r\n    transition:opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1);\r\n  }\r\n  .reveal.in{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n  .stagger > *{\r\n    opacity:0;\r\n    transform:translateY(16px);\r\n    transition:opacity .5s ease, transform .5s ease;\r\n  }\r\n  .stagger.in > *{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n  .stagger.in > *:nth-child(1){transition-delay:.02s;}\r\n  .stagger.in > *:nth-child(2){transition-delay:.06s;}\r\n  .stagger.in > *:nth-child(3){transition-delay:.10s;}\r\n  .stagger.in > *:nth-child(4){transition-delay:.14s;}\r\n  .stagger.in > *:nth-child(5){transition-delay:.18s;}\r\n  .stagger.in > *:nth-child(6){transition-delay:.22s;}\r\n  .stagger.in > *:nth-child(7){transition-delay:.26s;}\r\n  .stagger.in > *:nth-child(8){transition-delay:.30s;}\r\n  .stagger.in > *:nth-child(9){transition-delay:.34s;}\r\n  .stagger.in > *:nth-child(10){transition-delay:.38s;}\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .reveal, .stagger > *{ opacity:1 !important; transform:none !important; transition:none !important; }\r\n  }\r\n\r\n  \/* ---------- Hero ---------- *\/\r\n  .hero{\r\n    width:100%;\r\n    background:\r\n      radial-gradient(1400px 520px at 88% -10%, rgba(32,213,194,0.18), transparent 60%),\r\n      linear-gradient(180deg, var(--navy) 0%, #0B2547 100%);\r\n    color:var(--white);\r\n    padding:96px 6vw 84px;\r\n    position:relative;\r\n    overflow:hidden;\r\n  }\r\n  .hero::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    right:-160px; top:-180px;\r\n    width:520px; height:520px;\r\n    border-radius:50%;\r\n    background:radial-gradient(circle, rgba(23,107,255,0.35), transparent 70%);\r\n    animation:float 9s ease-in-out infinite;\r\n  }\r\n  @keyframes float{\r\n    0%,100%{ transform:translate(0,0); }\r\n    50%{ transform:translate(-24px, 26px); }\r\n  }\r\n  .eyebrow{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    font-family:'IBM Plex Mono', monospace;\r\n    font-size:12px;\r\n    letter-spacing:0.14em;\r\n    text-transform:uppercase;\r\n    color:var(--aqua);\r\n    background:rgba(32,213,194,0.1);\r\n    border:1px solid rgba(32,213,194,0.3);\r\n    padding:6px 14px;\r\n    border-radius:100px;\r\n    margin-bottom:26px;\r\n  }\r\n  .eyebrow .blink{\r\n    width:6px;height:6px;border-radius:50%;background:var(--aqua);\r\n    animation:pulse 1.8s ease-in-out infinite;\r\n  }\r\n  @keyframes pulse{\r\n    0%,100%{ opacity:1; box-shadow:0 0 0 0 rgba(32,213,194,.5);}\r\n    50%{ opacity:.5; box-shadow:0 0 0 6px rgba(32,213,194,0);}\r\n  }\r\n  .hero h1{\r\n    color:var(--white);\r\n    font-size:clamp(32px, 4.4vw, 52px);\r\n    font-weight:700;\r\n    max-width:920px;\r\n    line-height:1.14;\r\n  }\r\n  .hero .lede{\r\n    max-width:760px;\r\n    margin-top:24px;\r\n    font-size:clamp(15px, 1.4vw, 18px);\r\n    color:rgba(255,255,255,0.82) !important;\r\n  }\r\n  .hero .lede strong{ color:var(--white); font-weight:600; }\r\n\r\n  .pill-row{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:10px;\r\n    margin-top:34px;\r\n    position:relative;\r\n    z-index:1;\r\n  }\r\n  .pill{\r\n    font-size:13px;\r\n    font-weight:600;\r\n    padding:9px 18px;\r\n    border-radius:100px;\r\n    background:rgba(255,255,255,0.06);\r\n    border:1px solid rgba(255,255,255,0.14);\r\n    color:var(--white);\r\n    display:flex; align-items:center; gap:8px;\r\n    transition:background .25s ease, transform .25s ease, border-color .25s ease;\r\n    cursor:default;\r\n  }\r\n  .pill::before{\r\n    content:\"\";\r\n    width:6px; height:6px;\r\n    border-radius:50%;\r\n    background:var(--aqua);\r\n    transition:transform .25s ease;\r\n  }\r\n  .pill:hover{\r\n    background:rgba(32,213,194,0.14);\r\n    border-color:rgba(32,213,194,0.5);\r\n    transform:translateY(-3px);\r\n  }\r\n  .pill:hover::before{ transform:scale(1.6); }\r\n\r\n  \/* ---------- Section framing (full width) ---------- *\/\r\n  section.doc-section{\r\n    width:100%;\r\n    padding:64px 6vw;\r\n    border-bottom:1px solid var(--border);\r\n  }\r\n  section.doc-section:nth-of-type(even){\r\n    background:var(--cloud);\r\n  }\r\n\r\n  .sec-head{ margin-bottom:24px; }\r\n  .sec-head h2{\r\n    font-size:clamp(22px, 2.6vw, 30px);\r\n    font-weight:700;\r\n    position:relative;\r\n    display:inline-block;\r\n  }\r\n  .sec-head h2::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0; bottom:-8px;\r\n    width:40px; height:3px;\r\n    background:var(--aqua);\r\n    border-radius:3px;\r\n    transition:width .4s cubic-bezier(.16,1,.3,1);\r\n  }\r\n  .sec-head:hover h2::after{ width:100%; }\r\n\r\n  .sec-body{ max-width:1180px; }\r\n  .sec-body p{\r\n    color:var(--text);\r\n    font-size:15.6px;\r\n    max-width:860px;\r\n    margin-bottom:14px;\r\n  }\r\n  .sec-body p.muted{ color:var(--slate); }\r\n\r\n  .callout{\r\n    font-family:'Sora', sans-serif;\r\n    font-weight:600;\r\n    font-size:18px;\r\n    color:var(--navy);\r\n    max-width:800px;\r\n    padding:18px 22px;\r\n    background:var(--white);\r\n    border-left:3px solid var(--aqua);\r\n    border-radius:0 8px 8px 0;\r\n    margin:18px 0 22px;\r\n    box-shadow:0 1px 2px rgba(7,27,51,0.04);\r\n    transition:box-shadow .3s ease, transform .3s ease, border-color .3s ease;\r\n  }\r\n  .callout:hover{\r\n    box-shadow:0 12px 28px -12px rgba(7,27,51,0.18);\r\n    transform:translateY(-2px);\r\n    border-left-color:var(--blue);\r\n  }\r\n\r\n  \/* Chips *\/\r\n  .chip-grid{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:10px;\r\n    margin:8px 0 4px;\r\n  }\r\n  .chip{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    font-size:13.5px;\r\n    font-weight:500;\r\n    color:var(--text);\r\n    background:var(--white);\r\n    border:1px solid var(--border);\r\n    padding:9px 16px;\r\n    border-radius:9px;\r\n    transition:transform .22s cubic-bezier(.16,1,.3,1), box-shadow .22s ease, border-color .22s ease, background .22s ease;\r\n    cursor:default;\r\n  }\r\n  section.doc-section:nth-of-type(even) .chip{ background:var(--cloud); }\r\n  .chip .dot{\r\n    width:7px; height:7px;\r\n    border-radius:50%;\r\n    background:var(--blue);\r\n    flex-shrink:0;\r\n    transition:transform .22s ease;\r\n  }\r\n  .chip.aqua .dot{ background:var(--aqua); }\r\n  .chip:hover{\r\n    transform:translateY(-4px);\r\n    border-color:var(--blue);\r\n    box-shadow:0 10px 22px -12px rgba(23,107,255,0.35);\r\n    background:var(--white);\r\n  }\r\n  .chip.aqua:hover{\r\n    border-color:var(--aqua);\r\n    box-shadow:0 10px 22px -12px rgba(32,213,194,0.4);\r\n  }\r\n  .chip:hover .dot{ transform:scale(1.5); }\r\n\r\n  \/* Split *\/\r\n  .split{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:48px;\r\n    align-items:start;\r\n  }\r\n  @media (max-width:860px){ .split{ grid-template-columns:1fr; } }\r\n\r\n  \/* Journey timeline *\/\r\n  .timeline{ margin-top:12px; padding-left:6px; }\r\n  .tl-step{\r\n    position:relative;\r\n    padding:0 0 36px 52px;\r\n    border-left:2px solid var(--border);\r\n    margin-left:19px;\r\n  }\r\n  .tl-step:last-child{ border-left:2px solid transparent; padding-bottom:4px; }\r\n  .tl-step .tl-marker{\r\n    position:absolute;\r\n    left:-21px; top:-2px;\r\n    width:40px; height:40px;\r\n    border-radius:50%;\r\n    background:var(--navy);\r\n    color:var(--white);\r\n    display:flex; align-items:center; justify-content:center;\r\n    font-family:'Sora', sans-serif;\r\n    font-weight:700;\r\n    font-size:15px;\r\n    border:4px solid var(--cloud);\r\n    transition:transform .3s cubic-bezier(.34,1.56,.64,1), background .3s ease;\r\n  }\r\n  section.doc-section:nth-of-type(odd) .tl-step .tl-marker{ border-color:var(--white); }\r\n  .tl-step:hover .tl-marker{ transform:scale(1.14) rotate(-6deg); background:var(--blue); }\r\n  .tl-step h4{ font-size:17px; margin-bottom:8px; padding-top:6px; }\r\n  .tl-step p{ font-size:14.5px; color:var(--slate); margin-bottom:10px; max-width:600px; }\r\n\r\n  \/* Order flow *\/\r\n  .flow-row{\r\n    display:flex; align-items:center; gap:14px; flex-wrap:wrap;\r\n    margin:18px 0 8px;\r\n  }\r\n  .flow-step{\r\n    display:flex; align-items:center; gap:10px;\r\n    background:var(--white);\r\n    border:1px solid var(--border);\r\n    border-radius:10px;\r\n    padding:12px 20px;\r\n    font-weight:600;\r\n    font-size:14px;\r\n    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;\r\n  }\r\n  .flow-step:hover{\r\n    transform:translateY(-4px);\r\n    border-color:var(--blue);\r\n    box-shadow:0 12px 24px -14px rgba(23,107,255,0.4);\r\n  }\r\n  .flow-step .n{\r\n    width:24px; height:24px;\r\n    border-radius:50%;\r\n    background:var(--blue);\r\n    color:var(--white);\r\n    font-size:12px;\r\n    font-family:'IBM Plex Mono', monospace;\r\n    display:flex; align-items:center; justify-content:center;\r\n    flex-shrink:0;\r\n  }\r\n  .flow-arrow{ color:var(--slate); font-size:18px; transition:transform .3s ease; }\r\n  .flow-row:hover .flow-arrow{ transform:translateX(3px); }\r\n  .old-way{ display:flex; gap:18px; flex-wrap:wrap; margin-bottom:6px; }\r\n  .old-way span{\r\n    font-size:14px; color:var(--slate);\r\n    text-decoration:line-through;\r\n    text-decoration-color:#c7cedb;\r\n    transition:color .2s ease;\r\n  }\r\n  .old-way span:hover{ color:#c0394a; }\r\n\r\n  \/* Comparison table *\/\r\n  .compare-wrap{\r\n    margin-top:10px;\r\n    border:1px solid var(--border);\r\n    border-radius:14px;\r\n    overflow:hidden;\r\n    background:var(--white);\r\n    max-width:900px;\r\n    box-shadow:0 1px 2px rgba(7,27,51,0.03);\r\n  }\r\n  table.compare{ width:100%; border-collapse:collapse; }\r\n  table.compare th{\r\n    text-align:left;\r\n    font-family:'Sora', sans-serif;\r\n    font-size:13px;\r\n    text-transform:uppercase;\r\n    letter-spacing:0.06em;\r\n    padding:15px 24px;\r\n    color:var(--white);\r\n  }\r\n  table.compare th:first-child{ background:var(--slate); }\r\n  table.compare th:last-child{ background:var(--navy); }\r\n  table.compare td{\r\n    padding:13px 24px;\r\n    font-size:14.5px;\r\n    border-top:1px solid var(--border);\r\n    transition:background .2s ease;\r\n  }\r\n  table.compare td:first-child{ color:var(--slate); }\r\n  table.compare td:last-child{ color:var(--navy); font-weight:600; }\r\n  table.compare tr td:last-child::before{ content:\"\u2713 \"; color:var(--aqua); font-weight:700; }\r\n  table.compare tbody tr:nth-child(even){ background:var(--cloud); }\r\n  table.compare tbody tr{ transition:background .2s ease; }\r\n  table.compare tbody tr:hover{ background:rgba(23,107,255,0.06); }\r\n  table.compare tbody tr:hover td{ color:var(--navy); }\r\n\r\n  \/* Message bubbles *\/\r\n  .bubbles{ display:flex; flex-direction:column; gap:10px; margin-top:16px; max-width:460px; }\r\n  .bubble{\r\n    background:var(--white);\r\n    border:1px solid var(--border);\r\n    border-left:3px solid var(--blue);\r\n    padding:12px 16px;\r\n    border-radius:0 10px 10px 10px;\r\n    font-size:13.8px;\r\n    color:var(--text);\r\n    box-shadow:0 1px 2px rgba(7,27,51,0.04);\r\n    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;\r\n  }\r\n  .bubble:hover{\r\n    transform:translateX(6px);\r\n    border-left-color:var(--aqua);\r\n    box-shadow:0 10px 20px -12px rgba(7,27,51,0.18);\r\n  }\r\n\r\n  \/* Roadmap grid *\/\r\n  .roadmap-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));\r\n    gap:12px;\r\n    margin-top:16px;\r\n  }\r\n  .roadmap-item{\r\n    background:var(--white);\r\n    border:1px solid var(--border);\r\n    border-radius:10px;\r\n    padding:16px 18px;\r\n    font-size:14px;\r\n    font-weight:500;\r\n    display:flex;\r\n    gap:10px;\r\n    align-items:flex-start;\r\n    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;\r\n  }\r\n  .roadmap-item:hover{\r\n    transform:translateY(-5px);\r\n    border-color:var(--aqua);\r\n    box-shadow:0 14px 28px -16px rgba(32,213,194,0.4);\r\n  }\r\n  .roadmap-item .idx{\r\n    font-family:'IBM Plex Mono', monospace;\r\n    font-size:11px;\r\n    color:var(--aqua);\r\n    background:rgba(32,213,194,0.12);\r\n    border-radius:5px;\r\n    padding:2px 6px;\r\n    flex-shrink:0;\r\n  }\r\n\r\n  \/* Conclusion *\/\r\n  .conclusion{\r\n    width:100%;\r\n    background:linear-gradient(135deg, var(--navy), #0B2547 60%, #0d2c52);\r\n    color:var(--white);\r\n    padding:80px 6vw;\r\n  }\r\n  .conclusion h2{ color:var(--white); font-size:clamp(24px,3vw,32px); margin-bottom:22px;}\r\n  .conclusion p{\r\n    color:rgba(255,255,255,0.82) !important;\r\n    font-size:15.6px;\r\n    max-width:880px;\r\n    margin-bottom:14px;\r\n  }\r\n  .conclusion .accent-bar{\r\n    width:52px; height:4px;\r\n    background:var(--aqua);\r\n    border-radius:4px;\r\n    margin-bottom:24px;\r\n    transition:width .5s cubic-bezier(.16,1,.3,1);\r\n  }\r\n  .conclusion:hover .accent-bar{ width:120px; }\r\n\r\n  @media (max-width: 640px){\r\n    .hero, section.doc-section, .conclusion{ padding-left:24px; padding-right:24px; }\r\n  }\r\n<\/style>\r\n\r\n\r\n\r\n\r\n  <!-- Home Dashboard -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>The Home Dashboard<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>The dashboard becomes the member's control centre. Everything is available from one screen.<\/p>\r\n      <p class=\"muted\">Typical information includes:<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Current wallet balance<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Membership status<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Membership expiry date<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Club announcements<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Reward points<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Recent purchases<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Upcoming events<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Active bookings<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Personal offers<\/div>\r\n      <\/div>\r\n      <p class=\"callout\" style=\"margin-top:20px;\">Members always know their current status.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Joining Multiple Clubs -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Joining Multiple Clubs<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>Unlike traditional systems, ClubCash allows one person to belong to many organisations using a single account. For example:<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Golf Club<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Sailing Club<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Gym<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Football Club<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Business Association<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Local Theatre<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Music Festival<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Community Organisation<\/div>\r\n      <\/div>\r\n      <p class=\"callout\" style=\"margin-top:20px;\">The member simply switches between clubs inside the application \u2014 no need to maintain multiple apps, cards, or wallets.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Arrival at the Club -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Arrival at the Club<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>On arrival, members simply present their QR code. Staff scan the code. Within seconds they can see:<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Membership validity<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Member photograph (optional)<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Membership level<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Guest allowance<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Outstanding alerts<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Booking status<\/div>\r\n      <\/div>\r\n      <p class=\"callout\" style=\"margin-top:20px;\">Entry becomes almost instantaneous.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Purchasing Food and Drinks -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Purchasing Food and Drinks<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p class=\"muted\">Instead of:<\/p>\r\n      <div class=\"old-way\">\r\n        <span>Finding cash\u2026<\/span>\r\n        <span>Waiting for change\u2026<\/span>\r\n        <span>Signing receipts\u2026<\/span>\r\n      <\/div>\r\n      <p class=\"muted\" style=\"margin-top:8px;\">Members simply:<\/p>\r\n      <div class=\"flow-row\">\r\n        <div class=\"flow-step\"><span class=\"n\">1<\/span>Order<\/div>\r\n        <span class=\"flow-arrow\">\u2192<\/span>\r\n        <div class=\"flow-step\"><span class=\"n\">2<\/span>Scan QR code<\/div>\r\n        <span class=\"flow-arrow\">\u2192<\/span>\r\n        <div class=\"flow-step\"><span class=\"n\">3<\/span>Confirm payment<\/div>\r\n      <\/div>\r\n      <p style=\"margin-top:14px;\">The payment completes within seconds. Receipts appear instantly inside the app.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Purchasing Merchandise -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Purchasing Merchandise<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>Members can purchase:<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Clothing<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Equipment<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Accessories<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Club merchandise<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Event tickets<\/div>\r\n      <\/div>\r\n      <p style=\"margin-top:16px;\">Exactly the same payment experience is used.<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip aqua\"><span class=\"dot\"><\/span>One wallet<\/div>\r\n        <div class=\"chip aqua\"><span class=\"dot\"><\/span>One payment<\/div>\r\n        <div class=\"chip aqua\"><span class=\"dot\"><\/span>One receipt history<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Event Booking -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Event Booking<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>Members can browse upcoming events including:<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Competitions<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Dinners<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Concerts<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Social evenings<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Sailing races<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Golf tournaments<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Charity events<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Conferences<\/div>\r\n      <\/div>\r\n      <p class=\"callout\" style=\"margin-top:20px;\">Booking requires only one tap. Tickets appear automatically inside the application.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Rewards Programme -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Rewards Programme<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>Every purchase may generate rewards. Examples include:<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Cashback<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Loyalty points<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Free drinks<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Discount vouchers<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Merchandise offers<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Event discounts<\/div>\r\n      <\/div>\r\n      <p style=\"margin-top:16px;\">Rewards are credited automatically.<\/p>\r\n      <div class=\"old-way\">\r\n        <span>Paper vouchers<\/span>\r\n        <span>Plastic loyalty cards<\/span>\r\n        <span>Manual administration<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Club Communications -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Club Communications<\/h2><\/div>\r\n    <div class=\"split\">\r\n      <div class=\"sec-body reveal in\">\r\n        <p>Members receive targeted communications based upon:<\/p>\r\n        <div class=\"chip-grid stagger in\">\r\n          <div class=\"chip\"><span class=\"dot\"><\/span>Club<\/div>\r\n          <div class=\"chip\"><span class=\"dot\"><\/span>Membership level<\/div>\r\n          <div class=\"chip\"><span class=\"dot\"><\/span>Interests<\/div>\r\n          <div class=\"chip\"><span class=\"dot\"><\/span>Events<\/div>\r\n          <div class=\"chip\"><span class=\"dot\"><\/span>Purchase history<\/div>\r\n          <div class=\"chip\"><span class=\"dot\"><\/span>Notifications<\/div>\r\n        <\/div>\r\n        <p class=\"callout\" style=\"margin-top:18px;\">Communication becomes relevant rather than intrusive.<\/p>\r\n      <\/div>\r\n      <div class=\"reveal in\">\r\n        <p class=\"muted\" style=\"margin-bottom:10px;\">Examples:<\/p>\r\n        <div class=\"bubbles\">\r\n          <div class=\"bubble\">\"Your membership expires in 14 days.\"<\/div>\r\n          <div class=\"bubble\">\"Your dinner booking has been confirmed.\"<\/div>\r\n          <div class=\"bubble\">\"Congratulations \u2014 you have earned \u20ac10 cashback.\"<\/div>\r\n          <div class=\"bubble\">\"Today's competition starts at 10:30.\"<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Security -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Security<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>Every member account is protected using modern authentication methods. Security features include:<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Email OTP<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>SMS OTP<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Encrypted communications<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Secure wallet architecture<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Tokenised payment processing<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Fraud monitoring<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Device verification<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Optional biometric login<\/div>\r\n      <\/div>\r\n      <p class=\"callout\" style=\"margin-top:20px;\">Sensitive payment information is never exposed during transactions.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Privacy -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Privacy<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>Members retain full control over their personal information. Only authorised club administrators can access member information relevant to their organisation.<\/p>\r\n      <p class=\"muted\">ClubCash follows privacy-by-design principles including:<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Data minimisation<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Secure storage<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Encrypted transmission<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>User consent<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Account management controls<\/div>\r\n      <\/div>\r\n      <p class=\"callout\" style=\"margin-top:20px;\">Privacy is built into the platform from the beginning.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Membership Renewal -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Membership Renewal<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>Renewals become almost effortless. Members receive reminders before expiry. Renewal requires only a few taps.<\/p>\r\n      <p class=\"muted\">Once payment completes:<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Membership is renewed instantly<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Wallet updates automatically<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Apple Wallet pass updates<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Google Wallet pass updates<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Administrator records update automatically<\/div>\r\n      <\/div>\r\n      <div class=\"old-way\" style=\"margin-top:16px;\">\r\n        <span>Paper forms<\/span>\r\n        <span>Manual processing<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Guest Management -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Guest Management<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>Many organisations allow guests. Members can:<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Register guests<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Purchase guest passes<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Send guest QR codes<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>View guest history<\/div>\r\n      <\/div>\r\n      <p class=\"callout\" style=\"margin-top:20px;\">Reception staff can validate guests instantly.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Transaction History -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Transaction History<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>Every payment is recorded. Members can review:<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Purchases<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Membership payments<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Cashback<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Rewards<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Refunds<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Transfers<\/div>\r\n      <\/div>\r\n      <p style=\"margin-top:16px;\">Statements can be exported where required. <strong style=\"color:var(--navy);\">Everything is transparent.<\/strong><\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Member Benefits -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Member Benefits<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>Compared with traditional membership systems, ClubCash provides significant advantages.<\/p>\r\n      <div class=\"compare-wrap\">\r\n        <table class=\"compare\">\r\n          <thead>\r\n            <tr>\r\n              <th>Traditional Membership<\/th>\r\n              <th>ClubCash Experience<\/th>\r\n            <\/tr>\r\n          <\/thead>\r\n          <tbody>\r\n            <tr><td>Plastic cards<\/td><td>Digital membership<\/td><\/tr>\r\n            <tr><td>Cash payments<\/td><td>Cashless wallet<\/td><\/tr>\r\n            <tr><td>Passwords<\/td><td>OTP authentication<\/td><\/tr>\r\n            <tr><td>Paper receipts<\/td><td>Digital receipts<\/td><\/tr>\r\n            <tr><td>Manual renewals<\/td><td>One-tap renewals<\/td><\/tr>\r\n            <tr><td>Separate loyalty cards<\/td><td>Integrated rewards<\/td><\/tr>\r\n            <tr><td>Multiple club apps<\/td><td>One universal app<\/td><\/tr>\r\n            <tr><td>Slow check-in<\/td><td>QR check-in<\/td><\/tr>\r\n            <tr><td>Limited communication<\/td><td>Personalised notifications<\/td><\/tr>\r\n          <\/tbody>\r\n        <\/table>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Accessibility -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Accessibility<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>ClubCash has been designed for all age groups and technical abilities. Features include:<\/p>\r\n      <div class=\"chip-grid stagger in\">\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Simple navigation<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Large touch targets<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>High-contrast interface<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Clear typography<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Screen reader compatibility<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Multiple language support<\/div>\r\n        <div class=\"chip\"><span class=\"dot\"><\/span>Responsive mobile design<\/div>\r\n      <\/div>\r\n      <p class=\"callout\" style=\"margin-top:20px;\">Technology should be inclusive rather than intimidating.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Future Member Experience -->\r\n  <section class=\"doc-section\">\r\n    <div class=\"sec-head reveal in\"><h2>Future Member Experience<\/h2><\/div>\r\n    <div class=\"sec-body reveal in\">\r\n      <p>The platform roadmap includes future enhancements such as:<\/p>\r\n      <div class=\"roadmap-grid stagger in\">\r\n        <div class=\"roadmap-item\"><span class=\"idx\">01<\/span>AI-powered personal recommendations<\/div>\r\n        <div class=\"roadmap-item\"><span class=\"idx\">02<\/span>Voice assistant support<\/div>\r\n        <div class=\"roadmap-item\"><span class=\"idx\">03<\/span>Smart wearable integration<\/div>\r\n        <div class=\"roadmap-item\"><span class=\"idx\">04<\/span>NFC tap-to-enter<\/div>\r\n        <div class=\"roadmap-item\"><span class=\"idx\">05<\/span>Facial recognition (where legally permitted)<\/div>\r\n        <div class=\"roadmap-item\"><span class=\"idx\">06<\/span>Digital identity verification<\/div>\r\n        <div class=\"roadmap-item\"><span class=\"idx\">07<\/span>International club interoperability<\/div>\r\n        <div class=\"roadmap-item\"><span class=\"idx\">08<\/span>Cross-club reward sharing<\/div>\r\n        <div class=\"roadmap-item\"><span class=\"idx\">09<\/span>Carbon footprint tracking<\/div>\r\n        <div class=\"roadmap-item\"><span class=\"idx\">10<\/span>Intelligent concierge services<\/div>\r\n      <\/div>\r\n      <p style=\"margin-top:20px;\">These capabilities position ClubCash to evolve alongside member expectations while maintaining a seamless user experience.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Conclusion -->\r\n  <div class=\"conclusion reveal in\">\r\n    <div class=\"accent-bar\"><\/div>\r\n    <h2>Conclusion<\/h2>\r\n    <p>The ClubCash Member Experience is designed to redefine how people interact with clubs, associations, and community organisations. By combining secure identity, digital membership, cashless payments, integrated rewards, and personalised communication into a single platform, ClubCash removes everyday friction and creates a faster, more enjoyable experience for members and administrators alike.<\/p>\r\n    <p>Rather than simply digitising existing processes, ClubCash reimagines the entire membership journey \u2014 from joining and check-in to purchases, renewals, and ongoing engagement. The result is a connected ecosystem that increases convenience, strengthens member loyalty, improves operational efficiency, and provides organisations with the tools they need to deliver a modern, premium member experience.<\/p>\r\n  <\/div>\r\n\r\n\r\n<script>\r\n  const io = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if(entry.isIntersecting){\r\n        entry.target.classList.add('in');\r\n        io.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' });\r\n\r\n  document.querySelectorAll('.reveal, .stagger').forEach(el => io.observe(el));\r\n<\/script>\r\n\t\t\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Document For Members ClubCash has been designed around one simple principle: Members should spend time enjoying their club\u2014not waiting in [...]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10252","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>For Members Old - clubcash.io<\/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:\/\/clubcash.io\/en_gb\/for-members-old\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"For Members Old - clubcash.io\" \/>\n<meta property=\"og:url\" content=\"https:\/\/clubcash.io\/en_gb\/for-members-old\/\" \/>\n<meta property=\"og:site_name\" content=\"clubcash.io\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-02T15:10:13+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/clubcash.io\\\/for-members-old\\\/\",\"url\":\"https:\\\/\\\/clubcash.io\\\/for-members-old\\\/\",\"name\":\"For Members Old - clubcash.io\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/clubcash.io\\\/#website\"},\"datePublished\":\"2026-07-14T17:40:07+00:00\",\"dateModified\":\"2026-10-02T15:10:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/clubcash.io\\\/for-members-old\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/clubcash.io\\\/for-members-old\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/clubcash.io\\\/for-members-old\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/clubcash.io\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"For Members Old\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/clubcash.io\\\/#website\",\"url\":\"https:\\\/\\\/clubcash.io\\\/\",\"name\":\"clubcash.io\",\"description\":\"club payments made easy\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/clubcash.io\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"For Members Old - clubcash.io","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:\/\/clubcash.io\/en_gb\/for-members-old\/","og_locale":"en_GB","og_type":"article","og_title":"For Members Old - clubcash.io","og_url":"https:\/\/clubcash.io\/en_gb\/for-members-old\/","og_site_name":"clubcash.io","article_modified_time":"2026-10-02T15:10:13+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/clubcash.io\/for-members-old\/","url":"https:\/\/clubcash.io\/for-members-old\/","name":"For Members Old - clubcash.io","isPartOf":{"@id":"https:\/\/clubcash.io\/#website"},"datePublished":"2026-07-14T17:40:07+00:00","dateModified":"2026-10-02T15:10:13+00:00","breadcrumb":{"@id":"https:\/\/clubcash.io\/for-members-old\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/clubcash.io\/for-members-old\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/clubcash.io\/for-members-old\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/clubcash.io\/"},{"@type":"ListItem","position":2,"name":"For Members Old"}]},{"@type":"WebSite","@id":"https:\/\/clubcash.io\/#website","url":"https:\/\/clubcash.io\/","name":"clubcash.io","description":"club payments made easy","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/clubcash.io\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/clubcash.io\/en_gb\/wp-json\/wp\/v2\/pages\/10252","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clubcash.io\/en_gb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clubcash.io\/en_gb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clubcash.io\/en_gb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clubcash.io\/en_gb\/wp-json\/wp\/v2\/comments?post=10252"}],"version-history":[{"count":63,"href":"https:\/\/clubcash.io\/en_gb\/wp-json\/wp\/v2\/pages\/10252\/revisions"}],"predecessor-version":[{"id":15408,"href":"https:\/\/clubcash.io\/en_gb\/wp-json\/wp\/v2\/pages\/10252\/revisions\/15408"}],"wp:attachment":[{"href":"https:\/\/clubcash.io\/en_gb\/wp-json\/wp\/v2\/media?parent=10252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}