{"id":25,"date":"2025-09-03T06:39:50","date_gmt":"2025-09-03T06:39:50","guid":{"rendered":"https:\/\/curiouslearneracademy.com\/australia\/?page_id=25"},"modified":"2026-08-17T06:48:24","modified_gmt":"2026-08-17T06:48:24","slug":"home","status":"publish","type":"page","link":"https:\/\/curiouslearneracademy.com\/australia\/","title":{"rendered":"Home"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');\n\n\/* ==========================================================================\n   1. WORDPRESS OVERFLOW & CONTAINER UNLOCKS\n   ========================================================================== *\/\n\n.wp-block-custom-html:has(#cl-aus-hero-master),\n.entry-content > .wp-block-custom-html:has(#cl-aus-hero-master),\n.wp-block-post-content > .wp-block-custom-html:has(#cl-aus-hero-master) {\n    height: auto !important;\n    min-height: 0 !important;\n    max-height: none !important;\n    overflow: visible !important;\n    box-sizing: border-box !important;\n}\n\n#cl-aus-hero-master,\n#cl-aus-hero-master * {\n    box-sizing: border-box !important;\n    -ms-overflow-style: none !important;\n    scrollbar-width: none !important;\n}\n\n#cl-aus-hero-master::-webkit-scrollbar,\n#cl-aus-hero-master *::-webkit-scrollbar {\n    display: none !important;\n    width: 0 !important;\n    height: 0 !important;\n    background: transparent !important;\n}\n\n\/* ==========================================================================\n   2. LIGHT AUSTRALIAN SUNSET BACKDROP (NON-BLACK)\n   ========================================================================== *\/\n\n#cl-aus-hero-master {\n    width: 100% !important;\n    display: block !important;\n    position: relative !important;\n    background: linear-gradient(135deg, #fbf7ee 0%, #e8f7f9 50%, #fef3eb 100%) !important;\n    color: #1e293b !important;\n    font-family: 'Outfit', sans-serif !important;\n    overflow: hidden !important;\n}\n\n#clAusWatermarkCanvas {\n    position: absolute !important;\n    top: 0;\n    left: 0;\n    width: 100% !important;\n    height: 100% !important;\n    z-index: 1;\n    pointer-events: none;\n    opacity: 0.9;\n}\n\n#cl-aus-hero-section {\n    position: relative !important;\n    z-index: 2;\n    padding: clamp(50px, 6vw, 95px) 0 !important;\n    width: 100% !important;\n}\n\n.cl-hero-container {\n    max-width: min(1380px, 94vw);\n    margin: 0 auto;\n    padding: 0 clamp(16px, 3vw, 24px);\n    display: grid;\n    grid-template-columns: 0.9fr 1.1fr;\n    gap: clamp(30px, 4vw, 65px);\n    align-items: center;\n}\n\n\/* ==========================================================================\n   3. LEFT IMAGE WITH NEON BACKDROP AURA SHADOW\n   ========================================================================== *\/\n\n.cl-hero-visual {\n    position: relative;\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n\/* Dual-Tone Ambient Neon Aura defining theme background *\/\n.hero-image-aura {\n    position: absolute;\n    width: 100%;\n    max-width: 520px;\n    height: 90%;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(0, 231, 255, 0.4) 0%, rgba(243, 111, 33, 0.35) 50%, transparent 70%);\n    filter: blur(40px);\n    z-index: 1;\n    animation: auraPulse 6s ease-in-out infinite alternate;\n}\n\n@keyframes auraPulse {\n    0% { transform: scale(0.95); opacity: 0.7; }\n    100% { transform: scale(1.08); opacity: 1; }\n}\n\n.hero-image-frame {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    max-width: clamp(320px, 40vw, 540px);\n    border-radius: 36px;\n    overflow: hidden;\n    border: 3px solid rgba(0, 231, 255, 0.5);\n    box-shadow: 0 20px 45px rgba(0, 145, 209, 0.25), 0 10px 30px rgba(243, 111, 33, 0.2);\n    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease, border-color 0.4s ease;\n    background: #ffffff;\n}\n\n.hero-image-frame:hover {\n    transform: scale(1.02) translateY(-4px);\n    border-color: #00e7ff;\n    box-shadow: 0 25px 60px rgba(0, 231, 255, 0.4), 0 0 40px rgba(243, 111, 33, 0.3);\n}\n\n.hero-img {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n    border-radius: 32px;\n}\n\n.glass-live-chip {\n    position: absolute;\n    bottom: 18px;\n    left: 18px;\n    right: 18px;\n    background: rgba(255, 255, 255, 0.92);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    border: 1px solid rgba(0, 145, 209, 0.3);\n    border-radius: 20px;\n    padding: 12px 18px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);\n}\n\n.live-pulse-dot {\n    width: 10px;\n    height: 10px;\n    background-color: #f36f21;\n    border-radius: 50%;\n    position: relative;\n    flex-shrink: 0;\n}\n\n.live-pulse-dot::after {\n    content: '';\n    position: absolute;\n    inset: -4px;\n    border-radius: 50%;\n    border: 2px solid #f36f21;\n    animation: pingDot 1.8s cubic-bezier(0, 0, 0.2, 1) infinite;\n}\n\n@keyframes pingDot {\n    0% { transform: scale(0.8); opacity: 1; }\n    100% { transform: scale(2.4); opacity: 0; }\n}\n\n.chip-text strong {\n    display: block;\n    font-size: 0.9rem;\n    color: #0f172a;\n}\n\n.chip-text small {\n    display: block;\n    font-size: 0.75rem;\n    color: #0091d1;\n    font-family: 'Inter', sans-serif;\n    font-weight: 700;\n}\n\n\/* ==========================================================================\n   4. RIGHT CONTENT COLUMN & NEON ACARA BADGE\n   ========================================================================== *\/\n\n.cl-hero-content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n}\n\n\/* Neon ACARA Badge Prefix *\/\n.cl-badge-prefix {\n    background: rgba(0, 231, 255, 0.12);\n    border: 1.5px solid #00e7ff;\n    padding: 8px 22px;\n    border-radius: 50px;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 20px;\n    box-shadow: 0 0 20px rgba(0, 231, 255, 0.35);\n    animation: badgeNeonGlow 3s infinite alternate;\n}\n\n@keyframes badgeNeonGlow {\n    0% { box-shadow: 0 0 12px rgba(0, 231, 255, 0.25); }\n    100% { box-shadow: 0 0 25px rgba(0, 231, 255, 0.55); }\n}\n\n.badge-dot {\n    width: 8px;\n    height: 8px;\n    background-color: #00e7ff;\n    border-radius: 50%;\n    box-shadow: 0 0 10px #00e7ff;\n}\n\n.badge-label {\n    font-size: 0.78rem;\n    font-weight: 800;\n    letter-spacing: 1.2px;\n    color: #0084ad;\n}\n\n\/* Main Title & Shimmer Text *\/\n.cl-hero-title {\n    font-size: clamp(2.3rem, 4.6vw, 4rem);\n    font-weight: 900;\n    line-height: 1.12;\n    color: #0f172a;\n    margin: 0 0 18px 0;\n}\n\n.shimmer-cyan {\n    color: #0091d1;\n    background: linear-gradient(90deg, #0091d1, #00e7ff, #0091d1);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: textShimmer 4s linear infinite;\n}\n\n.shimmer-orange {\n    color: #f36f21;\n    background: linear-gradient(90deg, #f36f21, #ff8238, #f36f21);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: textShimmer 4s linear infinite 2s;\n}\n\n@keyframes textShimmer {\n    to { background-position: 200% center; }\n}\n\n.cl-hero-desc {\n    font-family: 'Inter', sans-serif;\n    font-size: clamp(0.95rem, 1.2vw, 1.12rem);\n    color: #475569;\n    line-height: 1.68;\n    margin: 0 0 30px 0;\n}\n\n.cl-hero-desc strong {\n    color: #0f172a;\n}\n\n\/* ==========================================================================\n   5. DUAL CTA BUTTONS WITH NEON HOVER SHADOWS\n   ========================================================================== *\/\n\n.cl-hero-cta-group {\n    display: flex;\n    gap: 14px;\n    flex-wrap: wrap;\n    margin-bottom: 32px;\n}\n\n\/* Primary Button with Neon Orange Glow *\/\n.cl-primary-btn {\n    background: linear-gradient(90deg, #f36f21, #ff8238);\n    color: #ffffff !important;\n    text-decoration: none !important;\n    padding: 16px 36px;\n    border-radius: 50px;\n    font-weight: 900;\n    font-size: 0.98rem;\n    letter-spacing: 0.5px;\n    box-shadow: 0 6px 20px rgba(243, 111, 33, 0.35);\n    transition: all 0.3s ease;\n    display: inline-flex;\n    align-items: center;\n}\n\n.cl-primary-btn:hover {\n    transform: translateY(-3px) scale(1.02);\n    box-shadow: 0 12px 35px rgba(243, 111, 33, 0.65), 0 0 20px rgba(255, 107, 0, 0.4);\n}\n\n\/* Secondary Button with Neon Cyan Glow *\/\n.cl-secondary-btn {\n    background: #ffffff;\n    border: 2px solid #00e7ff;\n    color: #0084ad !important;\n    text-decoration: none !important;\n    padding: 16px 32px;\n    border-radius: 50px;\n    font-weight: 800;\n    font-size: 0.95rem;\n    transition: all 0.3s ease;\n    display: inline-flex;\n    align-items: center;\n    box-shadow: 0 4px 15px rgba(0, 231, 255, 0.2);\n}\n\n.cl-secondary-btn:hover {\n    background: #00e7ff;\n    color: #080c14 !important;\n    transform: translateY(-3px) scale(1.02);\n    box-shadow: 0 12px 35px rgba(0, 231, 255, 0.55), 0 0 20px rgba(0, 231, 255, 0.4);\n}\n\n\/* ==========================================================================\n   6. MULTI-COLORED NEON STATE COVERAGE BADGES (HOVER SHADOWS)\n   ========================================================================== *\/\n\n.cl-state-trust-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex-wrap: wrap;\n    border-top: 1px dashed rgba(0, 145, 209, 0.25);\n    padding-top: 20px;\n    width: 100%;\n}\n\n.trust-label {\n    font-size: 0.72rem;\n    font-weight: 800;\n    color: #64748b;\n    letter-spacing: 1px;\n}\n\n.state-chips {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n\n.chip {\n    font-size: 0.72rem;\n    font-weight: 800;\n    padding: 5px 14px;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n\/* Cyan Badge *\/\n.chip-cyan {\n    background: #e0f2fe;\n    color: #0084ad;\n    border: 1px solid #bae6fd;\n}\n.chip-cyan:hover {\n    transform: translateY(-3px) scale(1.05);\n    background: #00e7ff;\n    color: #080c14;\n    box-shadow: 0 8px 20px rgba(0, 231, 255, 0.5);\n}\n\n\/* Orange Badge *\/\n.chip-orange {\n    background: #ffedd5;\n    color: #ea580c;\n    border: 1px solid #fed7aa;\n}\n.chip-orange:hover {\n    transform: translateY(-3px) scale(1.05);\n    background: #ff6b00;\n    color: #ffffff;\n    box-shadow: 0 8px 20px rgba(255, 107, 0, 0.5);\n}\n\n\/* Green Badge *\/\n.chip-green {\n    background: #dcfce7;\n    color: #16a34a;\n    border: 1px solid #bbf7d0;\n}\n.chip-green:hover {\n    transform: translateY(-3px) scale(1.05);\n    background: #10b981;\n    color: #ffffff;\n    box-shadow: 0 8px 20px rgba(16, 185, 129, 0.5);\n}\n\n\/* Purple Badge *\/\n.chip-purple {\n    background: #f3e8ff;\n    color: #7c3aed;\n    border: 1px solid #ddd6fe;\n}\n.chip-purple:hover {\n    transform: translateY(-3px) scale(1.05);\n    background: #7c3aed;\n    color: #ffffff;\n    box-shadow: 0 8px 20px rgba(124, 58, 237, 0.5);\n}\n\n\/* Pink Badge *\/\n.chip-pink {\n    background: #fce7f3;\n    color: #db2777;\n    border: 1px solid #fbcfe8;\n}\n.chip-pink:hover {\n    transform: translateY(-3px) scale(1.05);\n    background: #ec4899;\n    color: #ffffff;\n    box-shadow: 0 8px 20px rgba(236, 72, 153, 0.5);\n}\n\n\/* Yellow Badge *\/\n.chip-yellow {\n    background: #fef9c3;\n    color: #ca8a04;\n    border: 1px solid #fef08a;\n}\n.chip-yellow:hover {\n    transform: translateY(-3px) scale(1.05);\n    background: #f59e0b;\n    color: #000000;\n    box-shadow: 0 8px 20px rgba(245, 158, 11, 0.5);\n}\n\n\/* ==========================================================================\n   7. UNIVERSAL SCREEN RESPONSIVENESS\n   ========================================================================== *\/\n\n@media (max-width: 1024px) {\n    .cl-hero-container {\n        grid-template-columns: 1fr;\n        text-align: center;\n    }\n\n    .cl-hero-content {\n        align-items: center;\n    }\n\n    .cl-badge-prefix,\n    .cl-state-trust-row {\n        justify-content: center;\n    }\n\n    .cl-hero-cta-group {\n        justify-content: center;\n    }\n}\n\n@media (max-width: 500px) {\n    .cl-primary-btn,\n    .cl-secondary-btn {\n        width: 100%;\n        justify-content: center;\n    }\n}\n\n@media (min-width: 2000px) {\n    .cl-hero-container {\n        max-width: 1800px;\n    }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/\/ Load Canvas Confetti Library Dynamically if missing\nif (typeof confetti !== 'function') {\n    const script = document.createElement('script');\n    script.src = 'https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.5.1\/dist\/confetti.browser.min.js';\n    document.head.appendChild(script);\n}\n\ndocument.addEventListener('DOMContentLoaded', () => {\n\n    \/\/ 1. ANIMATED WATERMARK ENGINE: MOVING KANGAROOS, AUS MAPS, OC, ICAS, AMC & STARS\n    const canvas = document.getElementById('clAusWatermarkCanvas');\n    if (canvas) {\n        const ctx = canvas.getContext('2d');\n        let width = canvas.width = canvas.parentElement.offsetWidth;\n        let height = canvas.height = canvas.parentElement.offsetHeight;\n\n        window.addEventListener('resize', () => {\n            width = canvas.width = canvas.parentElement.offsetWidth;\n            height = canvas.height = canvas.parentElement.offsetHeight;\n        });\n\n        \/\/ Types: 0 = Kangaroo, 1 = Aus Map, 2 = Text (OC\/ICAS\/AMC), 3 = Graduation Cap, 4 = Star Node\n        const textLabels = ['OC Prep', 'ICAS', 'AMC Math', 'NAPLAN', 'Scholarship'];\n\n        const watermarks = Array.from({ length: 32 }, () => ({\n            x: Math.random() * width,\n            y: Math.random() * height,\n            size: Math.random() * 18 + 12,\n            type: Math.floor(Math.random() * 5),\n            label: textLabels[Math.floor(Math.random() * textLabels.length)],\n            vx: (Math.random() - 0.5) * 0.45,\n            vy: (Math.random() - 0.5) * 0.45,\n            angle: Math.random() * Math.PI * 2,\n            vRot: (Math.random() - 0.5) * 0.008,\n            alpha: Math.random() * 0.18 + 0.08 \/\/ Soft subtle watermark visibility\n        }));\n\n        function drawWatermarks() {\n            ctx.clearRect(0, 0, width, height);\n\n            watermarks.forEach(item => {\n                item.x += item.vx;\n                item.y += item.vy;\n                item.angle += item.vRot;\n\n                if (item.x < -30 || item.x > width + 30) item.vx *= -1;\n                if (item.y < -30 || item.y > height + 30) item.vy *= -1;\n\n                ctx.save();\n                ctx.translate(item.x, item.y);\n                ctx.rotate(item.angle);\n                ctx.globalAlpha = item.alpha;\n\n                if (item.type === 0) {\n                    \/\/ Kangaroo Outline\n                    ctx.beginPath();\n                    ctx.moveTo(-item.size \/ 2, item.size \/ 4);\n                    ctx.quadraticCurveTo(-item.size \/ 4, -item.size \/ 2, 0, -item.size \/ 4);\n                    ctx.quadraticCurveTo(item.size \/ 4, -item.size \/ 2, item.size \/ 2, 0);\n                    ctx.quadraticCurveTo(item.size \/ 4, item.size \/ 2, -item.size \/ 2, item.size \/ 4);\n                    ctx.strokeStyle = '#f36f21';\n                    ctx.lineWidth = 1.5;\n                    ctx.stroke();\n                } else if (item.type === 1) {\n                    \/\/ Australia Map Outline Silhouette\n                    ctx.beginPath();\n                    ctx.rect(-item.size \/ 2, -item.size \/ 3, item.size, item.size * 0.65);\n                    ctx.strokeStyle = '#0091d1';\n                    ctx.lineWidth = 1.2;\n                    ctx.stroke();\n                } else if (item.type === 2) {\n                    \/\/ Educational Exam Text (OC, ICAS, AMC, NAPLAN)\n                    ctx.font = `800 ${item.size * 0.8}px 'Outfit', sans-serif`;\n                    ctx.fillStyle = '#0084ad';\n                    ctx.fillText(item.label, -item.size \/ 2, 0);\n                } else if (item.type === 3) {\n                    \/\/ Graduation Cap Diamond\n                    ctx.beginPath();\n                    ctx.moveTo(0, -item.size \/ 3);\n                    ctx.lineTo(item.size \/ 2, 0);\n                    ctx.lineTo(0, item.size \/ 3);\n                    ctx.lineTo(-item.size \/ 2, 0);\n                    ctx.closePath();\n                    ctx.strokeStyle = '#f36f21';\n                    ctx.lineWidth = 1.5;\n                    ctx.stroke();\n                } else {\n                    \/\/ Glowing Star Node\n                    ctx.beginPath();\n                    ctx.arc(0, 0, item.size \/ 4, 0, Math.PI * 2);\n                    ctx.fillStyle = '#00e7ff';\n                    ctx.fill();\n                }\n\n                ctx.restore();\n            });\n\n            requestAnimationFrame(drawWatermarks);\n        }\n        drawWatermarks();\n    }\n\n    \/\/ 2. CONFETTI PHYSICS ON PRIMARY BUTTON CLICK\n    const primaryBtn = document.getElementById('ausGetStartedBtn');\n    if (primaryBtn) {\n        primaryBtn.addEventListener('click', () => {\n            if (typeof confetti === 'function') {\n                confetti({\n                    particleCount: 60,\n                    spread: 70,\n                    origin: { y: 0.7 },\n                    colors: ['#0091d1', '#f36f21', '#00e7ff', '#ffffff']\n                });\n            }\n        });\n    }\n\n});\n<\/script>\n\n<div id=\"cl-aus-hero-master\">\n    <section id=\"cl-aus-hero-section\">\n        \n        <!-- CANVAS FOR MOVING KANGAROOS, AUS MAPS, OC, ICAS, AMC & STARS -->\n        <canvas id=\"clAusWatermarkCanvas\"><\/canvas>\n\n        <div class=\"cl-hero-container\">\n            \n            <!-- LEFT VISUAL COLUMN WITH NEON BACKDROP AURA -->\n            <div class=\"cl-hero-visual\">\n                <!-- Glowing Ambient Backdrop Shadow -->\n                <div class=\"hero-image-aura\"><\/div>\n\n                <div class=\"hero-image-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/curiouslearneracademy.com\/wp-content\/uploads\/2025\/08\/Curiouslearner-platform.jpg\" alt=\"Curious Learner Australia Platform\" class=\"hero-img\" title=\"Home\">\n                    \n                    <!-- Floating Live Glass Chip -->\n                    <div class=\"glass-live-chip\">\n                        <span class=\"live-pulse-dot\"><\/span>\n                        <div class=\"chip-text\">\n                            <strong>Live 1-on-1 Mentorship<\/strong>\n                            <small>Surgical Gap Remediation<\/small>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- RIGHT CONTENT COLUMN -->\n            <div class=\"cl-hero-content\">\n                \n                <!-- Pulsing Neon ACARA Prefix Badge -->\n                <div class=\"cl-badge-prefix\">\n                    <span class=\"badge-dot\"><\/span>\n                    <span class=\"badge-label\">\ud83c\udde6\ud83c\uddfa ACARA &amp; AUSTRALIAN CURRICULUM ALIGNED<\/span>\n                <\/div>\n\n                <!-- Main Neon Headline -->\n                <h1 class=\"cl-hero-title\">\n                    Ignite <span class=\"shimmer-cyan\">Curiosity,<\/span><br>\n                    Inspire <span class=\"shimmer-orange\">Learning<\/span>\n                <\/h1>\n\n                <!-- High-Converting Description -->\n                <p class=\"cl-hero-desc\">\n                    <strong>Curious Learner Academy<\/strong> is Australia&#8217;s premier online coaching platform. We combine <strong>surgical diagnostic gap assessments<\/strong> with dedicated 1-on-1 mentorship to prepare students for <strong>Opportunity Class (OC), Selective High Schools, NAPLAN Band 10, ICAS, and AMC<\/strong> success.<br>\n                    Empowering young minds across Australia to think critically, learn confidently, and achieve outstanding academic results.\n                <\/p>\n\n                <!-- Dual Action CTA Buttons with Link Placeholders -->\n                <div class=\"cl-hero-cta-group\">\n                    <!-- PLACEHOLDER LINK 1: Replace '#' with your enrollment\/diagnostic URL -->\n                    <a href=\"#\" id=\"ausGetStartedBtn\" class=\"cl-primary-btn\">\n                        Get Started Now \u2192\n                    <\/a>\n                    \n                    <!-- PLACEHOLDER LINK 2: Replace '#' with your offerings\/programs section URL -->\n                    <a href=\"#\" class=\"cl-secondary-btn\">\n                        Explore Programs\n                    <\/a>\n                <\/div>\n\n                <!-- Australian State Coverage Row with Multi-Colored Neon Badges -->\n                <div class=\"cl-state-trust-row\">\n                    <span class=\"trust-label\">STATE COVERAGE:<\/span>\n                    <div class=\"state-chips\">\n                        <span class=\"chip chip-cyan\">NSW (OC &amp; Selective)<\/span>\n                        <span class=\"chip chip-orange\">VIC<\/span>\n                        <span class=\"chip chip-green\">QLD<\/span>\n                        <span class=\"chip chip-purple\">WA<\/span>\n                        <span class=\"chip chip-pink\">SA<\/span>\n                        <span class=\"chip chip-yellow\">ACT<\/span>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');\n\n\/* WORDPRESS OVERFLOW UNLOCKS & CONTAINER RESETS *\/\n.wp-block-custom-html:has(#cl-why-choose-master),\n.entry-content > .wp-block-custom-html:has(#cl-why-choose-master),\n.wp-block-post-content > .wp-block-custom-html:has(#cl-why-choose-master) {\n    height: auto !important;\n    min-height: 0 !important;\n    max-height: none !important;\n    overflow: visible !important;\n    box-sizing: border-box !important;\n}\n\n#cl-why-choose-master,\n#cl-why-choose-master * {\n    box-sizing: border-box !important;\n    -ms-overflow-style: none !important;\n    scrollbar-width: none !important;\n}\n\n#cl-why-choose-master::-webkit-scrollbar,\n#cl-why-choose-master *::-webkit-scrollbar {\n    display: none !important;\n    width: 0 !important;\n    height: 0 !important;\n    background: transparent !important;\n}\n\n\/* MAIN BLACK PREMIUM BACKDROP *\/\n#cl-why-choose-master {\n    width: 100% !important;\n    display: block !important;\n    position: relative !important;\n    background: #030712 !important;\n    color: #ffffff !important;\n    font-family: 'Outfit', sans-serif !important;\n    overflow: hidden !important;\n}\n\n#cl-why-choose-section {\n    position: relative !important;\n    z-index: 2;\n    padding: clamp(60px, 8vw, 120px) 0 !important;\n    width: 100% !important;\n}\n\n.cl-why-container {\n    max-width: min(1380px, 94vw);\n    margin: 0 auto;\n    padding: 0 clamp(16px, 3vw, 24px);\n    display: grid;\n    grid-template-columns: 0.9fr 1.1fr;\n    gap: clamp(40px, 5vw, 70px);\n    align-items: start;\n}\n\n\/* AURORA & PARTICLE BACKDROP *\/\n.cl-bg-glows {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    overflow: hidden;\n    z-index: 1;\n}\n\n.aurora-glow {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(140px);\n    opacity: 0.25;\n    animation: auroraPulse 8s ease-in-out infinite alternate;\n}\n\n.aura-purple { top: -100px; left: -100px; width: 600px; height: 600px; background: #7C3AED; }\n.aura-blue { top: 40%; right: -100px; width: 600px; height: 600px; background: #0091FF; animation-delay: 2s; }\n.aura-cyan { bottom: -100px; left: 30%; width: 500px; height: 500px; background: #00E5FF; animation-delay: 4s; }\n\n@keyframes auroraPulse {\n    0% { transform: scale(0.9); opacity: 0.2; }\n    100% { transform: scale(1.1); opacity: 0.35; }\n}\n\n#clAuroraParticleCanvas {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    pointer-events: none;\n}\n\n.cl-noise-overlay {\n    position: absolute;\n    inset: 0;\n    opacity: 0.03;\n    pointer-events: none;\n    z-index: 1;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\n}\n\n\/* LEFT COLUMN STYLING *\/\n.cl-left-content {\n    position: sticky;\n    top: 40px;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n}\n\n\/* Neon Orange Glowing Pulse Prefix Badge with Hover Shadow *\/\n.orange-pulse-badge {\n    background: rgba(255, 106, 0, 0.08);\n    border: 1px solid rgba(255, 106, 0, 0.4);\n    padding: 6px 18px;\n    border-radius: 50px;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 22px;\n    box-shadow: 0 0 20px rgba(255, 106, 0, 0.25);\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    cursor: pointer;\n}\n\n.orange-pulse-badge:hover {\n    transform: translateY(-2px) scale(1.03);\n    box-shadow: 0 10px 30px rgba(255, 106, 0, 0.5), 0 0 20px rgba(255, 149, 72, 0.4);\n}\n\n.orange-pulse-dot {\n    width: 8px;\n    height: 8px;\n    background-color: #FF6A00;\n    border-radius: 50%;\n    position: relative;\n    box-shadow: 0 0 10px #FF6A00;\n}\n\n.orange-pulse-dot::after {\n    content: '';\n    position: absolute;\n    inset: -4px;\n    border-radius: 50%;\n    border: 2px solid #FF6A00;\n    animation: orangePulseRing 1.8s infinite;\n}\n\n@keyframes orangePulseRing {\n    0% { transform: scale(0.8); opacity: 1; }\n    100% { transform: scale(2.4); opacity: 0; }\n}\n\n.sparkle-icon { width: 14px; height: 14px; color: #FF6A00; }\n\n.orange-pulse-badge span {\n    font-size: 0.75rem;\n    font-weight: 800;\n    letter-spacing: 1.5px;\n    color: #FF6A00;\n    text-transform: uppercase;\n}\n\n.cl-main-headline {\n    font-size: clamp(2.3rem, 4.6vw, 3.8rem);\n    font-weight: 900;\n    line-height: 1.15;\n    color: #ffffff;\n    margin: 0 0 20px 0;\n    letter-spacing: -1px;\n}\n\n.shimmer-gradient-text {\n    background: linear-gradient(90deg, #00E5FF, #0091FF, #7C3AED, #00E5FF);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: textShimmer 4s linear infinite;\n}\n\n@keyframes textShimmer {\n    to { background-position: 200% center; }\n}\n\n.cl-supporting-copy {\n    font-family: 'Inter', sans-serif;\n    font-size: clamp(0.95rem, 1.15vw, 1.12rem);\n    color: #94A3B8;\n    line-height: 1.68;\n    margin: 0 0 28px 0;\n}\n\n.cl-bullet-list {\n    list-style: none;\n    padding: 0;\n    margin: 0 0 32px 0;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.cl-bullet-list li {\n    font-family: 'Inter', sans-serif;\n    font-size: 0.9rem;\n    color: #CBD5E1;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.check-icon { width: 18px; height: 18px; color: #00E5FF; flex-shrink: 0; }\n\n\/* CTA WITH GLOWING OUTER SURFACE & PULSE WAVE EFFECTS *\/\n.cl-cta-group { margin-bottom: 40px; }\n\n.glowing-surface-cta {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 18px 38px;\n    border-radius: 50px;\n    background: linear-gradient(90deg, #7C3AED, #0091FF, #00E5FF);\n    color: #ffffff !important;\n    text-decoration: none !important;\n    font-weight: 900;\n    font-size: 1rem;\n    box-shadow: 0 0 35px rgba(0, 229, 255, 0.45), inset 0 0 15px rgba(255, 255, 255, 0.25);\n    overflow: visible;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.pulse-ring-aura {\n    position: absolute;\n    inset: -3px;\n    border-radius: 50px;\n    border: 2px solid #00E5FF;\n    animation: ctaPulseAura 2s infinite;\n    pointer-events: none;\n}\n\n@keyframes ctaPulseAura {\n    0% { transform: scale(0.98); opacity: 0.9; }\n    100% { transform: scale(1.32); opacity: 0; }\n}\n\n.glowing-surface-cta:hover {\n    transform: scale(1.04) translateY(-2px);\n    box-shadow: 0 0 55px rgba(0, 229, 255, 0.8), 0 0 25px rgba(124, 58, 237, 0.6), inset 0 0 20px rgba(255, 255, 255, 0.4);\n}\n\n.wave-sweep {\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 60%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);\n    transform: skewX(-20deg);\n    animation: waveSweep 3s infinite;\n    pointer-events: none;\n}\n\n@keyframes waveSweep {\n    0% { left: -100%; }\n    100% { left: 200%; }\n}\n\n.btn-content {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.arrow-icon { width: 18px; height: 18px; transition: transform 0.25s ease; }\n.glowing-surface-cta:hover .arrow-icon { transform: translateX(4px); }\n\n\/* STATS ROW WITH DIFFERENT NEON COLORS *\/\n.cl-stats-row {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n    width: 100%;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n    padding-top: 24px;\n}\n\n.stat-number {\n    display: block;\n    font-size: clamp(1.8rem, 2.8vw, 2.4rem);\n    font-weight: 900;\n    line-height: 1;\n    margin-bottom: 4px;\n}\n\n.stat-cyan {\n    background: linear-gradient(90deg, #00E5FF, #0091FF);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    text-shadow: 0 0 20px rgba(0, 229, 255, 0.4);\n}\n\n.stat-orange {\n    background: linear-gradient(90deg, #FF6A00, #FF9548);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    text-shadow: 0 0 20px rgba(255, 106, 0, 0.4);\n}\n\n.stat-purple {\n    background: linear-gradient(90deg, #A855F7, #EC4899);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    text-shadow: 0 0 20px rgba(168, 85, 247, 0.4);\n}\n\n.stat-label {\n    font-size: 0.75rem;\n    color: #94A3B8;\n    font-weight: 600;\n}\n\n\/* RIGHT COLUMN: 8 UNIQUE NEON COLOR CARDS *\/\n.cl-cards-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\n    perspective: 1000px;\n}\n\n.cl-tilt-card {\n    position: relative;\n    background: rgba(15, 23, 42, 0.65);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 24px;\n    padding: 24px;\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n    transform-style: preserve-3d;\n    transition: transform 0.15s ease-out, border-color 0.3s ease, box-shadow 0.3s ease;\n    overflow: hidden;\n    cursor: pointer;\n}\n\n\/* Unique Hover Neon Shadow & Border Tracing for each of the 8 Cards *\/\n.card-style-1:hover { border-color: #0091FF; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), 0 0 30px rgba(0, 145, 255, 0.5); }\n.card-style-2:hover { border-color: #7C3AED; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), 0 0 30px rgba(124, 58, 237, 0.5); }\n.card-style-3:hover { border-color: #00E5FF; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), 0 0 30px rgba(0, 229, 255, 0.5); }\n.card-style-4:hover { border-color: #10B981; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), 0 0 30px rgba(16, 185, 129, 0.5); }\n.card-style-5:hover { border-color: #EC4899; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), 0 0 30px rgba(236, 72, 153, 0.5); }\n.card-style-6:hover { border-color: #F59E0B; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), 0 0 30px rgba(245, 158, 11, 0.5); }\n.card-style-7:hover { border-color: #FF6A00; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), 0 0 30px rgba(255, 106, 0, 0.5); }\n.card-style-8:hover { border-color: #84CC16; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), 0 0 30px rgba(132, 204, 22, 0.5); }\n\n\/* Border Tracing Beam Effect *\/\n.card-border-beam {\n    position: absolute;\n    inset: -100%;\n    background: conic-gradient(from 0deg, transparent 0 340deg, rgba(255, 255, 255, 0.8) 360deg);\n    animation: spinBeam 8s linear infinite;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.card-style-1:hover .card-border-beam { opacity: 1; background: conic-gradient(from 0deg, transparent 0 340deg, #0091FF 360deg); }\n.card-style-2:hover .card-border-beam { opacity: 1; background: conic-gradient(from 0deg, transparent 0 340deg, #7C3AED 360deg); }\n.card-style-3:hover .card-border-beam { opacity: 1; background: conic-gradient(from 0deg, transparent 0 340deg, #00E5FF 360deg); }\n.card-style-4:hover .card-border-beam { opacity: 1; background: conic-gradient(from 0deg, transparent 0 340deg, #10B981 360deg); }\n.card-style-5:hover .card-border-beam { opacity: 1; background: conic-gradient(from 0deg, transparent 0 340deg, #EC4899 360deg); }\n.card-style-6:hover .card-border-beam { opacity: 1; background: conic-gradient(from 0deg, transparent 0 340deg, #F59E0B 360deg); }\n.card-style-7:hover .card-border-beam { opacity: 1; background: conic-gradient(from 0deg, transparent 0 340deg, #FF6A00 360deg); }\n.card-style-8:hover .card-border-beam { opacity: 1; background: conic-gradient(from 0deg, transparent 0 340deg, #84CC16 360deg); }\n\n@keyframes spinBeam {\n    to { transform: rotate(360deg); }\n}\n\n.card-spotlight {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    background: radial-gradient(220px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255, 255, 255, 0.12), transparent 80%);\n}\n\n.cl-tilt-card:hover .card-spotlight { opacity: 1; }\n\n.card-inner-content {\n    position: relative;\n    z-index: 2;\n}\n\n.card-header-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 16px;\n}\n\n.card-icon-box {\n    width: 46px;\n    height: 46px;\n    border-radius: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #ffffff;\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);\n    transition: transform 0.3s ease;\n}\n\n.card-icon-box svg { width: 22px; height: 22px; }\n.cl-tilt-card:hover .card-icon-box { transform: scale(1.1); }\n\n\/* Gradients for Icons *\/\n.bg-blue-grad { background: linear-gradient(135deg, #0091FF, #00E5FF); }\n.bg-purple-grad { background: linear-gradient(135deg, #7C3AED, #EC4899); }\n.bg-cyan-grad { background: linear-gradient(135deg, #00E5FF, #0091FF); }\n.bg-green-grad { background: linear-gradient(135deg, #10B981, #065F46); }\n.bg-pink-grad { background: linear-gradient(135deg, #EC4899, #831843); }\n.bg-yellow-grad { background: linear-gradient(135deg, #F59E0B, #B45309); }\n.bg-orange-grad { background: linear-gradient(135deg, #FF6A00, #C2410C); }\n.bg-lime-grad { background: linear-gradient(135deg, #84CC16, #3F6212); }\n\n\/* Unique Colored Prefixes\/Tags for each Card *\/\n.card-tag {\n    font-size: 0.65rem;\n    font-weight: 800;\n    padding: 4px 10px;\n    border-radius: 50px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.tag-blue { color: #0091FF; background: rgba(0, 145, 255, 0.1); border: 1px solid rgba(0, 145, 255, 0.3); }\n.tag-purple { color: #A855F7; background: rgba(124, 58, 237, 0.1); border: 1px solid rgba(124, 58, 237, 0.3); }\n.tag-cyan { color: #00E5FF; background: rgba(0, 229, 255, 0.1); border: 1px solid rgba(0, 229, 255, 0.3); }\n.tag-green { color: #10B981; background: rgba(16, 185, 129, 0.1); border: 1px solid rgba(16, 185, 129, 0.3); }\n.tag-pink { color: #EC4899; background: rgba(236, 72, 153, 0.1); border: 1px solid rgba(236, 72, 153, 0.3); }\n.tag-yellow { color: #F59E0B; background: rgba(245, 158, 11, 0.1); border: 1px solid rgba(245, 158, 11, 0.3); }\n.tag-orange { color: #FF6A00; background: rgba(255, 106, 0, 0.1); border: 1px solid rgba(255, 106, 0, 0.3); }\n.tag-lime { color: #84CC16; background: rgba(132, 204, 22, 0.1); border: 1px solid rgba(132, 204, 22, 0.3); }\n\n.cl-tilt-card h3 {\n    font-size: 1.18rem;\n    font-weight: 900;\n    color: #ffffff;\n    margin: 0 0 8px 0;\n    transition: color 0.25s ease;\n}\n\n.card-style-1:hover h3 { color: #0091FF; }\n.card-style-2:hover h3 { color: #7C3AED; }\n.card-style-3:hover h3 { color: #00E5FF; }\n.card-style-4:hover h3 { color: #10B981; }\n.card-style-5:hover h3 { color: #EC4899; }\n.card-style-6:hover h3 { color: #F59E0B; }\n.card-style-7:hover h3 { color: #FF6A00; }\n.card-style-8:hover h3 { color: #84CC16; }\n\n.cl-tilt-card p {\n    font-family: 'Inter', sans-serif;\n    font-size: 0.82rem;\n    color: #94A3B8;\n    line-height: 1.55;\n    margin: 0 0 18px 0;\n}\n\n.card-footer-link {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    font-size: 0.78rem;\n    font-weight: 800;\n    color: #94A3B8;\n    border-top: 1px solid rgba(255, 255, 255, 0.08);\n    padding-top: 12px;\n    transition: color 0.25s ease;\n}\n\n.card-footer-link svg { width: 14px; height: 14px; transition: transform 0.25s ease; }\n\n.cl-tilt-card:hover .card-footer-link { color: #ffffff; }\n.card-style-1:hover .card-footer-link svg { transform: translateX(4px); color: #0091FF; }\n.card-style-2:hover .card-footer-link svg { transform: translateX(4px); color: #7C3AED; }\n.card-style-3:hover .card-footer-link svg { transform: translateX(4px); color: #00E5FF; }\n.card-style-4:hover .card-footer-link svg { transform: translateX(4px); color: #10B981; }\n.card-style-5:hover .card-footer-link svg { transform: translateX(4px); color: #EC4899; }\n.card-style-6:hover .card-footer-link svg { transform: translateX(4px); color: #F59E0B; }\n.card-style-7:hover .card-footer-link svg { transform: translateX(4px); color: #FF6A00; }\n.card-style-8:hover .card-footer-link svg { transform: translateX(4px); color: #84CC16; }\n\n\/* RESPONSIVE BREAKPOINTS *\/\n@media (max-width: 1024px) {\n    .cl-why-container { grid-template-columns: 1fr; }\n    .cl-left-content { position: relative; top: 0; align-items: center; text-align: center; }\n    .cl-bullet-list { align-items: center; }\n    .cl-cards-grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (max-width: 640px) {\n    .cl-cards-grid { grid-template-columns: 1fr; }\n    .cl-stats-row { grid-template-columns: 1fr; gap: 20px; }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', () => {\n\n    \/\/ 1. PARTICLE CANVAS ENGINE\n    const canvas = document.getElementById('clAuroraParticleCanvas');\n    if (canvas) {\n        const ctx = canvas.getContext('2d');\n        let width = canvas.width = canvas.parentElement.offsetWidth;\n        let height = canvas.height = canvas.parentElement.offsetHeight;\n\n        window.addEventListener('resize', () => {\n            width = canvas.width = canvas.parentElement.offsetWidth;\n            height = canvas.height = canvas.parentElement.offsetHeight;\n        });\n\n        const colors = ['#0091FF', '#7C3AED', '#00E5FF', '#FF6A00'];\n        const particles = Array.from({ length: 35 }, () => ({\n            x: Math.random() * width,\n            y: Math.random() * height,\n            radius: Math.random() * 2 + 1,\n            color: colors[Math.floor(Math.random() * colors.length)],\n            vx: (Math.random() - 0.5) * 0.4,\n            vy: (Math.random() - 0.5) * 0.4,\n            alpha: Math.random() * 0.5 + 0.2\n        }));\n\n        function renderParticles() {\n            ctx.clearRect(0, 0, width, height);\n\n            particles.forEach(p => {\n                p.x += p.vx;\n                p.y += p.vy;\n\n                if (p.x < 0 || p.x > width) p.vx *= -1;\n                if (p.y < 0 || p.y > height) p.vy *= -1;\n\n                ctx.beginPath();\n                ctx.arc(p.x, p.y, p.radius, 0, Math.PI * 2);\n                ctx.fillStyle = p.color;\n                ctx.globalAlpha = p.alpha;\n                ctx.shadowBlur = 10;\n                ctx.shadowColor = p.color;\n                ctx.fill();\n            });\n\n            requestAnimationFrame(renderParticles);\n        }\n        renderParticles();\n    }\n\n    \/\/ 2. 3D CARD TILT & MOUSE SPOTLIGHT ENGINE\n    const tiltCards = document.querySelectorAll('.cl-tilt-card');\n    \n    tiltCards.forEach(card => {\n        card.addEventListener('mousemove', (e) => {\n            const rect = card.getBoundingClientRect();\n            const x = e.clientX - rect.left;\n            const y = e.clientY - rect.top;\n\n            const centerX = rect.width \/ 2;\n            const centerY = rect.height \/ 2;\n\n            const rotateX = ((y - centerY) \/ centerY) * -10; \n            const rotateY = ((x - centerX) \/ centerX) * 10;  \n\n            card.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale3d(1.02, 1.02, 1.02)`;\n            card.style.setProperty('--mouse-x', `${(x \/ rect.width) * 100}%`);\n            card.style.setProperty('--mouse-y', `${(y \/ rect.height) * 100}%`);\n        });\n\n        card.addEventListener('mouseleave', () => {\n            card.style.transform = `perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1)`;\n        });\n    });\n\n    \/\/ 3. SCROLL-TRIGGERED STATISTIC COUNTERS\n    const statNumbers = document.querySelectorAll('.stat-number');\n    let hasCounted = false;\n\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting && !hasCounted) {\n                hasCounted = true;\n                statNumbers.forEach(stat => {\n                    const target = parseInt(stat.getAttribute('data-target'), 10);\n                    const suffix = stat.getAttribute('data-suffix') || '';\n                    let count = 0;\n                    const duration = 2000;\n                    const stepTime = Math.abs(Math.floor(duration \/ target));\n\n                    const timer = setInterval(() => {\n                        count += 1;\n                        stat.innerText = count + suffix;\n                        if (count >= target) {\n                            stat.innerText = target + suffix;\n                            clearInterval(timer);\n                        }\n                    }, stepTime);\n                });\n            }\n        });\n    }, { threshold: 0.4 });\n\n    const statsSection = document.querySelector('.cl-stats-row');\n    if (statsSection) observer.observe(statsSection);\n\n});\n<\/script>\n\n<div id=\"cl-why-choose-master\">\n    <section id=\"cl-why-choose-section\">\n        \n        <!-- AURORA & PARTICLE BACKGROUND CANVAS LAYER -->\n        <div class=\"cl-bg-glows\">\n            <div class=\"aurora-glow aura-purple\"><\/div>\n            <div class=\"aurora-glow aura-blue\"><\/div>\n            <div class=\"aurora-glow aura-cyan\"><\/div>\n        <\/div>\n        <canvas id=\"clAuroraParticleCanvas\"><\/canvas>\n        <div class=\"cl-noise-overlay\"><\/div>\n\n        <div class=\"cl-why-container\">\n            \n            <!-- LEFT COLUMN: TYPOGRAPHY, STATS & CTA -->\n            <div class=\"cl-left-content\">\n                \n                <!-- Prefix with Neon Orange Glowing Pulse & Hover Shadow -->\n                <div class=\"cl-badge-prefix orange-pulse-badge\">\n                    <span class=\"orange-pulse-dot\"><\/span>\n                    <svg class=\"sparkle-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z\"\/><\/svg>\n                    <span>The Curious Learner Edge<\/span>\n                <\/div>\n\n                <!-- Main Title -->\n                <h2 class=\"cl-main-headline\">\n                    Every Child Learns Differently.<br>\n                    <span class=\"shimmer-gradient-text\">Their Learning Should Too.<\/span>\n                <\/h2>\n\n                <!-- Supporting Copy -->\n                <p class=\"cl-supporting-copy\">\n                    At Curious Learner Academy, we abandon generic one-size-fits-all tuition. We begin with a surgical diagnostic assessment to construct a precision-mapped academic pathway tailored to your child&#8217;s exact strengths and gap areas.\n                <\/p>\n\n                <!-- Feature Bullet Points -->\n                <ul class=\"cl-bullet-list\">\n                    <li>\n                        <svg class=\"check-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n                        <span>100% ACARA &amp; Australian Curriculum Aligned<\/span>\n                    <\/li>\n                    <li>\n                        <svg class=\"check-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n                        <span>Surgical Diagnostic Gap Audit Before Day 1<\/span>\n                    <\/li>\n                    <li>\n                        <svg class=\"check-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n                        <span>ICAS, OC, NAPLAN Band 10 &amp; AMC Preparation<\/span>\n                    <\/li>\n                <\/ul>\n\n                <!-- CTA with Glowing Outer Surface & Pulse Wave Effects -->\n                <div class=\"cl-cta-group\">\n                    <a href=\"#\" id=\"whyChooseCtaBtn\" class=\"cl-neon-cta-btn glowing-surface-cta\">\n                        <span class=\"pulse-ring-aura\"><\/span>\n                        <span class=\"wave-sweep\"><\/span>\n                        <span class=\"btn-content\">\n                            Book Free Diagnostic Assessment\n                            <svg class=\"arrow-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n                        <\/span>\n                    <\/a>\n                <\/div>\n\n                <!-- Animated Counters with Different Neon Colors -->\n                <div class=\"cl-stats-row\">\n                    <div class=\"stat-box\">\n                        <span class=\"stat-number stat-cyan\" data-target=\"98\" data-suffix=\"%\">0%<\/span>\n                        <span class=\"stat-label\">Success Rate<\/span>\n                    <\/div>\n                    <div class=\"stat-box\">\n                        <span class=\"stat-number stat-orange\" data-target=\"40\" data-suffix=\"+\">0+<\/span>\n                        <span class=\"stat-label\">Mapped Topics<\/span>\n                    <\/div>\n                    <div class=\"stat-box\">\n                        <span class=\"stat-number stat-purple\" data-target=\"100\" data-suffix=\"%\">0%<\/span>\n                        <span class=\"stat-label\">Curriculum Match<\/span>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <!-- RIGHT COLUMN: 8 UNIQUE NEON COLOR CARDS -->\n            <div class=\"cl-cards-grid\">\n                \n                <!-- CARD 1: Electric Blue -->\n                <div class=\"cl-tilt-card card-style-1\" data-glow=\"#0091FF\">\n                    <div class=\"card-border-beam\"><\/div>\n                    <div class=\"card-spotlight\"><\/div>\n                    <div class=\"card-inner-content\">\n                        <div class=\"card-header-row\">\n                            <div class=\"card-icon-box bg-blue-grad\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"6\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/svg>\n                            <\/div>\n                            <span class=\"card-tag tag-blue\">100% Adaptive<\/span>\n                        <\/div>\n                        <h3>Personalised Learning<\/h3>\n                        <p>Customized learning pathways tailored to your child\u2019s speed, knowledge gaps, and target goals.<\/p>\n                        <div class=\"card-footer-link\">\n                            <span>Learn More<\/span>\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 2: Vibrant Purple -->\n                <div class=\"cl-tilt-card card-style-2\" data-glow=\"#7C3AED\">\n                    <div class=\"card-border-beam\"><\/div>\n                    <div class=\"card-spotlight\"><\/div>\n                    <div class=\"card-inner-content\">\n                        <div class=\"card-header-row\">\n                            <div class=\"card-icon-box bg-purple-grad\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"10\"\/><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"16\"\/><\/svg>\n                            <\/div>\n                            <span class=\"card-tag tag-purple\">Surgical Precision<\/span>\n                        <\/div>\n                        <h3>Diagnostic Assessment<\/h3>\n                        <p>Deep diagnostic auditing across 40+ topics to identify logic strengths and skill gaps instantly.<\/p>\n                        <div class=\"card-footer-link\">\n                            <span>Learn More<\/span>\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 3: Bright Cyan -->\n                <div class=\"cl-tilt-card card-style-3\" data-glow=\"#00E5FF\">\n                    <div class=\"card-border-beam\"><\/div>\n                    <div class=\"card-spotlight\"><\/div>\n                    <div class=\"card-inner-content\">\n                        <div class=\"card-header-row\">\n                            <div class=\"card-icon-box bg-cyan-grad\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"23 7 16 12 23 17 23 7\"\/><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\"\/><\/svg>\n                            <\/div>\n                            <span class=\"card-tag tag-cyan\">1-on-1 &amp; Live<\/span>\n                        <\/div>\n                        <h3>Live Online Classes<\/h3>\n                        <p>Interactive live lessons with expert Australian tutors offering real-time step-by-step guidance.<\/p>\n                        <div class=\"card-footer-link\">\n                            <span>Learn More<\/span>\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 4: Emerald Green -->\n                <div class=\"cl-tilt-card card-style-4\" data-glow=\"#10B981\">\n                    <div class=\"card-border-beam\"><\/div>\n                    <div class=\"card-spotlight\"><\/div>\n                    <div class=\"card-inner-content\">\n                        <div class=\"card-header-row\">\n                            <div class=\"card-icon-box bg-green-grad\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n                            <\/div>\n                            <span class=\"card-tag tag-green\">24\/7 Portal<\/span>\n                        <\/div>\n                        <h3>Interactive LMS<\/h3>\n                        <p>Complete student portal with lesson recordings, digital worksheets, and step-by-step video solutions.<\/p>\n                        <div class=\"card-footer-link\">\n                            <span>Learn More<\/span>\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 5: Hot Pink -->\n                <div class=\"cl-tilt-card card-style-5\" data-glow=\"#EC4899\">\n                    <div class=\"card-border-beam\"><\/div>\n                    <div class=\"card-spotlight\"><\/div>\n                    <div class=\"card-inner-content\">\n                        <div class=\"card-header-row\">\n                            <div class=\"card-icon-box bg-pink-grad\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg>\n                            <\/div>\n                            <span class=\"card-tag tag-pink\">Exam Conditioned<\/span>\n                        <\/div>\n                        <h3>Practice &amp; Mock Tests<\/h3>\n                        <p>Timed exam drills, OC, Selective, and NAPLAN mock assessments with state percentile rankings.<\/p>\n                        <div class=\"card-footer-link\">\n                            <span>Learn More<\/span>\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 6: Golden Yellow -->\n                <div class=\"cl-tilt-card card-style-6\" data-glow=\"#F59E0B\">\n                    <div class=\"card-border-beam\"><\/div>\n                    <div class=\"card-spotlight\"><\/div>\n                    <div class=\"card-inner-content\">\n                        <div class=\"card-header-row\">\n                            <div class=\"card-icon-box bg-yellow-grad\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n                            <\/div>\n                            <span class=\"card-tag tag-yellow\">Real-Time Sync<\/span>\n                        <\/div>\n                        <h3>Parent Dashboard<\/h3>\n                        <p>Transparent analytics tracking weekly completed topics, milestone alerts, and teacher feedback.<\/p>\n                        <div class=\"card-footer-link\">\n                            <span>Learn More<\/span>\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 7: Sunset Orange -->\n                <div class=\"cl-tilt-card card-style-7\" data-glow=\"#FF6A00\">\n                    <div class=\"card-border-beam\"><\/div>\n                    <div class=\"card-spotlight\"><\/div>\n                    <div class=\"card-inner-content\">\n                        <div class=\"card-header-row\">\n                            <div class=\"card-icon-box bg-orange-grad\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\n                            <\/div>\n                            <span class=\"card-tag tag-orange\">Certified Tutors<\/span>\n                        <\/div>\n                        <h3>Expert Tutors<\/h3>\n                        <p>Passionate subject matter specialists qualified in simplifying complex mathematical logic.<\/p>\n                        <div class=\"card-footer-link\">\n                            <span>Learn More<\/span>\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 8: Lime Neon -->\n                <div class=\"cl-tilt-card card-style-8\" data-glow=\"#84CC16\">\n                    <div class=\"card-border-beam\"><\/div>\n                    <div class=\"card-spotlight\"><\/div>\n                    <div class=\"card-inner-content\">\n                        <div class=\"card-header-row\">\n                            <div class=\"card-icon-box bg-lime-grad\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m16.24 7.76-2.12 6.36-6.36 2.12 2.12-6.36z\"\/><\/svg>\n                            <\/div>\n                            <span class=\"card-tag tag-lime\">100% Mapped<\/span>\n                        <\/div>\n                        <h3>Australian Curriculum<\/h3>\n                        <p>Fully aligned with ACARA standards and tailored for state-specific entry requirements.<\/p>\n                        <div class=\"card-footer-link\">\n                            <span>Learn More<\/span>\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');\n\n\/* WORDPRESS OVERFLOW UNLOCKS & RESETS *\/\n.wp-block-custom-html:has(#cl-programs-block-master),\n.entry-content > .wp-block-custom-html:has(#cl-programs-block-master),\n.wp-block-post-content > .wp-block-custom-html:has(#cl-programs-block-master) {\n    height: auto !important;\n    min-height: 0 !important;\n    max-height: none !important;\n    overflow: visible !important;\n    box-sizing: border-box !important;\n}\n\n#cl-programs-block-master,\n#cl-programs-block-master * {\n    box-sizing: border-box !important;\n    -ms-overflow-style: none !important;\n    scrollbar-width: none !important;\n}\n\n#cl-programs-block-master::-webkit-scrollbar,\n#cl-programs-block-master *::-webkit-scrollbar {\n    display: none !important;\n    width: 0 !important;\n    height: 0 !important;\n    background: transparent !important;\n}\n\n\/* BASE SECTION BACKDROP *\/\n#cl-programs-block-master {\n    width: 100% !important;\n    display: block !important;\n    position: relative !important;\n    background: linear-gradient(135deg, #F8FAFC 0%, #EBF5FF 50%, #FFF5EB 100%) !important;\n    color: #0F172A !important;\n    font-family: 'Outfit', sans-serif !important;\n    overflow: hidden !important;\n}\n\n#clProgramsCanvas {\n    position: absolute !important;\n    top: 0;\n    left: 0;\n    width: 100% !important;\n    height: 100% !important;\n    z-index: 1;\n    pointer-events: none;\n    opacity: 0.85; \/* Increased opacity for better watermark visibility *\/\n}\n\n#cl-programs-section {\n    position: relative !important;\n    z-index: 2;\n    padding: clamp(50px, 6vw, 95px) 0 !important;\n    width: 100% !important;\n}\n\n.cl-programs-container {\n    max-width: min(1380px, 94vw);\n    margin: 0 auto;\n    padding: 0 clamp(16px, 3vw, 24px);\n}\n\n\/* HEADER & SPECIAL EFFECTS BADGE PREFIX *\/\n.cl-programs-header {\n    text-align: center;\n    margin-bottom: clamp(35px, 5vw, 55px);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.cl-badge-prefix {\n    background: rgba(0, 145, 255, 0.08);\n    border: 1.5px solid #0091FF;\n    padding: 8px 24px;\n    border-radius: 50px;\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 20px;\n    box-shadow: 0 0 20px rgba(0, 145, 255, 0.25);\n}\n\n\/* Color-Shifting Blinking Dot *\/\n.badge-dot-wave {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    animation: dotColorBlink 2.5s infinite ease-in-out;\n}\n\n@keyframes dotColorBlink {\n    0% { background-color: #0091FF; box-shadow: 0 0 10px #0091FF; }\n    33% { background-color: #FF6A00; box-shadow: 0 0 10px #FF6A00; }\n    66% { background-color: #EC4899; box-shadow: 0 0 10px #EC4899; }\n    100% { background-color: #0091FF; box-shadow: 0 0 10px #0091FF; }\n}\n\n\/* Neon Wave Shimmer Text *\/\n.badge-text-wave {\n    font-size: 0.78rem;\n    font-weight: 900;\n    letter-spacing: 1.5px;\n    background: linear-gradient(90deg, #0091FF, #FF6A00, #EC4899, #0091FF);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: badgeTextWave 4s linear infinite;\n}\n\n@keyframes badgeTextWave {\n    to { background-position: 200% center; }\n}\n\n\/* HEADINGS *\/\n.cl-programs-title {\n    font-size: clamp(2.2rem, 4.5vw, 3.6rem);\n    font-weight: 900;\n    color: #0F172A;\n    margin: 0 0 16px 0;\n    line-height: 1.15;\n}\n\n.shimmer-blue {\n    color: #0091FF;\n    background: linear-gradient(90deg, #0091FF, #00E5FF, #0091FF);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: textShimmer 4s linear infinite;\n}\n\n.shimmer-orange {\n    color: #FF6A00;\n    background: linear-gradient(90deg, #FF6A00, #FF9548, #FF6A00);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: textShimmer 4s linear infinite 2s;\n}\n\n@keyframes textShimmer {\n    to { background-position: 200% center; }\n}\n\n.cl-programs-desc {\n    font-family: 'Inter', sans-serif;\n    font-size: clamp(0.95rem, 1.2vw, 1.12rem);\n    color: #475569;\n    max-width: 780px;\n    margin: 0 auto 24px auto;\n    line-height: 1.65;\n}\n\n\/* MODE CHIPS WITH HOVER EFFECTS *\/\n.delivery-modes-row {\n    display: flex;\n    gap: 14px;\n    flex-wrap: wrap;\n    justify-content: center;\n}\n\n.mode-chip {\n    font-size: 0.82rem;\n    font-weight: 800;\n    padding: 8px 20px;\n    border-radius: 50px;\n    cursor: pointer;\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.mode-chip.mode-self {\n    background: #E0F2FE;\n    color: #0091FF;\n    border: 1.5px solid #BAE6FD;\n}\n\n.mode-chip.mode-self:hover {\n    transform: translateY(-3px) scale(1.04);\n    background: #0091FF;\n    color: #FFFFFF;\n    box-shadow: 0 8px 22px rgba(0, 145, 255, 0.4);\n}\n\n.mode-chip.mode-live {\n    background: #FFEDD5;\n    color: #FF6A00;\n    border: 1.5px solid #FED7AA;\n}\n\n.mode-chip.mode-live:hover {\n    transform: translateY(-3px) scale(1.04);\n    background: #FF6A00;\n    color: #FFFFFF;\n    box-shadow: 0 8px 22px rgba(255, 106, 0, 0.4);\n}\n\n\/* 3D FLIP GRID (4 COLUMNS) *\/\n.cl-flip-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: clamp(18px, 2.5vw, 26px);\n    margin-bottom: 48px;\n}\n\n.cl-flip-card {\n    background: transparent;\n    height: 245px;\n    perspective: 1000px;\n    cursor: pointer;\n}\n\n.card-inner {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    text-align: center;\n    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    transform-style: preserve-3d;\n}\n\n.cl-flip-card.flipped .card-inner {\n    transform: rotateY(180deg);\n}\n\n.card-front, .card-back {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    border-radius: 24px;\n    padding: 22px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.card-front {\n    background: rgba(255, 255, 255, 0.95);\n    border: 2px solid rgba(15, 23, 42, 0.08);\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);\n    transition: box-shadow 0.3s ease, border-color 0.3s ease;\n}\n\n.cl-flip-card:hover .card-front {\n    border-color: var(--neon-clr);\n    box-shadow: 0 15px 35px var(--glow-rgba), 0 0 20px var(--neon-clr);\n}\n\n.card-icon {\n    font-size: 2.1rem;\n}\n\n.delivery-tag {\n    font-size: 0.68rem;\n    font-weight: 800;\n    color: var(--neon-clr);\n    background: rgba(15, 23, 42, 0.04);\n    padding: 4px 10px;\n    border-radius: 50px;\n}\n\n.card-front h3 {\n    font-size: 1.22rem;\n    font-weight: 900;\n    color: #0F172A;\n    margin: 6px 0;\n}\n\n.flip-hint {\n    font-size: 0.72rem;\n    color: #94A3B8;\n    font-weight: 700;\n    margin: 0;\n}\n\n.card-back {\n    background: var(--neon-clr);\n    color: #FFFFFF;\n    transform: rotateY(180deg);\n    box-shadow: 0 15px 35px var(--glow-rgba);\n}\n\n.card-back h4 {\n    font-size: 1.15rem;\n    font-weight: 900;\n    color: #FFFFFF;\n    margin: 0 0 8px 0;\n}\n\n.card-back p {\n    font-family: 'Inter', sans-serif;\n    font-size: 0.82rem;\n    line-height: 1.45;\n    margin: 0 0 10px 0;\n    color: rgba(255, 255, 255, 0.95);\n}\n\n.back-highlight {\n    font-size: 0.72rem;\n    font-weight: 900;\n    background: rgba(0, 0, 0, 0.2);\n    padding: 4px 10px;\n    border-radius: 50px;\n}\n\n\/* PURPLE & PINK CTA BUTTON WITH GLOWING WAVE SWEEP *\/\n.cl-diagnostic-cta-wrapper {\n    text-align: center;\n    margin-top: 20px;\n}\n\n.cl-neon-wave-btn {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 18px 46px;\n    border-radius: 50px;\n    background: linear-gradient(135deg, #7C3AED 0%, #EC4899 100%);\n    color: #FFFFFF !important;\n    text-decoration: none !important;\n    font-weight: 900;\n    font-size: 1.05rem;\n    letter-spacing: 0.5px;\n    box-shadow: 0 10px 30px rgba(124, 58, 237, 0.45), 0 0 25px rgba(236, 72, 153, 0.35);\n    overflow: hidden;\n    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.wave-layer {\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 70%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.45), transparent);\n    transform: skewX(-25deg);\n    animation: ctaWaveSweep 2.8s infinite;\n}\n\n@keyframes ctaWaveSweep {\n    0% { left: -100%; }\n    100% { left: 200%; }\n}\n\n.btn-text {\n    position: relative;\n    z-index: 2;\n}\n\n.cl-neon-wave-btn:hover {\n    transform: translateY(-4px) scale(1.03);\n    box-shadow: 0 16px 45px rgba(124, 58, 237, 0.7), 0 0 35px rgba(236, 72, 153, 0.65);\n}\n\n\/* RESPONSIVE MEDIA QUERIES *\/\n@media (max-width: 1100px) {\n    .cl-flip-grid { grid-template-columns: repeat(3, 1fr); }\n}\n\n@media (max-width: 768px) {\n    .cl-flip-grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (max-width: 480px) {\n    .cl-flip-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/\/ Load Canvas Confetti Library Dynamically if missing\nif (typeof confetti !== 'function') {\n    const script = document.createElement('script');\n    script.src = 'https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.5.1\/dist\/confetti.browser.min.js';\n    document.head.appendChild(script);\n}\n\ndocument.addEventListener('DOMContentLoaded', () => {\n\n    \/\/ 1. REFINED SUBTLE & VISIBLE WATERMARK ENGINE\n    const canvas = document.getElementById('clProgramsCanvas');\n    if (canvas) {\n        const ctx = canvas.getContext('2d');\n        let width = canvas.width = canvas.parentElement.offsetWidth;\n        let height = canvas.height = canvas.parentElement.offsetHeight;\n\n        window.addEventListener('resize', () => {\n            width = canvas.width = canvas.parentElement.offsetWidth;\n            height = canvas.height = canvas.parentElement.offsetHeight;\n        });\n\n        const mathSymbols = ['\u221ax', '+', '-', '\u00d7', '\u00f7', '\u03c0', '\u2211', 'Programs', 'OC', 'ICAS', 'AMC', 'NAPLAN', 'AIMO'];\n        const logoColors = ['#0091FF', '#FF6A00', '#00E5FF', '#10B981', '#7C3AED'];\n\n        \/\/ Balanced count and calibrated opacity (0.12 - 0.20) for optimal visibility\n        const watermarks = Array.from({ length: 26 }, () => ({\n            x: Math.random() * width,\n            y: Math.random() * height,\n            symbol: mathSymbols[Math.floor(Math.random() * mathSymbols.length)],\n            color: logoColors[Math.floor(Math.random() * logoColors.length)],\n            fontSize: Math.random() * 20 + 15,\n            vx: (Math.random() - 0.5) * 0.3,\n            vy: (Math.random() - 0.5) * 0.3,\n            angle: Math.random() * Math.PI * 2,\n            vRot: (Math.random() - 0.5) * 0.006,\n            alpha: Math.random() * 0.12 + 0.08 \/\/ Visible while ensuring zero text clash\n        }));\n\n        function drawVisWatermarks() {\n            ctx.clearRect(0, 0, width, height);\n\n            watermarks.forEach(item => {\n                item.x += item.vx;\n                item.y += item.vy;\n                item.angle += item.vRot;\n\n                if (item.x < -30 || item.x > width + 30) item.vx *= -1;\n                if (item.y < -30 || item.y > height + 30) item.vy *= -1;\n\n                ctx.save();\n                ctx.translate(item.x, item.y);\n                ctx.rotate(item.angle);\n                ctx.globalAlpha = item.alpha;\n\n                ctx.font = `800 ${item.fontSize}px 'Outfit', sans-serif`;\n                ctx.fillStyle = item.color;\n                ctx.fillText(item.symbol, 0, 0);\n\n                ctx.restore();\n            });\n\n            requestAnimationFrame(drawVisWatermarks);\n        }\n        drawVisWatermarks();\n    }\n\n    \/\/ 2. 3D CARD FLIP MECHANICS\n    const flipCards = document.querySelectorAll('.cl-flip-card');\n    flipCards.forEach(card => {\n        card.addEventListener('click', () => {\n            card.classList.toggle('flipped');\n        });\n    });\n\n    \/\/ 3. CONFETTI PHYSICS ON PURPLE\/PINK CTA BUTTON CLICK\n    const ctaBtn = document.getElementById('freeDiagnosticBtn');\n    if (ctaBtn) {\n        ctaBtn.addEventListener('click', () => {\n            if (typeof confetti === 'function') {\n                confetti({\n                    particleCount: 75,\n                    spread: 80,\n                    origin: { y: 0.75 },\n                    colors: ['#7C3AED', '#EC4899', '#0091FF', '#FF6A00']\n                });\n            }\n        });\n    }\n\n});\n<\/script>\n\n<div id=\"cl-programs-block-master\">\n    <section id=\"cl-programs-section\">\n        \n        <!-- CANVAS FOR VISIBLE MOVING WATERMARKS & MATH SYMBOLS -->\n        <canvas id=\"clProgramsCanvas\"><\/canvas>\n\n        <div class=\"cl-programs-container\">\n            \n            <!-- SECTION HEADER -->\n            <div class=\"cl-programs-header\">\n                <!-- SPECIAL EFFECTS NEON PREFIX BADGE -->\n                <div class=\"cl-badge-prefix\">\n                    <span class=\"badge-dot-wave\"><\/span>\n                    <span class=\"badge-text-wave\">AUSTRALIAN EXAM &amp; SCHOOL CURRICULUM<\/span>\n                <\/div>\n\n                <h2 class=\"cl-programs-title\">\n                    Explore Our <span class=\"shimmer-blue\">Competitive &amp; Core<\/span> <span class=\"shimmer-orange\">Programs<\/span>\n                <\/h2>\n\n                <p class=\"cl-programs-desc\">\n                    Click any card below to flip and discover program details. Offered via <strong>Self-Paced Exam Mastery<\/strong> or <strong>1:1 Live Personalized Classes<\/strong>.\n                <\/p>\n\n                <!-- DELIVERY MODE BADGES WITH HOVER EFFECTS -->\n                <div class=\"delivery-modes-row\">\n                    <span class=\"mode-chip mode-self\">\u26a1 Self-Paced Exam Mastery<\/span>\n                    <span class=\"mode-chip mode-live\">\ud83d\udc68\u200d\ud83c\udfeb 1:1 Live Personalized Classes<\/span>\n                <\/div>\n            <\/div>\n\n            <!-- 3D FLIP CARDS GRID (8 CARDS) -->\n            <div class=\"cl-flip-grid\">\n                \n                <!-- CARD 1: OC (Opportunity Class) -->\n                <div class=\"cl-flip-card\" style=\"--neon-clr: #0091FF; --glow-rgba: rgba(0, 145, 255, 0.35);\">\n                    <div class=\"card-inner\">\n                        <div class=\"card-front\">\n                            <span class=\"card-icon\">\ud83e\ude83<\/span>\n                            <span class=\"delivery-tag\">Self-Paced &amp; 1:1 Live<\/span>\n                            <h3>OC (Opportunity Class)<\/h3>\n                            <p class=\"flip-hint\">\ud83d\udc46 Click to Flip Details<\/p>\n                        <\/div>\n                        <div class=\"card-back\">\n                            <h4>OC Entrance Prep<\/h4>\n                            <p>Surgical training in Mathematical Reasoning, Thinking Skills, and Reading Comprehension with timed mock tests for NSW Year 4 students.<\/p>\n                            <span class=\"back-highlight\">\u2713 Timed Speed Conditioning<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 2: Selective High School Exams -->\n                <div class=\"cl-flip-card\" style=\"--neon-clr: #7C3AED; --glow-rgba: rgba(124, 58, 237, 0.35);\">\n                    <div class=\"card-inner\">\n                        <div class=\"card-front\">\n                            <span class=\"card-icon\">\ud83c\udfeb<\/span>\n                            <span class=\"delivery-tag\">Self-Paced &amp; 1:1 Live<\/span>\n                            <h3>Selective School Exams<\/h3>\n                            <p class=\"flip-hint\">\ud83d\udc46 Click to Flip Details<\/p>\n                        <\/div>\n                        <div class=\"card-back\">\n                            <h4>Selective High Placement<\/h4>\n                            <p>Advanced higher-order thinking, abstract reasoning, and persuasive writing evaluation for entry into top Selective High Schools.<\/p>\n                            <span class=\"back-highlight\">\u2713 Top 2% Percentile Target<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 3: NAPLAN -->\n                <div class=\"cl-flip-card\" style=\"--neon-clr: #FF6A00; --glow-rgba: rgba(255, 106, 0, 0.35);\">\n                    <div class=\"card-inner\">\n                        <div class=\"card-front\">\n                            <span class=\"card-icon\">\ud83d\udcdd<\/span>\n                            <span class=\"delivery-tag\">Self-Paced &amp; 1:1 Live<\/span>\n                            <h3>NAPLAN Mastery<\/h3>\n                            <p class=\"flip-hint\">\ud83d\udc46 Click to Flip Details<\/p>\n                        <\/div>\n                        <div class=\"card-back\">\n                            <h4>Band 10 Benchmark<\/h4>\n                            <p>Targeted practice in Numeracy, Reading, Writing, and Conventions of Language across Years 3, 5, 7, and 9 for top band scores.<\/p>\n                            <span class=\"back-highlight\">\u2713 Persuasive Writing Audits<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 4: ICAS -->\n                <div class=\"cl-flip-card\" style=\"--neon-clr: #10B981; --glow-rgba: rgba(16, 185, 129, 0.35);\">\n                    <div class=\"card-inner\">\n                        <div class=\"card-front\">\n                            <span class=\"card-icon\">\ud83c\udf1f<\/span>\n                            <span class=\"delivery-tag\">Self-Paced &amp; 1:1 Live<\/span>\n                            <h3>ICAS Competitions<\/h3>\n                            <p class=\"flip-hint\">\ud83d\udc46 Click to Flip Details<\/p>\n                        <\/div>\n                        <div class=\"card-back\">\n                            <h4>High Distinction Track<\/h4>\n                            <p>Higher-order thinking skills, non-routine logic problems, and spatial reasoning drills engineered for ICAS distinction seekers.<\/p>\n                            <span class=\"back-highlight\">\u2713 High Distinction Prep<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 5: AMC -->\n                <div class=\"cl-flip-card\" style=\"--neon-clr: #00E5FF; --glow-rgba: rgba(0, 229, 255, 0.35);\">\n                    <div class=\"card-inner\">\n                        <div class=\"card-front\">\n                            <span class=\"card-icon\">\ud83d\udcd0<\/span>\n                            <span class=\"delivery-tag\">Self-Paced &amp; 1:1 Live<\/span>\n                            <h3>AMC Mathematics<\/h3>\n                            <p class=\"flip-hint\">\ud83d\udc46 Click to Flip Details<\/p>\n                        <\/div>\n                        <div class=\"card-back\">\n                            <h4>Australian Math Competition<\/h4>\n                            <p>Deep mathematical problem-solving training covering routine and non-routine problem sets created by the Australian Maths Trust.<\/p>\n                            <span class=\"back-highlight\">\u2713 Advanced Logic Drills<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 6: Math Olympiad -->\n                <div class=\"cl-flip-card\" style=\"--neon-clr: #EC4899; --glow-rgba: rgba(236, 72, 153, 0.35);\">\n                    <div class=\"card-inner\">\n                        <div class=\"card-front\">\n                            <span class=\"card-icon\">\ud83c\udfc6<\/span>\n                            <span class=\"delivery-tag\">1:1 Live Classes<\/span>\n                            <h3>Math Olympiad<\/h3>\n                            <p class=\"flip-hint\">\ud83d\udc46 Click to Flip Details<\/p>\n                        <\/div>\n                        <div class=\"card-back\">\n                            <h4>Junior STEM Extension<\/h4>\n                            <p>Elite mathematical reasoning and proof strategies for high-ability students aiming for national and international Olympiad medals.<\/p>\n                            <span class=\"back-highlight\">\u2713 Gifted Learner Track<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 7: AIMO -->\n                <div class=\"cl-flip-card\" style=\"--neon-clr: #F59E0B; --glow-rgba: rgba(245, 158, 11, 0.35);\">\n                    <div class=\"card-inner\">\n                        <div class=\"card-front\">\n                            <span class=\"card-icon\">\ud83c\udfc5<\/span>\n                            <span class=\"delivery-tag\">1:1 Live Classes<\/span>\n                            <h3>AIMO Track<\/h3>\n                            <p class=\"flip-hint\">\ud83d\udc46 Click to Flip Details<\/p>\n                        <\/div>\n                        <div class=\"card-back\">\n                            <h4>Intermediate Olympiad<\/h4>\n                            <p>Preparation for the Australian Intermediate Mathematics Olympiad, focusing on proof-writing, number theory, and geometry.<\/p>\n                            <span class=\"back-highlight\">\u2713 Advanced Proof Writing<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 8: School Math (Daily Math) -->\n                <div class=\"cl-flip-card\" style=\"--neon-clr: #0091FF; --glow-rgba: rgba(0, 145, 255, 0.35);\">\n                    <div class=\"card-inner\">\n                        <div class=\"card-front\">\n                            <span class=\"card-icon\">\ud83d\udcda<\/span>\n                            <span class=\"delivery-tag\">1:1 Live Classes<\/span>\n                            <h3>Daily School Math<\/h3>\n                            <p class=\"flip-hint\">\ud83d\udc46 Click to Flip Details<\/p>\n                        <\/div>\n                        <div class=\"card-back\">\n                            <h4>ACARA School Curriculum<\/h4>\n                            <p>Customized daily school math support. Eliminates classroom learning gaps, builds concept clarity, and boosts daily school confidence.<\/p>\n                            <span class=\"back-highlight\">\u2713 100% School Aligned<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <!-- PURPLE & PINK CTA BUTTON WITH GLOWING WAVE EFFECT -->\n            <div class=\"cl-diagnostic-cta-wrapper\">\n                <!-- PLACEHOLDER LINK: Replace '#' with your actual Diagnostic Assessment page URL -->\n                <a href=\"#\" id=\"freeDiagnosticBtn\" class=\"cl-neon-wave-btn\">\n                    <span class=\"wave-layer\"><\/span>\n                    <span class=\"btn-text\">\u2728 Book Free Diagnostic Assessment \u2192<\/span>\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/section>\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');\n\n\/* WORDPRESS OVERFLOW UNLOCKS & RESETS *\/\n.wp-block-custom-html:has(#cl-pathway-hud-master),\n.entry-content > .wp-block-custom-html:has(#cl-pathway-hud-master),\n.wp-block-post-content > .wp-block-custom-html:has(#cl-pathway-hud-master) {\n    height: auto !important;\n    min-height: 0 !important;\n    max-height: none !important;\n    overflow: visible !important;\n    box-sizing: border-box !important;\n}\n\n#cl-pathway-hud-master,\n#cl-pathway-hud-master * {\n    box-sizing: border-box !important;\n    -ms-overflow-style: none !important;\n    scrollbar-width: none !important;\n}\n\n#cl-pathway-hud-master::-webkit-scrollbar,\n#cl-pathway-hud-master *::-webkit-scrollbar {\n    display: none !important;\n    width: 0 !important;\n    height: 0 !important;\n    background: transparent !important;\n}\n\n\/* ROOT ADAPTIVE COLOR VARIABLE DEFAULT *\/\n#cl-pathway-hud-master {\n    --active-stage-color: #00E5FF;\n    width: 100% !important;\n    display: block !important;\n    position: relative !important;\n    background: #030712 !important;\n    color: #ffffff !important;\n    font-family: 'Outfit', sans-serif !important;\n    overflow: hidden !important;\n}\n\n#cl-pathway-hud-section {\n    position: relative !important;\n    z-index: 2;\n    padding: clamp(60px, 8vw, 120px) 0 !important;\n    width: 100% !important;\n}\n\n.cl-hud-container {\n    max-width: min(1380px, 94vw);\n    margin: 0 auto;\n    padding: 0 clamp(16px, 3vw, 24px);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n\/* BACKGROUND GRID, SCANLINES & CANVAS *\/\n.hud-grid-overlay {\n    position: absolute;\n    inset: 0;\n    background-image: \n        linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),\n        linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\n    background-size: 50px 50px;\n    pointer-events: none;\n    z-index: 1;\n}\n\n.hud-scanline {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 8px;\n    background: linear-gradient(90deg, transparent, var(--active-stage-color), transparent);\n    animation: scanAnimation 8s linear infinite;\n    pointer-events: none;\n    z-index: 1;\n    transition: background 0.4s ease;\n}\n\n@keyframes scanAnimation {\n    0% { top: 0%; opacity: 0.8; }\n    100% { top: 100%; opacity: 0; }\n}\n\n#clHudParticleCanvas {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    pointer-events: none;\n}\n\n\/* HEADER & GREEN NEON PULSE BADGE *\/\n.hud-header {\n    text-align: center;\n    margin-bottom: clamp(30px, 4vw, 50px);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    z-index: 2;\n}\n\n.hud-badge {\n    background: rgba(16, 185, 129, 0.08);\n    border: 1px solid rgba(16, 185, 129, 0.4);\n    padding: 6px 20px;\n    border-radius: 50px;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 0.75rem;\n    font-weight: 800;\n    color: #10B981;\n    letter-spacing: 1.5px;\n    margin-bottom: 16px;\n    box-shadow: 0 0 20px rgba(16, 185, 129, 0.2);\n}\n\n.badge-dot-green {\n    width: 8px;\n    height: 8px;\n    background-color: #10B981;\n    border-radius: 50%;\n    position: relative;\n    box-shadow: 0 0 10px #10B981;\n}\n\n.badge-dot-green::after {\n    content: '';\n    position: absolute;\n    inset: -4px;\n    border-radius: 50%;\n    border: 2px solid #10B981;\n    animation: greenPulse 1.8s infinite;\n}\n\n@keyframes greenPulse {\n    0% { transform: scale(0.8); opacity: 1; }\n    100% { transform: scale(2.4); opacity: 0; }\n}\n\n.hud-title {\n    font-size: clamp(2.2rem, 4.5vw, 3.6rem);\n    font-weight: 900;\n    color: #ffffff;\n    margin: 0 0 14px 0;\n    line-height: 1.15;\n}\n\n.shimmer-neon {\n    background: linear-gradient(90deg, #00E5FF, #0091FF, #7C3AED, #00E5FF);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: textShimmer 4s linear infinite;\n}\n\n@keyframes textShimmer {\n    to { background-position: 200% center; }\n}\n\n.hud-subtitle {\n    font-family: 'Inter', sans-serif;\n    font-size: clamp(0.95rem, 1.2vw, 1.12rem);\n    color: #94A3B8;\n    max-width: 760px;\n    margin: 0;\n    line-height: 1.65;\n}\n\n\/* FLEX SIDE-BY-SIDE LAYOUT *\/\n.hud-flex-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: clamp(30px, 4vw, 60px);\n    align-items: center;\n    width: 100%;\n    margin-bottom: 40px;\n    z-index: 2;\n}\n\n\/* CIRCULAR SIMULATOR HUB (LEFT COLUMN) *\/\n.hud-simulator-wrapper {\n    position: relative;\n    width: min(600px, 85vw);\n    height: min(600px, 85vw);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: 0 auto;\n}\n\n.hud-svg-connections {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    inset: 0;\n    pointer-events: none;\n}\n\n.svg-orbit-guide {\n    fill: none;\n    stroke: rgba(255, 255, 255, 0.08);\n    stroke-width: 2;\n    stroke-dasharray: 6 6;\n}\n\n.svg-energy-path {\n    fill: none;\n    stroke: url(#energyGrad);\n    stroke-width: 4;\n    stroke-linecap: round;\n    filter: url(#glowFilter);\n}\n\n\/* CENTER AVATAR NODE WITH IMAGE & 3D FLIP *\/\n.hud-center-avatar {\n    position: absolute;\n    width: 140px;\n    height: 140px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    perspective: 1000px;\n}\n\n.avatar-core {\n    width: 110px;\n    height: 110px;\n    border-radius: 50%;\n    background: radial-gradient(circle, #0F172A 0%, #030712 100%);\n    border: 2px solid var(--active-stage-color, #00E5FF);\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    box-shadow: 0 0 35px var(--active-stage-color, #00E5FF), inset 0 0 15px var(--active-stage-color, #00E5FF);\n    z-index: 3;\n    transition: border-color 0.4s ease, box-shadow 0.4s ease;\n    overflow: hidden;\n    padding: 6px;\n}\n\n\/* Image Wrapper for 3D Rotation *\/\n.avatar-img-wrapper {\n    width: 55px;\n    height: 55px;\n    border-radius: 50%;\n    overflow: hidden;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transform-style: preserve-3d;\n    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.avatar-img-wrapper.flip-active {\n    transform: rotateY(360deg);\n}\n\n.avatar-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 50%;\n}\n\n.avatar-label {\n    font-size: 0.62rem;\n    font-weight: 900;\n    letter-spacing: 1px;\n    color: var(--active-stage-color, #00E5FF);\n    margin-top: 4px;\n    transition: color 0.4s ease;\n}\n\n.radar-pulse-ring {\n    position: absolute;\n    inset: -10px;\n    border-radius: 50%;\n    border: 2px solid var(--active-stage-color, #00E5FF);\n    animation: radarPulse 3s cubic-bezier(0, 0, 0.2, 1) infinite;\n    transition: border-color 0.4s ease;\n}\n\n.radar-pulse-ring.delay { animation-delay: 1.5s; }\n\n@keyframes radarPulse {\n    0% { transform: scale(0.8); opacity: 0.9; }\n    100% { transform: scale(1.6); opacity: 0; }\n}\n\n\/* ORBITAL STAGE NODES *\/\n.hud-nodes-container {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.hud-node {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 70px;\n    height: 70px;\n    margin-top: -35px;\n    margin-left: -35px;\n    transform: rotate(var(--node-angle)) translate(230px) rotate(calc(-1 * var(--node-angle)));\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    z-index: 4;\n}\n\n.node-inner {\n    width: 60px;\n    height: 60px;\n    border-radius: 50%;\n    background: rgba(15, 23, 42, 0.85);\n    border: 2px solid rgba(255, 255, 255, 0.18);\n    backdrop-filter: blur(12px);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);\n    transition: all 0.3s ease;\n}\n\n.node-number { font-size: 0.62rem; font-weight: 900; color: #94A3B8; }\n.node-icon { font-size: 1.2rem; }\n\n.node-title {\n    position: absolute;\n    top: 68px;\n    font-size: 0.68rem;\n    font-weight: 800;\n    color: #94A3B8;\n    white-space: nowrap;\n    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);\n    transition: color 0.3s ease;\n}\n\n.hud-node:hover .node-inner,\n.hud-node.active .node-inner {\n    background: #0F172A;\n    border-color: var(--node-clr);\n    transform: scale(1.18);\n    box-shadow: 0 0 30px var(--node-clr), 0 0 15px var(--node-clr);\n}\n\n.hud-node:hover .node-title,\n.hud-node.active .node-title {\n    color: var(--node-clr);\n}\n\n.hud-node.active .node-pulse-aura {\n    position: absolute;\n    inset: -6px;\n    border-radius: 50%;\n    border: 2px solid var(--node-clr);\n    animation: auraPulse 2s infinite;\n}\n\n@keyframes auraPulse {\n    0% { transform: scale(0.95); opacity: 0.9; }\n    100% { transform: scale(1.3); opacity: 0; }\n}\n\n\/* RIGHT COLUMN: ADAPTIVE COLOR HUD INFORMATION CARD *\/\n.hud-right-panel {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n}\n\n.hud-info-card {\n    background: rgba(15, 23, 42, 0.88);\n    border: 1.5px solid var(--active-stage-color, #00E5FF);\n    border-radius: 28px;\n    padding: clamp(28px, 4vw, 42px);\n    width: 100%;\n    text-align: left;\n    backdrop-filter: blur(16px);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5), 0 0 35px var(--active-stage-color, #00E5FF);\n    transition: border-color 0.4s ease, box-shadow 0.4s ease;\n}\n\n.info-card-header {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    margin-bottom: 14px;\n}\n\n.info-step-tag {\n    font-size: 0.72rem;\n    font-weight: 900;\n    color: var(--active-stage-color, #00E5FF);\n    letter-spacing: 1.5px;\n    background: rgba(255, 255, 255, 0.05);\n    padding: 6px 16px;\n    border-radius: 50px;\n    margin-bottom: 12px;\n    border: 1px solid var(--active-stage-color, #00E5FF);\n    transition: color 0.4s ease, border-color 0.4s ease;\n}\n\n.hud-info-card h3 {\n    font-size: clamp(1.4rem, 2.5vw, 1.8rem);\n    font-weight: 900;\n    color: #ffffff;\n    margin: 0;\n    line-height: 1.25;\n}\n\n.hud-info-card p {\n    font-family: 'Inter', sans-serif;\n    font-size: clamp(0.9rem, 1.1vw, 1.02rem);\n    color: #CBD5E1;\n    line-height: 1.68;\n    margin: 0;\n}\n\n\/* BOTTOM NEON PROGRESS TRACKER *\/\n.hud-progress-bar-wrapper {\n    width: min(850px, 92vw);\n    z-index: 2;\n    margin-top: 10px;\n}\n\n.progress-info-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.75rem;\n    font-weight: 800;\n    color: #94A3B8;\n    letter-spacing: 1px;\n    margin-bottom: 8px;\n}\n\n#hudPercentText {\n    color: var(--active-stage-color, #00E5FF);\n    transition: color 0.4s ease;\n}\n\n.hud-progress-track {\n    height: 10px;\n    background: rgba(255, 255, 255, 0.08);\n    border-radius: 10px;\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, 0.12);\n}\n\n.hud-progress-fill {\n    height: 100%;\n    border-radius: 10px;\n    transition: width 0.4s ease, background 0.4s ease, box-shadow 0.4s ease;\n    box-shadow: 0 0 18px var(--active-stage-color, #00E5FF);\n}\n\n\/* RESPONSIVE BREAKPOINTS *\/\n@media (max-width: 1024px) {\n    .hud-flex-layout {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }\n\n    .hud-info-card {\n        text-align: center;\n    }\n\n    .info-card-header {\n        align-items: center;\n    }\n}\n\n@media (max-width: 768px) {\n    .hud-simulator-wrapper { width: 340px; height: 340px; }\n    .svg-orbit-guide { r: 120; cx: 200; cy: 200; }\n    .hud-node {\n        width: 50px;\n        height: 50px;\n        margin-top: -25px;\n        margin-left: -25px;\n        transform: rotate(var(--node-angle)) translate(120px) rotate(calc(-1 * var(--node-angle)));\n    }\n    .node-inner { width: 44px; height: 44px; }\n    .node-title { display: none; }\n    .hud-center-avatar { width: 90px; height: 90px; }\n    .avatar-core { width: 75px; height: 75px; }\n    .avatar-img-wrapper { width: 38px; height: 38px; }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', () => {\n\n    \/\/ 1. ALL 7 STAGE DEFINITIONS & NEON COLORS\n    const pathwaySteps = [\n        {\n            step: \"01\",\n            title: \"Free Online Diagnostic Assessment\",\n            desc: \"Surgical baseline diagnostic auditing mathematical logic, English comprehension, and foundational skill gaps mapped 100% to ACARA standards.\",\n            color: \"#00E5FF\" \/\/ Stage 1 Cyan\n        },\n        {\n            step: \"02\",\n            title: \"Detailed Performance Analysis\",\n            desc: \"Comprehensive diagnostic report pinpointing accuracy, problem-solving speed, and state percentile standings for targeted exam remediation.\",\n            color: \"#A855F7\" \/\/ Stage 2 Purple\n        },\n        {\n            step: \"03\",\n            title: \"Personalised Learning Plan\",\n            desc: \"Customized academic roadmap tailored to your child's learning pace, target benchmarks, and competitive goals (OC, Selective, NAPLAN Band 10).\",\n            color: \"#0091FF\" \/\/ Stage 3 Blue\n        },\n        {\n            step: \"04\",\n            title: \"Live Classes & Self-Paced Learning\",\n            desc: \"Hybrid excellence combining 1-on-1 expert Australian tutor mentorship with 24\/7 access to 40+ interactive online mastery modules.\",\n            color: \"#FF6A00\" \/\/ Stage 4 Orange\n        },\n        {\n            step: \"05\",\n            title: \"Practice, Quizzes & Topic Tests\",\n            desc: \"Exam-conditioned speed drills, chapter assessments, and simulated timed mock exams building lasting exam confidence and accuracy.\",\n            color: \"#EC4899\" \/\/ Stage 5 Pink\n        },\n        {\n            step: \"06\",\n            title: \"Parent Progress Reports\",\n            desc: \"Transparent real-time parent dashboards providing weekly milestone updates, lesson completion data, and direct tutor feedback.\",\n            color: \"#10B981\" \/\/ Stage 6 Green\n        },\n        {\n            step: \"07\",\n            title: \"Academic Growth & Success\",\n            desc: \"Sustained academic excellence, top band achievement, independent critical thinking habits, and lifelong learning confidence.\",\n            color: \"#F59E0B\" \/\/ Stage 7 Yellow\n        }\n    ];\n\n    const stageColors = pathwaySteps.map(s => s.color);\n\n    \/\/ 2. DOM ELEMENTS\n    const rootMaster = document.getElementById('cl-pathway-hud-master');\n    const nodes = document.querySelectorAll('.hud-node');\n    const stepTag = document.getElementById('hudStepTag');\n    const stepTitle = document.getElementById('hudStepTitle');\n    const stepDesc = document.getElementById('hudStepDesc');\n    const progressFill = document.getElementById('hudProgressFill');\n    const percentText = document.getElementById('hudPercentText');\n    const avatarImgWrapper = document.getElementById('avatarImgWrapper');\n\n    \/\/ 3. MULTI-COLOR GRADIENT PROGRESS BAR BUILDER\n    function updateProgressBar(stepNum) {\n        if (!progressFill) return;\n\n        const percent = Math.round((stepNum \/ 7) * 100);\n        progressFill.style.width = `${percent}%`;\n\n        if (stepNum === 1) {\n            progressFill.style.background = stageColors[0];\n        } else {\n            const activeColors = stageColors.slice(0, stepNum);\n            const gradientString = `linear-gradient(90deg, ${activeColors.join(', ')})`;\n            progressFill.style.background = gradientString;\n        }\n    }\n\n    \/\/ 4. TRIGGER 3D AVATAR FLIP ANIMATION\n    function triggerAvatarFlip() {\n        if (avatarImgWrapper) {\n            avatarImgWrapper.classList.remove('flip-active');\n            \/\/ Force DOM reflow to restart animation sequence\n            void avatarImgWrapper.offsetWidth;\n            avatarImgWrapper.classList.add('flip-active');\n        }\n    }\n\n    \/\/ 5. ADAPTIVE STAGE COLOR ACTIVATION LOGIC\n    function activateStage(stepNum) {\n        const data = pathwaySteps[stepNum - 1];\n\n        if (rootMaster) {\n            rootMaster.style.setProperty('--active-stage-color', data.color);\n        }\n\n        nodes.forEach(node => {\n            const nStep = parseInt(node.getAttribute('data-step'), 10);\n            if (nStep === stepNum) {\n                node.classList.add('active');\n            } else {\n                node.classList.remove('active');\n            }\n        });\n\n        if (stepTag) stepTag.innerText = `STAGE 0${data.step} \/ 07`;\n        if (stepTitle) stepTitle.innerText = data.title;\n        if (stepDesc) stepDesc.innerText = data.desc;\n\n        if (percentText) percentText.innerText = `${Math.round((stepNum \/ 7) * 100)}% COMPLETED`;\n        updateProgressBar(stepNum);\n        \n        \/\/ Trigger Image 3D Flip\n        triggerAvatarFlip();\n    }\n\n    \/\/ Attach Click Listeners to Orbital Nodes\n    nodes.forEach(node => {\n        node.addEventListener('click', () => {\n            const step = parseInt(node.getAttribute('data-step'), 10);\n            activateStage(step);\n        });\n    });\n\n    \/\/ Initialize Stage 1 Default\n    activateStage(1);\n\n    \/\/ 6. FLOATING WATERMARKS CANVAS ENGINE\n    const canvas = document.getElementById('clHudParticleCanvas');\n    if (canvas) {\n        const ctx = canvas.getContext('2d');\n        let width = canvas.width = canvas.parentElement.offsetWidth;\n        let height = canvas.height = canvas.parentElement.offsetHeight;\n\n        window.addEventListener('resize', () => {\n            width = canvas.width = canvas.parentElement.offsetWidth;\n            height = canvas.height = canvas.parentElement.offsetHeight;\n        });\n\n        const mathSymbols = ['\u221ax', '+', '-', '\u00d7', '\u00f7', '\u03c0', '\u2211', 'ACARA', 'OC Prep', 'NAPLAN', 'ICAS', 'AMC', 'Olympiad'];\n\n        const watermarks = Array.from({ length: 30 }, () => ({\n            x: Math.random() * width,\n            y: Math.random() * height,\n            symbol: mathSymbols[Math.floor(Math.random() * mathSymbols.length)],\n            color: stageColors[Math.floor(Math.random() * stageColors.length)],\n            fontSize: Math.random() * 16 + 12,\n            vx: (Math.random() - 0.5) * 0.3,\n            vy: (Math.random() - 0.5) * 0.3,\n            angle: Math.random() * Math.PI * 2,\n            vRot: (Math.random() - 0.5) * 0.005,\n            alpha: Math.random() * 0.15 + 0.05\n        }));\n\n        function drawFloatingWatermarks() {\n            ctx.clearRect(0, 0, width, height);\n\n            watermarks.forEach(item => {\n                item.x += item.vx;\n                item.y += item.vy;\n                item.angle += item.vRot;\n\n                if (item.x < -30 || item.x > width + 30) item.vx *= -1;\n                if (item.y < -30 || item.y > height + 30) item.vy *= -1;\n\n                ctx.save();\n                ctx.translate(item.x, item.y);\n                ctx.rotate(item.angle);\n                ctx.globalAlpha = item.alpha;\n\n                ctx.font = `800 ${item.fontSize}px 'Outfit', sans-serif`;\n                ctx.fillStyle = item.color;\n                ctx.fillText(item.symbol, 0, 0);\n\n                ctx.restore();\n            });\n\n            requestAnimationFrame(drawFloatingWatermarks);\n        }\n        drawFloatingWatermarks();\n    }\n\n});\n<\/script>\n\n<div id=\"cl-pathway-hud-master\">\n    <section id=\"cl-pathway-hud-section\">\n        \n        <!-- FUTURISTIC CANVAS & SCANNING GRID BACKDROP -->\n        <div class=\"hud-grid-overlay\"><\/div>\n        <div class=\"hud-scanline\"><\/div>\n        <canvas id=\"clHudParticleCanvas\"><\/canvas>\n\n        <div class=\"cl-hud-container\">\n            \n            <!-- HEADER -->\n            <div class=\"hud-header\">\n                <div class=\"hud-badge\">\n                    <span class=\"badge-dot-green\"><\/span>\n                    <span>INTEL-MAPPED ACADEMIC ENGINE<\/span>\n                <\/div>\n                <h2 class=\"hud-title\">\n                    Your Child&#8217;s <span class=\"shimmer-neon\">Structured Learning<\/span> Pathway\n                <\/h2>\n                <p class=\"hud-subtitle\">\n                    A continuous 7-stage learning journey powered by diagnostic gap mapping, expert mentorship, and real-time parent progress synchronization.\n                <\/p>\n            <\/div>\n\n            <!-- TWO-COLUMN SIDE-BY-SIDE LAYOUT -->\n            <div class=\"hud-flex-layout\">\n                \n                <!-- LEFT COLUMN: CIRCULAR SIMULATOR HUB -->\n                <div class=\"hud-simulator-wrapper\">\n                    \n                    <!-- SVG CONNECTING ENERGY LINES -->\n                    <svg class=\"hud-svg-connections\" viewBox=\"0 0 800 800\">\n                        <defs>\n                            <linearGradient id=\"energyGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                <stop offset=\"0%\" stop-color=\"var(--active-stage-color, #00E5FF)\"><\/stop>\n                                <stop offset=\"100%\" stop-color=\"#030712\"><\/stop>\n                            <\/linearGradient>\n                            <filter id=\"glowFilter\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\">\n                                <feGaussianBlur stdDeviation=\"6\" result=\"blur\"><\/feGaussianBlur>\n                                <feComposite in=\"SourceGraphic\" in2=\"blur\" operator=\"over\"><\/feComposite>\n                            <\/filter>\n                        <\/defs>\n                        <circle cx=\"400\" cy=\"400\" r=\"280\" class=\"svg-orbit-guide\"><\/circle>\n                        <path id=\"energyPath\" d=\"\" class=\"svg-energy-path\"><\/path>\n                    <\/svg>\n\n                    <!-- CENTER AVATAR NODE WITH CLA IMAGE & FLIP EFFECT -->\n                    <div class=\"hud-center-avatar\" id=\"hudCenterAvatar\">\n                        <div class=\"radar-pulse-ring\"><\/div>\n                        <div class=\"radar-pulse-ring delay\"><\/div>\n                        <div class=\"avatar-core\">\n                            <div class=\"avatar-img-wrapper\" id=\"avatarImgWrapper\">\n                                <img decoding=\"async\" src=\"https:\/\/curiouslearneracademy.com\/australia\/wp-content\/uploads\/sites\/2\/2026\/08\/CLA.jpg\" alt=\"CLA Student Avatar\" class=\"avatar-img\" title=\"Home\">\n                            <\/div>\n                            <span class=\"avatar-label\">STUDENT<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <!-- 7 ORBITAL NEON NODES -->\n                    <div class=\"hud-nodes-container\">\n                        \n                        <!-- NODE 1 -->\n                        <div class=\"hud-node active\" data-step=\"1\" data-color=\"#00E5FF\" style=\"--node-angle: 270deg; --node-clr: #00E5FF;\">\n                            <div class=\"node-pulse-aura\"><\/div>\n                            <div class=\"node-inner\">\n                                <span class=\"node-number\">01<\/span>\n                                <span class=\"node-icon\">\ud83c\udfaf<\/span>\n                            <\/div>\n                            <span class=\"node-title\">Diagnostic Audit<\/span>\n                        <\/div>\n\n                        <!-- NODE 2 -->\n                        <div class=\"hud-node\" data-step=\"2\" data-color=\"#A855F7\" style=\"--node-angle: 321.4deg; --node-clr: #A855F7;\">\n                            <div class=\"node-pulse-aura\"><\/div>\n                            <div class=\"node-inner\">\n                                <span class=\"node-number\">02<\/span>\n                                <span class=\"node-icon\">\ud83d\udcca<\/span>\n                            <\/div>\n                            <span class=\"node-title\">Performance Analysis<\/span>\n                        <\/div>\n\n                        <!-- NODE 3 -->\n                        <div class=\"hud-node\" data-step=\"3\" data-color=\"#0091FF\" style=\"--node-angle: 12.8deg; --node-clr: #0091FF;\">\n                            <div class=\"node-pulse-aura\"><\/div>\n                            <div class=\"node-inner\">\n                                <span class=\"node-number\">03<\/span>\n                                <span class=\"node-icon\">\ud83d\udee3\ufe0f<\/span>\n                            <\/div>\n                            <span class=\"node-title\">Personalised Plan<\/span>\n                        <\/div>\n\n                        <!-- NODE 4 -->\n                        <div class=\"hud-node\" data-step=\"4\" data-color=\"#FF6A00\" style=\"--node-angle: 64.2deg; --node-clr: #FF6A00;\">\n                            <div class=\"node-pulse-aura\"><\/div>\n                            <div class=\"node-inner\">\n                                <span class=\"node-number\">04<\/span>\n                                <span class=\"node-icon\">\ud83d\udcbb<\/span>\n                            <\/div>\n                            <span class=\"node-title\">Live &amp; Self-Paced<\/span>\n                        <\/div>\n\n                        <!-- NODE 5 -->\n                        <div class=\"hud-node\" data-step=\"5\" data-color=\"#EC4899\" style=\"--node-angle: 115.6deg; --node-clr: #EC4899;\">\n                            <div class=\"node-pulse-aura\"><\/div>\n                            <div class=\"node-inner\">\n                                <span class=\"node-number\">05<\/span>\n                                <span class=\"node-icon\">\ud83d\udcdd<\/span>\n                            <\/div>\n                            <span class=\"node-title\">Quizzes &amp; Tests<\/span>\n                        <\/div>\n\n                        <!-- NODE 6 -->\n                        <div class=\"hud-node\" data-step=\"6\" data-color=\"#10B981\" style=\"--node-angle: 167deg; --node-clr: #10B981;\">\n                            <div class=\"node-pulse-aura\"><\/div>\n                            <div class=\"node-inner\">\n                                <span class=\"node-number\">06<\/span>\n                                <span class=\"node-icon\">\ud83d\udcc8<\/span>\n                            <\/div>\n                            <span class=\"node-title\">Progress Reports<\/span>\n                        <\/div>\n\n                        <!-- NODE 7 -->\n                        <div class=\"hud-node\" data-step=\"7\" data-color=\"#F59E0B\" style=\"--node-angle: 218.4deg; --node-clr: #F59E0B;\">\n                            <div class=\"node-pulse-aura\"><\/div>\n                            <div class=\"node-inner\">\n                                <span class=\"node-number\">07<\/span>\n                                <span class=\"node-icon\">\ud83c\udfc6<\/span>\n                            <\/div>\n                            <span class=\"node-title\">Academic Growth<\/span>\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n                <!-- RIGHT COLUMN: ADAPTIVE COLOR HUD INFORMATION CARD -->\n                <div class=\"hud-right-panel\">\n                    <div class=\"hud-info-card\" id=\"hudInfoCard\">\n                        <div class=\"info-card-header\">\n                            <span class=\"info-step-tag\" id=\"hudStepTag\">STAGE 01 \/ 07<\/span>\n                            <h3 id=\"hudStepTitle\">Free Online Diagnostic Assessment<\/h3>\n                        <\/div>\n                        <p id=\"hudStepDesc\">\n                            Surgical baseline diagnostic auditing mathematical logic, English comprehension, and foundational skill gaps mapped 100% to ACARA standards.\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <!-- BOTTOM DYNAMIC 7-COLOR NEON GRADIENT PROGRESS TRACKER -->\n            <div class=\"hud-progress-bar-wrapper\">\n                <div class=\"progress-info-row\">\n                    <span>PATHWAY COMPLETION PROTOCOL<\/span>\n                    <span id=\"hudPercentText\">14% ACTIVE<\/span>\n                <\/div>\n                <div class=\"hud-progress-track\">\n                    <div class=\"hud-progress-fill\" id=\"hudProgressFill\"><\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');\n\n\/* ==========================================================================\n   1. WORDPRESS OVERFLOW UNLOCKS & RESETS\n   ========================================================================== *\/\n\n.wp-block-custom-html:has(#cl-block3-master),\n.entry-content > .wp-block-custom-html:has(#cl-block3-master),\n.wp-block-post-content > .wp-block-custom-html:has(#cl-block3-master) {\n    height: auto !important;\n    min-height: 0 !important;\n    max-height: none !important;\n    overflow: visible !important;\n    box-sizing: border-box !important;\n}\n\n#cl-block3-master,\n#cl-block3-master * {\n    box-sizing: border-box !important;\n    -ms-overflow-style: none !important;\n    scrollbar-width: none !important;\n}\n\n#cl-block3-master::-webkit-scrollbar,\n#cl-block3-master *::-webkit-scrollbar {\n    display: none !important;\n    width: 0 !important;\n    height: 0 !important;\n    background: transparent !important;\n}\n\n\/* ==========================================================================\n   2. BASE SECTION BACKDROP\n   ========================================================================== *\/\n\n#cl-block3-master {\n    width: 100% !important;\n    display: block !important;\n    position: relative !important;\n    background: linear-gradient(135deg, #F8FAFC 0%, #EBF5FF 50%, #FFF5EB 100%) !important;\n    color: #0F172A !important;\n    font-family: 'Outfit', sans-serif !important;\n    overflow: hidden !important;\n}\n\n#clBlock3Canvas {\n    position: absolute !important;\n    top: 0;\n    left: 0;\n    width: 100% !important;\n    height: 100% !important;\n    z-index: 1;\n    pointer-events: none;\n    opacity: 0.85;\n}\n\n#cl-block3-section {\n    position: relative !important;\n    z-index: 2;\n    padding: clamp(50px, 6vw, 95px) 0 !important;\n    width: 100% !important;\n}\n\n.cl-block3-container {\n    max-width: min(1380px, 94vw);\n    margin: 0 auto;\n    padding: 0 clamp(16px, 3vw, 24px);\n}\n\n\/* ==========================================================================\n   3. HEADER & BADGE WITH PULSING DOT\n   ========================================================================== *\/\n\n.cl-block3-header {\n    text-align: center;\n    margin-bottom: clamp(40px, 5vw, 65px);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.cl-badge-prefix {\n    background: rgba(0, 145, 255, 0.08);\n    border: 1.5px solid #0091FF;\n    padding: 8px 24px;\n    border-radius: 50px;\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 20px;\n    box-shadow: 0 0 20px rgba(0, 145, 255, 0.25);\n}\n\n.badge-dot-pulse {\n    width: 10px;\n    height: 10px;\n    background-color: #0091FF;\n    border-radius: 50%;\n    position: relative;\n    box-shadow: 0 0 10px #0091FF;\n}\n\n.badge-dot-pulse::after {\n    content: '';\n    position: absolute;\n    inset: -4px;\n    border-radius: 50%;\n    border: 2px solid #0091FF;\n    animation: radarPulse 1.8s cubic-bezier(0, 0, 0.2, 1) infinite;\n}\n\n@keyframes radarPulse {\n    0% { transform: scale(0.8); opacity: 1; }\n    100% { transform: scale(2.4); opacity: 0; }\n}\n\n.badge-text-shimmer {\n    font-size: 0.78rem;\n    font-weight: 900;\n    letter-spacing: 1.5px;\n    color: #0091FF;\n}\n\n.cl-block3-title {\n    font-size: clamp(2.2rem, 4.5vw, 3.6rem);\n    font-weight: 900;\n    color: #0F172A;\n    margin: 0 0 16px 0;\n    line-height: 1.15;\n}\n\n.shimmer-blue {\n    color: #0091FF;\n    background: linear-gradient(90deg, #0091FF, #00E5FF, #0091FF);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: textShimmer 4s linear infinite;\n}\n\n.shimmer-orange {\n    color: #FF6A00;\n    background: linear-gradient(90deg, #FF6A00, #FF9548, #FF6A00);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: textShimmer 4s linear infinite 2s;\n}\n\n@keyframes textShimmer {\n    to { background-position: 200% center; }\n}\n\n.cl-block3-subtitle {\n    font-family: 'Inter', sans-serif;\n    font-size: clamp(0.95rem, 1.2vw, 1.12rem);\n    color: #475569;\n    max-width: 780px;\n    margin: 0 auto;\n    line-height: 1.65;\n}\n\n\/* ==========================================================================\n   4. PATHWAY ROWS & NEON HOVER FEATURE ITEMS\n   ========================================================================== *\/\n\n.cl-pathway-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: clamp(30px, 5vw, 70px);\n    align-items: center;\n    margin-bottom: clamp(50px, 7vw, 90px);\n}\n\n.cl-pathway-content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n}\n\n.pathway-prefix {\n    font-size: 0.78rem;\n    font-weight: 900;\n    letter-spacing: 1.5px;\n    padding: 8px 20px;\n    border-radius: 50px;\n    margin-bottom: 18px;\n    cursor: pointer;\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.pathway-prefix.blue {\n    background: #E0F2FE;\n    color: #0091FF;\n    border: 1.5px solid #BAE6FD;\n}\n\n.pathway-prefix.blue:hover {\n    transform: translateY(-3px) scale(1.03);\n    background: #0091FF;\n    color: #FFFFFF;\n    box-shadow: 0 10px 25px rgba(0, 145, 255, 0.45), 0 0 15px rgba(0, 229, 255, 0.3);\n}\n\n.pathway-prefix.orange {\n    background: #FFEDD5;\n    color: #FF6A00;\n    border: 1.5px solid #FED7AA;\n}\n\n.pathway-prefix.orange:hover {\n    transform: translateY(-3px) scale(1.03);\n    background: #FF6A00;\n    color: #FFFFFF;\n    box-shadow: 0 10px 25px rgba(255, 106, 0, 0.45), 0 0 15px rgba(255, 149, 72, 0.3);\n}\n\n.cl-pathway-content h3 {\n    font-size: clamp(1.8rem, 3vw, 2.5rem);\n    font-weight: 900;\n    color: #0F172A;\n    margin: 0 0 16px 0;\n    line-height: 1.2;\n}\n\n.pathway-desc {\n    font-family: 'Inter', sans-serif;\n    font-size: clamp(0.95rem, 1.15vw, 1.1rem);\n    color: #475569;\n    line-height: 1.68;\n    margin: 0 0 28px 0;\n}\n\n.pathway-features-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 16px;\n    width: 100%;\n}\n\n.feature-item {\n    background: rgba(255, 255, 255, 0.95) !important;\n    border: 1.5px solid rgba(15, 23, 42, 0.08) !important;\n    border-radius: 18px !important;\n    padding: 16px 20px !important;\n    display: flex !important;\n    align-items: center !important;\n    gap: 16px !important;\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03) !important;\n    cursor: pointer !important;\n    transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275), \n                box-shadow 0.35s ease, \n                border-color 0.35s ease, \n                background-color 0.35s ease !important;\n}\n\n\/* Electric Blue Neon Hover for Self-Paced Features *\/\n.feature-item.feature-item-blue:hover {\n    transform: translateY(-5px) scale(1.02) !important;\n    border-color: #0091FF !important;\n    background: #FFFFFF !important;\n    box-shadow: 0 12px 30px rgba(0, 145, 255, 0.4), 0 0 20px rgba(0, 229, 255, 0.3) !important;\n}\n\n\/* Sunset Orange Neon Hover for 1:1 Live Features *\/\n.feature-item.feature-item-orange:hover {\n    transform: translateY(-5px) scale(1.02) !important;\n    border-color: #FF6A00 !important;\n    background: #FFFFFF !important;\n    box-shadow: 0 12px 30px rgba(255, 106, 0, 0.4), 0 0 20px rgba(255, 149, 72, 0.3) !important;\n}\n\n.feature-icon {\n    font-size: 1.8rem !important;\n}\n\n.feature-item strong {\n    display: block !important;\n    font-size: 0.98rem !important;\n    color: #0F172A !important;\n}\n\n.feature-item small {\n    display: block !important;\n    font-size: 0.82rem !important;\n    color: #64748B !important;\n    font-family: 'Inter', sans-serif !important;\n}\n\n\/* ==========================================================================\n   5. LIVE BLOB VISUALS & FLOATING BADGES\n   ========================================================================== *\/\n\n.cl-pathway-visual {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: relative;\n}\n\n.live-blob-wrapper {\n    position: relative;\n    width: 100%;\n    max-width: 480px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.blob-frame {\n    width: 100%;\n    height: 420px;\n    border-radius: 60% 40% 70% 30% \/ 50% 60% 40% 50%;\n    animation: morphBlob 8s ease-in-out infinite alternate;\n    overflow: hidden;\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: #FFFFFF;\n    border: 3px solid rgba(0, 145, 255, 0.35);\n    box-shadow: 0 20px 50px rgba(0, 145, 255, 0.25);\n}\n\n.live-blob-wrapper.orange-glow .blob-frame {\n    border-color: rgba(255, 106, 0, 0.35);\n    box-shadow: 0 20px 50px rgba(255, 106, 0, 0.25);\n}\n\n@keyframes morphBlob {\n    0% { border-radius: 60% 40% 70% 30% \/ 50% 60% 40% 50%; }\n    50% { border-radius: 40% 60% 30% 70% \/ 60% 30% 70% 40%; }\n    100% { border-radius: 50% 50% 60% 40% \/ 40% 60% 50% 50%; }\n}\n\n.blob-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n.float-badge {\n    position: absolute;\n    background: #FFFFFF;\n    border: 1.5px solid rgba(0, 145, 255, 0.3);\n    padding: 10px 18px;\n    border-radius: 50px;\n    font-size: 0.82rem;\n    font-weight: 800;\n    color: #0F172A;\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n    z-index: 3;\n    animation: floatFloat 4s ease-in-out infinite alternate;\n}\n\n.float-badge.top-right { top: 10px; right: -10px; }\n.float-badge.bottom-left { bottom: 10px; left: -10px; }\n.float-badge.top-left { top: 10px; left: -10px; }\n.float-badge.bottom-right { bottom: 10px; right: -10px; }\n\n@keyframes floatFloat {\n    0% { transform: translateY(0px); }\n    100% { transform: translateY(-10px); }\n}\n\n\/* ==========================================================================\n   6. PURPLE\/PINK CTA BUTTON WITH GLOWING PULSE AURA & WAVE SWEEP\n   ========================================================================== *\/\n\n.cl-cta-wrapper {\n    text-align: center;\n    margin-top: 20px;\n}\n\n.cl-purple-pulse-btn {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 18px 48px;\n    border-radius: 50px;\n    background: linear-gradient(135deg, #7C3AED 0%, #A855F7 100%);\n    color: #FFFFFF !important;\n    text-decoration: none !important;\n    font-weight: 900;\n    font-size: 1.05rem;\n    letter-spacing: 0.5px;\n    box-shadow: 0 10px 30px rgba(124, 58, 237, 0.45);\n    overflow: hidden;\n    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n\/* Continuous Pulsing Outer Aura Ring *\/\n.pulse-aura-ring {\n    position: absolute;\n    inset: -2px;\n    border-radius: 50px;\n    border: 2px solid #A855F7;\n    animation: purplePulseAura 2s infinite;\n}\n\n@keyframes purplePulseAura {\n    0% { transform: scale(0.98); opacity: 0.9; }\n    100% { transform: scale(1.35); opacity: 0; }\n}\n\n\/* Glowing Wave Sweep Overlay *\/\n.wave-glow-sweep {\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 70%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.45), transparent);\n    transform: skewX(-25deg);\n    animation: ctaWaveSweep 2.8s infinite;\n}\n\n@keyframes ctaWaveSweep {\n    0% { left: -100%; }\n    100% { left: 200%; }\n}\n\n.btn-text {\n    position: relative;\n    z-index: 2;\n}\n\n.cl-purple-pulse-btn:hover {\n    transform: translateY(-4px) scale(1.04);\n    box-shadow: 0 18px 45px rgba(124, 58, 237, 0.75), 0 0 35px rgba(168, 85, 247, 0.6);\n}\n\n\/* ==========================================================================\n   7. RESPONSIVE MEDIA QUERIES\n   ========================================================================== *\/\n\n@media (max-width: 1024px) {\n    .cl-pathway-row {\n        grid-template-columns: 1fr;\n        text-align: center;\n    }\n\n    .cl-pathway-content {\n        align-items: center;\n    }\n\n    .float-badge {\n        display: none;\n    }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/\/ Load Canvas Confetti Library Dynamically if missing\nif (typeof confetti !== 'function') {\n    const script = document.createElement('script');\n    script.src = 'https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.5.1\/dist\/confetti.browser.min.js';\n    document.head.appendChild(script);\n}\n\ndocument.addEventListener('DOMContentLoaded', () => {\n\n    \/\/ 1. SUBTLE BACKGROUND CANVAS ENGINE\n    const canvas = document.getElementById('clBlock3Canvas');\n    if (canvas) {\n        const ctx = canvas.getContext('2d');\n        let width = canvas.width = canvas.parentElement.offsetWidth;\n        let height = canvas.height = canvas.parentElement.offsetHeight;\n\n        window.addEventListener('resize', () => {\n            width = canvas.width = canvas.parentElement.offsetWidth;\n            height = canvas.height = canvas.parentElement.offsetHeight;\n        });\n\n        const mathSymbols = ['\u221ax', '+', '-', '\u00d7', '\u00f7', '\u03c0', '\u2211', 'Mastery', '1:1 Live', 'OC', 'ICAS'];\n        const logoColors = ['#0091FF', '#FF6A00', '#00E5FF', '#7C3AED'];\n\n        const watermarks = Array.from({ length: 24 }, () => ({\n            x: Math.random() * width,\n            y: Math.random() * height,\n            symbol: mathSymbols[Math.floor(Math.random() * mathSymbols.length)],\n            color: logoColors[Math.floor(Math.random() * logoColors.length)],\n            fontSize: Math.random() * 18 + 14,\n            vx: (Math.random() - 0.5) * 0.25,\n            vy: (Math.random() - 0.5) * 0.25,\n            angle: Math.random() * Math.PI * 2,\n            vRot: (Math.random() - 0.5) * 0.005,\n            alpha: Math.random() * 0.12 + 0.06\n        }));\n\n        function drawBlock3Watermarks() {\n            ctx.clearRect(0, 0, width, height);\n\n            watermarks.forEach(item => {\n                item.x += item.vx;\n                item.y += item.vy;\n                item.angle += item.vRot;\n\n                if (item.x < -30 || item.x > width + 30) item.vx *= -1;\n                if (item.y < -30 || item.y > height + 30) item.vy *= -1;\n\n                ctx.save();\n                ctx.translate(item.x, item.y);\n                ctx.rotate(item.angle);\n                ctx.globalAlpha = item.alpha;\n\n                ctx.font = `800 ${item.fontSize}px 'Outfit', sans-serif`;\n                ctx.fillStyle = item.color;\n                ctx.fillText(item.symbol, 0, 0);\n\n                ctx.restore();\n            });\n\n            requestAnimationFrame(drawBlock3Watermarks);\n        }\n        drawBlock3Watermarks();\n    }\n\n    \/\/ 2. CONFETTI PHYSICS ON PURPLE PULSE CTA BUTTON CLICK\n    const ctaBtn = document.getElementById('purplePulseBtn');\n    if (ctaBtn) {\n        ctaBtn.addEventListener('click', () => {\n            if (typeof confetti === 'function') {\n                confetti({\n                    particleCount: 75,\n                    spread: 80,\n                    origin: { y: 0.75 },\n                    colors: ['#7C3AED', '#A855F7', '#0091FF', '#FF6A00']\n                });\n            }\n        });\n    }\n\n});\n<\/script>\n\n<div id=\"cl-block3-master\">\n    <section id=\"cl-block3-section\">\n        \n        <!-- SUBTLE BACKGROUND AMBIENT CANVAS -->\n        <canvas id=\"clBlock3Canvas\"><\/canvas>\n\n        <div class=\"cl-block3-container\">\n            \n            <!-- SECTION HEADER -->\n            <div class=\"cl-block3-header\">\n                <div class=\"cl-badge-prefix\">\n                    <span class=\"badge-dot-pulse\"><\/span>\n                    <span class=\"badge-text-shimmer\">HYBRID LEARNING ARCHITECTURE<\/span>\n                <\/div>\n\n                <h2 class=\"cl-block3-title\">\n                    Two Ways to Learn. <span class=\"shimmer-blue\">One Goal :<\/span> <span class=\"shimmer-orange\">Your Success.<\/span>\n                <\/h2>\n\n                <p class=\"cl-block3-subtitle\">\n                    Whether your child thrives through independent practice or excels with direct expert guidance, explore our delivery formats below.\n                <\/p>\n            <\/div>\n\n            <!-- ROW 1: CLA SELF-PACED PROGRAMS -->\n            <div class=\"cl-pathway-row\">\n                <div class=\"cl-pathway-content\">\n                    <span class=\"pathway-prefix blue\">CLA SELF-PACED PROGRAMS<\/span>\n                    <h3>Interactive Practice &amp; Mastery Engine<\/h3>\n                    <p class=\"pathway-desc\">\n                        Empower your child with complete control over their learning schedule. Our intelligent engine offers <strong>40+ topic mastery banks<\/strong>, automated topic drills, and full-length timed mock exams mapped to Australian curriculum standards.\n                    <\/p>\n\n                    <div class=\"pathway-features-grid\">\n                        <!-- Feature Item 1 (Blue Neon Hover Class Attached) -->\n                        <div class=\"feature-item feature-item-blue\">\n                            <span class=\"feature-icon\">\ud83d\udcca<\/span>\n                            <div>\n                                <strong>Complete Progress Tracking<\/strong>\n                                <small>Real-time analytics for parents with cohort standing comparisons.<\/small>\n                            <\/div>\n                        <\/div>\n                        <!-- Feature Item 2 (Blue Neon Hover Class Attached) -->\n                        <div class=\"feature-item feature-item-blue\">\n                            <span class=\"feature-icon\">\ud83c\udfaf<\/span>\n                            <div>\n                                <strong>Recommended Exam Pathways<\/strong>\n                                <small>Automated diagnostic mapping for OC, Selective, NAPLAN &amp; ICAS.<\/small>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- RIGHT VISUAL WITH MORPHING BLOB FRAME & IMAGE -->\n                <div class=\"cl-pathway-visual\">\n                    <div class=\"live-blob-wrapper blue-glow\">\n                        <div class=\"blob-frame\">\n                            <img decoding=\"async\" src=\"https:\/\/curiouslearneracademy.com\/australia\/wp-content\/uploads\/sites\/2\/2026\/08\/7.jpg\" alt=\"CLA Self-Paced Learning Engine\" class=\"blob-img\" title=\"Home\">\n                        <\/div>\n                        <!-- Floating Micro-Badges -->\n                        <div class=\"float-badge top-right\">40+ Topic Banks \u26a1<\/div>\n                        <div class=\"float-badge bottom-left\">Mock Exam Engine \ud83d\udcdd<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- ROW 2: PERSONALIZED 1-ON-1 LEARNING -->\n            <div class=\"cl-pathway-row reverse\">\n                <div class=\"cl-pathway-visual\">\n                    <div class=\"live-blob-wrapper orange-glow\">\n                        <div class=\"blob-frame\">\n                            <img decoding=\"async\" src=\"https:\/\/curiouslearneracademy.com\/australia\/wp-content\/uploads\/sites\/2\/2026\/08\/Expert-Guided-Learning-Human-Connection.png\" alt=\"Expert Guided Learning - Human Connection\" class=\"blob-img\" title=\"Home\">\n                        <\/div>\n                        <!-- Floating Micro-Badges -->\n                        <div class=\"float-badge top-left\">Dedicated Mentor \ud83d\udc68\u200d\ud83c\udfeb<\/div>\n                        <div class=\"float-badge bottom-right\">100% Adaptive Pace \ud83c\udfaf<\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"cl-pathway-content\">\n                    <span class=\"pathway-prefix orange\">1:1 LIVE PERSONALIZED CLASSES<\/span>\n                    <h3>Adaptive Expert Mentorship<\/h3>\n                    <p class=\"pathway-desc\">\n                        Experience a fully customized learning environment led by expert Australian educators. Our mentors adapt directly to your child&#8217;s unique pace, eliminating foundational learning gaps while fostering concept clarity and long-term academic self-belief.\n                    <\/p>\n\n                    <div class=\"pathway-features-grid\">\n                        <!-- Feature Item 3 (Orange Neon Hover Class Attached) -->\n                        <div class=\"feature-item feature-item-orange\">\n                            <span class=\"feature-icon\">\ud83d\udca1<\/span>\n                            <div>\n                                <strong>Pace-Adapted Lessons<\/strong>\n                                <small>Tailored step-by-step guidance designed around your child&#8217;s specific gaps.<\/small>\n                            <\/div>\n                        <\/div>\n                        <!-- Feature Item 4 (Orange Neon Hover Class Attached) -->\n                        <div class=\"feature-item feature-item-orange\">\n                            <span class=\"feature-icon\">\ud83c\udf1f<\/span>\n                            <div>\n                                <strong>School &amp; Exam Readiness<\/strong>\n                                <small>Combines daily school math support with high-stakes exam preparation.<\/small>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- PURPLE\/PINK CTA BUTTON WITH GLOWING PULSE & WAVE -->\n            <div class=\"cl-cta-wrapper\">\n                <!-- PLACEHOLDER LINK: Replace '#' with your actual Diagnostic Assessment page URL -->\n                <a href=\"#\" id=\"purplePulseBtn\" class=\"cl-purple-pulse-btn\">\n                    <span class=\"pulse-aura-ring\"><\/span>\n                    <span class=\"wave-glow-sweep\"><\/span>\n                    <span class=\"btn-text\">\u2728 Book Free Diagnostic Assessment \u2192<\/span>\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/section>\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');\n\n\/* WORDPRESS OVERFLOW UNLOCKS & RESETS *\/\n.wp-block-custom-html:has(#cl-ecosystem-master),\n.entry-content > .wp-block-custom-html:has(#cl-ecosystem-master),\n.wp-block-post-content > .wp-block-custom-html:has(#cl-ecosystem-master) {\n    height: auto !important;\n    min-height: 0 !important;\n    max-height: none !important;\n    overflow: visible !important;\n    box-sizing: border-box !important;\n}\n\n#cl-ecosystem-master,\n#cl-ecosystem-master * {\n    box-sizing: border-box !important;\n    -ms-overflow-style: none !important;\n    scrollbar-width: none !important;\n}\n\n#cl-ecosystem-master::-webkit-scrollbar,\n#cl-ecosystem-master *::-webkit-scrollbar {\n    display: none !important;\n    width: 0 !important;\n    height: 0 !important;\n    background: transparent !important;\n}\n\n\/* SECTION BASE BACKDROP *\/\n#cl-ecosystem-master {\n    width: 100% !important;\n    display: block !important;\n    position: relative !important;\n    background: #030712 !important;\n    color: #ffffff !important;\n    font-family: 'Outfit', sans-serif !important;\n    overflow: hidden !important;\n}\n\n#cl-ecosystem-section {\n    position: relative !important;\n    z-index: 2;\n    padding: clamp(60px, 8vw, 120px) 0 !important;\n    width: 100% !important;\n}\n\n.cl-ecosystem-container {\n    max-width: min(1380px, 94vw);\n    margin: 0 auto;\n    padding: 0 clamp(16px, 3vw, 24px);\n}\n\n\/* AURORA & PARTICLE BACKDROP *\/\n.cl-bg-glows {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    overflow: hidden;\n    z-index: 1;\n}\n\n.aurora-glow {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(140px);\n    opacity: 0.25;\n    animation: auroraPulse 8s ease-in-out infinite alternate;\n}\n\n.aura-purple { top: -100px; left: -100px; width: 600px; height: 600px; background: #7C3AED; }\n.aura-blue { top: 40%; right: -100px; width: 600px; height: 600px; background: #0091FF; animation-delay: 2s; }\n.aura-cyan { bottom: -100px; left: 30%; width: 500px; height: 500px; background: #00E5FF; animation-delay: 4s; }\n\n@keyframes auroraPulse {\n    0% { transform: scale(0.9); opacity: 0.2; }\n    100% { transform: scale(1.1); opacity: 0.35; }\n}\n\n#clEcosystemCanvas {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    pointer-events: none;\n}\n\n.cl-noise-overlay {\n    position: absolute;\n    inset: 0;\n    opacity: 0.03;\n    pointer-events: none;\n    z-index: 1;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\n}\n\n\/* HEADER STYLING *\/\n.ecosystem-header {\n    text-align: center;\n    margin-bottom: 35px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.header-tag-badge {\n    font-size: 0.75rem;\n    font-weight: 800;\n    color: #00E5FF;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    background: rgba(0, 229, 255, 0.1);\n    border: 1px solid rgba(0, 229, 255, 0.3);\n    padding: 6px 20px;\n    border-radius: 50px;\n    margin-bottom: 18px;\n    box-shadow: 0 0 20px rgba(0, 229, 255, 0.15);\n}\n\n.ecosystem-title {\n    font-size: clamp(2.2rem, 4.5vw, 3.8rem);\n    font-weight: 900;\n    color: #ffffff;\n    margin: 0 0 16px 0;\n    line-height: 1.15;\n}\n\n.shimmer-cyan {\n    background: linear-gradient(90deg, #00E5FF, #0091FF, #7C3AED, #00E5FF);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: textShimmer 4s linear infinite;\n}\n\n@keyframes textShimmer {\n    to { background-position: 200% center; }\n}\n\n.ecosystem-subtitle {\n    font-family: 'Inter', sans-serif;\n    font-size: clamp(0.95rem, 1.2vw, 1.12rem);\n    color: #94A3B8;\n    max-width: 780px;\n    margin: 0;\n    line-height: 1.65;\n}\n\n\/* CENTERED LAPTOP PREVIEW SHOWCASE *\/\n.ecosystem-laptop-showcase {\n    max-width: 820px;\n    margin: 0 auto clamp(45px, 6vw, 70px) auto;\n}\n\n.laptop-chassis {\n    background: #0F172A;\n    border: 1.5px solid rgba(255, 255, 255, 0.15);\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.8), 0 0 35px rgba(0, 229, 255, 0.2);\n}\n\n.laptop-top-bar {\n    background: #030712;\n    padding: 12px 18px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.window-dots { display: flex; gap: 6px; }\n.dot { width: 10px; height: 10px; border-radius: 50%; }\n.dot.red { background: #EF4444; }\n.dot.yellow { background: #F59E0B; }\n.dot.green { background: #10B981; }\n\n.system-title {\n    font-size: 0.68rem;\n    font-weight: 800;\n    color: #64748B;\n    letter-spacing: 1.2px;\n}\n\n.laptop-screen-content {\n    position: relative;\n    height: 320px;\n    background: #030712;\n    padding: 28px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n}\n\n.screen-grid-bg {\n    position: absolute;\n    inset: 0;\n    background-image: radial-gradient(#1e293b 1px, transparent 1px);\n    background-size: 16px 16px;\n    opacity: 0.4;\n    pointer-events: none;\n}\n\n.screen-header-block {\n    position: relative;\n    z-index: 2;\n}\n\n.screen-feature-tag {\n    font-size: 0.68rem;\n    font-weight: 900;\n    color: #00E5FF;\n    background: rgba(0, 229, 255, 0.1);\n    border: 1px solid rgba(0, 229, 255, 0.3);\n    padding: 4px 10px;\n    border-radius: 50px;\n    display: inline-block;\n    margin-bottom: 10px;\n}\n\n.screen-feature-title {\n    font-size: 1.5rem;\n    font-weight: 900;\n    color: #ffffff;\n    margin: 0 0 6px 0;\n}\n\n.screen-feature-desc {\n    font-family: 'Inter', sans-serif;\n    font-size: 0.85rem;\n    color: #94A3B8;\n    margin: 0;\n    line-height: 1.5;\n}\n\n.screen-ui-matrix {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n    margin: auto 0;\n    position: relative;\n    z-index: 2;\n}\n\n.ui-node {\n    background: rgba(15, 23, 42, 0.8);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 14px;\n    padding: 14px;\n}\n\n.node-id {\n    font-size: 0.85rem;\n    font-weight: 900;\n    display: block;\n    margin-bottom: 8px;\n}\n\n.node-cyan .node-id { color: #00E5FF; }\n.node-blue .node-id { color: #0091FF; }\n.node-purple .node-id { color: #7C3AED; }\n\n.node-lines .l1, .node-lines .l2 {\n    display: block;\n    height: 4px;\n    border-radius: 10px;\n    background: rgba(255, 255, 255, 0.1);\n}\n\n.node-lines .l1 { width: 70%; margin-bottom: 4px; }\n.node-lines .l2 { width: 40%; }\n\n.screen-footer-bar {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.72rem;\n    color: #64748B;\n    border-top: 1px solid rgba(255, 255, 255, 0.08);\n    padding-top: 14px;\n    position: relative;\n    z-index: 2;\n}\n\n.status-live { color: #10B981; font-weight: 800; }\n\n.laptop-base-stand {\n    width: 180px;\n    height: 10px;\n    background: #1E293B;\n    margin: 0 auto;\n    border-radius: 0 0 10px 10px;\n}\n\n\/* 14 FEATURE CARDS (BALANCED 2-COLUMN GRID) *\/\n.eco-grid-layout {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: clamp(18px, 2.5vw, 26px);\n    margin-bottom: clamp(60px, 8vw, 100px);\n}\n\n.eco-feature-card {\n    background: rgba(15, 23, 42, 0.65);\n    border: 1.5px solid rgba(255, 255, 255, 0.1);\n    border-radius: 22px;\n    padding: 24px 28px;\n    backdrop-filter: blur(16px);\n    cursor: pointer;\n    transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.35s ease, border-color 0.35s ease;\n}\n\n.card-top-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 12px;\n}\n\n.feature-tag {\n    font-size: 0.68rem;\n    font-weight: 900;\n    letter-spacing: 1.2px;\n    padding: 4px 12px;\n    border-radius: 50px;\n}\n\n.card-status-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    opacity: 0.4;\n    transition: opacity 0.3s ease, box-shadow 0.3s ease;\n}\n\n.eco-feature-card h3 {\n    font-size: 1.22rem;\n    font-weight: 900;\n    color: #ffffff;\n    margin: 0 0 10px 0;\n    transition: color 0.3s ease;\n}\n\n.eco-feature-card p {\n    font-family: 'Inter', sans-serif;\n    font-size: 0.86rem;\n    color: #94A3B8;\n    line-height: 1.6;\n    margin: 0;\n}\n\n\/* 14 DISTINCT NEON COLOR HOVER AND ACTIVE SHADOW RULES *\/\n.f-card-1  { --card-neon: #00E5FF; }\n.f-card-2  { --card-neon: #0091FF; }\n.f-card-3  { --card-neon: #7C3AED; }\n.f-card-4  { --card-neon: #10B981; }\n.f-card-5  { --card-neon: #EC4899; }\n.f-card-6  { --card-neon: #F59E0B; }\n.f-card-7  { --card-neon: #FF6A00; }\n.f-card-8  { --card-neon: #84CC16; }\n.f-card-9  { --card-neon: #D946EF; }\n.f-card-10 { --card-neon: #6366F1; }\n.f-card-11 { --card-neon: #14B8A6; }\n.f-card-12 { --card-neon: #D97706; }\n.f-card-13 { --card-neon: #F43F5E; }\n.f-card-14 { --card-neon: #8B5CF6; }\n\n.eco-feature-card .feature-tag {\n    color: var(--card-neon);\n    background: rgba(255, 255, 255, 0.05);\n    border: 1px solid var(--card-neon);\n}\n\n.eco-feature-card .card-status-dot { background: var(--card-neon); }\n\n.eco-feature-card:hover,\n.eco-feature-card.active {\n    transform: translateY(-5px) scale(1.02);\n    border-color: var(--card-neon);\n    background: rgba(15, 23, 42, 0.9);\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), 0 0 25px var(--card-neon);\n}\n\n.eco-feature-card:hover h3,\n.eco-feature-card.active h3 { color: var(--card-neon); }\n\n.eco-feature-card:hover .card-status-dot,\n.eco-feature-card.active .card-status-dot {\n    opacity: 1;\n    box-shadow: 0 0 10px var(--card-neon);\n}\n\n\/* WHY PARENTS LOVE IT CONTAINER & 16 UNIQUE NEON HOVER BADGES *\/\n.ecosystem-matrix-section {\n    background: linear-gradient(135deg, rgba(15, 23, 42, 0.85) 0%, rgba(11, 17, 32, 0.95) 100%) !important;\n    border: 1.5px solid rgba(0, 229, 255, 0.2) !important;\n    border-radius: 32px !important;\n    padding: clamp(32px, 5vw, 55px) !important;\n    margin-bottom: clamp(60px, 8vw, 90px) !important;\n    text-align: center !important;\n    backdrop-filter: blur(20px) !important;\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), inset 0 0 30px rgba(0, 229, 255, 0.05) !important;\n    position: relative !important;\n    z-index: 2 !important;\n}\n\n.ecosystem-matrix-section h3 {\n    font-size: clamp(1.8rem, 3vw, 2.4rem) !important;\n    font-weight: 900 !important;\n    color: #ffffff !important;\n    margin: 0 0 10px 0 !important;\n}\n\n.ecosystem-matrix-section p {\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.95rem !important;\n    color: #94A3B8 !important;\n    margin: 0 auto 32px auto !important;\n}\n\n.matrix-check-grid {\n    display: grid !important;\n    grid-template-columns: repeat(4, 1fr) !important;\n    gap: 14px !important;\n    text-align: left !important;\n}\n\n.check-item {\n    background: rgba(15, 23, 42, 0.7) !important;\n    border: 1.5px solid rgba(255, 255, 255, 0.08) !important;\n    padding: 14px 18px !important;\n    border-radius: 14px !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.88rem !important;\n    font-weight: 700 !important;\n    color: #CBD5E1 !important;\n    cursor: pointer !important;\n    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), \n                box-shadow 0.3s ease, \n                border-color 0.3s ease, \n                color 0.3s ease, \n                background-color 0.3s ease !important;\n}\n\n\/* 16 UNIQUE NEON COLORS FOR PARENTS MATRIX BADGES *\/\n.matrix-card-1  { --m-neon: #00E5FF; } \/* Cyan *\/\n.matrix-card-2  { --m-neon: #7C3AED; } \/* Purple *\/\n.matrix-card-3  { --m-neon: #0091FF; } \/* Electric Blue *\/\n.matrix-card-4  { --m-neon: #10B981; } \/* Emerald Green *\/\n.matrix-card-5  { --m-neon: #EC4899; } \/* Hot Pink *\/\n.matrix-card-6  { --m-neon: #F59E0B; } \/* Golden Amber *\/\n.matrix-card-7  { --m-neon: #FF6A00; } \/* Sunset Orange *\/\n.matrix-card-8  { --m-neon: #84CC16; } \/* Bright Lime *\/\n.matrix-card-9  { --m-neon: #D946EF; } \/* Magenta *\/\n.matrix-card-10 { --m-neon: #6366F1; } \/* Indigo *\/\n.matrix-card-11 { --m-neon: #14B8A6; } \/* Teal *\/\n.matrix-card-12 { --m-neon: #F43F5E; } \/* Neon Rose *\/\n.matrix-card-13 { --m-neon: #8B5CF6; } \/* Violet *\/\n.matrix-card-14 { --m-neon: #0284C7; } \/* Sky Blue *\/\n.matrix-card-15 { --m-neon: #FF4500; } \/* Coral *\/\n.matrix-card-16 { --m-neon: #EAB308; } \/* Gold *\/\n\n.check-item:hover {\n    transform: translateY(-4px) scale(1.02) !important;\n    background: rgba(15, 23, 42, 0.95) !important;\n    border-color: var(--m-neon) !important;\n    color: var(--m-neon) !important;\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5), 0 0 20px var(--m-neon) !important;\n}\n\n\/* FINAL CONVERSION CTA BLOCK *\/\n.ecosystem-final-cta {\n    position: relative;\n    background: linear-gradient(135deg, #0F172A 0%, #030712 100%);\n    border: 2px solid rgba(124, 58, 237, 0.3);\n    border-radius: 36px;\n    padding: clamp(40px, 6vw, 70px);\n    text-align: center;\n    overflow: hidden;\n    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.8);\n}\n\n.cta-aurora-glow {\n    position: absolute;\n    inset: -50%;\n    background: radial-gradient(circle, rgba(124, 58, 237, 0.25) 0%, rgba(0, 229, 255, 0.15) 50%, transparent 70%);\n    filter: blur(80px);\n    pointer-events: none;\n}\n\n.cta-content-wrapper {\n    position: relative;\n    z-index: 2;\n}\n\n.cta-mini-badge {\n    font-size: 0.72rem;\n    font-weight: 900;\n    color: #A855F7;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    background: rgba(168, 85, 247, 0.1);\n    border: 1px solid rgba(168, 85, 247, 0.3);\n    padding: 4px 14px;\n    border-radius: 50px;\n    display: inline-block;\n    margin-bottom: 16px;\n}\n\n.ecosystem-final-cta h2 {\n    font-size: clamp(2rem, 4vw, 3.2rem);\n    font-weight: 900;\n    color: #ffffff;\n    margin: 0 0 16px 0;\n    line-height: 1.18;\n}\n\n.ecosystem-final-cta p {\n    font-family: 'Inter', sans-serif;\n    font-size: clamp(0.95rem, 1.2vw, 1.12rem);\n    color: #CBD5E1;\n    max-width: 720px;\n    margin: 0 auto 32px auto;\n    line-height: 1.65;\n}\n\n.cta-button-group {\n    display: flex;\n    gap: 16px;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n\n.cl-neon-cta-btn {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 18px 42px;\n    border-radius: 50px;\n    background: linear-gradient(90deg, #7C3AED, #0091FF, #00E5FF);\n    color: #ffffff !important;\n    text-decoration: none !important;\n    font-weight: 900;\n    font-size: 1.05rem;\n    box-shadow: 0 0 35px rgba(0, 229, 255, 0.45);\n    overflow: hidden;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.cl-neon-cta-btn:hover {\n    transform: scale(1.04) translateY(-2px);\n    box-shadow: 0 0 55px rgba(0, 229, 255, 0.7);\n}\n\n.wave-sweep {\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 60%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);\n    transform: skewX(-20deg);\n    animation: waveSweep 3s infinite;\n}\n\n@keyframes waveSweep {\n    0% { left: -100%; }\n    100% { left: 200%; }\n}\n\n.btn-text { position: relative; z-index: 2; }\n\n.cl-secondary-btn {\n    background: #0F172A;\n    border: 1.5px solid rgba(255, 255, 255, 0.2);\n    color: #ffffff !important;\n    text-decoration: none !important;\n    padding: 18px 36px;\n    border-radius: 50px;\n    font-weight: 800;\n    font-size: 1rem;\n    transition: all 0.3s ease;\n}\n\n.cl-secondary-btn:hover {\n    background: #1E293B;\n    border-color: #00E5FF;\n    transform: translateY(-2px);\n}\n\n\/* RESPONSIVE MEDIA QUERIES *\/\n@media (max-width: 1024px) {\n    .eco-grid-layout { grid-template-columns: 1fr !important; }\n    .matrix-check-grid { grid-template-columns: repeat(2, 1fr) !important; }\n}\n\n@media (max-width: 640px) {\n    .matrix-check-grid { grid-template-columns: 1fr !important; }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', () => {\n\n    \/\/ 1. CARD CLICK & HOVER INTERACTION FOR LAPTOP PREVIEW\n    const featureCards = document.querySelectorAll('.eco-feature-card');\n    const laptopScreenTag = document.getElementById('laptopScreenTag');\n    const laptopScreenTitle = document.getElementById('laptopScreenTitle');\n    const laptopScreenDesc = document.getElementById('laptopScreenDesc');\n\n    function updateLaptopDisplay(card) {\n        featureCards.forEach(c => c.classList.remove('active'));\n        card.classList.add('active');\n\n        const tag = card.getAttribute('data-tag');\n        const title = card.getAttribute('data-title');\n        const desc = card.getAttribute('data-desc');\n        const color = card.getAttribute('data-color');\n\n        if (laptopScreenTag) {\n            laptopScreenTag.innerText = tag;\n            laptopScreenTag.style.color = color;\n            laptopScreenTag.style.borderColor = color;\n        }\n        if (laptopScreenTitle) laptopScreenTitle.innerText = title;\n        if (laptopScreenDesc) laptopScreenDesc.innerText = desc;\n    }\n\n    featureCards.forEach(card => {\n        card.addEventListener('click', () => updateLaptopDisplay(card));\n        card.addEventListener('mouseenter', () => updateLaptopDisplay(card));\n    });\n\n    \/\/ 2. BACKGROUND PARTICLE CANVAS ENGINE\n    const canvas = document.getElementById('clEcosystemCanvas');\n    if (canvas) {\n        const ctx = canvas.getContext('2d');\n        let width = canvas.width = canvas.parentElement.offsetWidth;\n        let height = canvas.height = canvas.parentElement.offsetHeight;\n\n        window.addEventListener('resize', () => {\n            width = canvas.width = canvas.parentElement.offsetWidth;\n            height = canvas.height = canvas.parentElement.offsetHeight;\n        });\n\n        const colors = ['#00E5FF', '#0091FF', '#7C3AED', '#FF6A00', '#EC4899'];\n        const particles = Array.from({ length: 35 }, () => ({\n            x: Math.random() * width,\n            y: Math.random() * height,\n            radius: Math.random() * 2 + 1,\n            color: colors[Math.floor(Math.random() * colors.length)],\n            vx: (Math.random() - 0.5) * 0.4,\n            vy: (Math.random() - 0.5) * 0.4,\n            alpha: Math.random() * 0.5 + 0.2\n        }));\n\n        function renderParticles() {\n            ctx.clearRect(0, 0, width, height);\n\n            particles.forEach(p => {\n                p.x += p.vx;\n                p.y += p.vy;\n\n                if (p.x < 0 || p.x > width) p.vx *= -1;\n                if (p.y < 0 || p.y > height) p.vy *= -1;\n\n                ctx.beginPath();\n                ctx.arc(p.x, p.y, p.radius, 0, Math.PI * 2);\n                ctx.fillStyle = p.color;\n                ctx.globalAlpha = p.alpha;\n                ctx.shadowBlur = 10;\n                ctx.shadowColor = p.color;\n                ctx.fill();\n            });\n\n            requestAnimationFrame(renderParticles);\n        }\n        renderParticles();\n    }\n\n});\n<\/script>\n\n<div id=\"cl-ecosystem-master\">\n    <section id=\"cl-ecosystem-section\">\n        \n        <!-- BACKGROUND AURORA GLOWS & CANVAS -->\n        <div class=\"cl-bg-glows\">\n            <div class=\"aurora-glow aura-purple\"><\/div>\n            <div class=\"aurora-glow aura-blue\"><\/div>\n            <div class=\"aurora-glow aura-cyan\"><\/div>\n        <\/div>\n        <canvas id=\"clEcosystemCanvas\"><\/canvas>\n        <div class=\"cl-noise-overlay\"><\/div>\n\n        <div class=\"cl-ecosystem-container\">\n            \n            <!-- SECTION HEADER -->\n            <div class=\"ecosystem-header\">\n                <span class=\"header-tag-badge\">Everything Your Child Needs to Succeed<\/span>\n                <h2 class=\"ecosystem-title\">\n                    One Platform. <span class=\"shimmer-cyan\">Endless Learning Opportunities.<\/span>\n                <\/h2>\n                <p class=\"ecosystem-subtitle\">\n                    From live lessons and personalised learning plans to practice tests, progress reports, and parent updates, Curious Learner Academy brings every part of your child&#8217;s learning journey together in one powerful online platform.\n                <\/p>\n            <\/div>\n\n            <!-- CENTERED LAPTOP PREVIEW SHOWCASE -->\n            <div class=\"ecosystem-laptop-showcase\">\n                <div class=\"laptop-chassis\">\n                    <div class=\"laptop-top-bar\">\n                        <div class=\"window-dots\">\n                            <span class=\"dot red\"><\/span>\n                            <span class=\"dot yellow\"><\/span>\n                            <span class=\"dot green\"><\/span>\n                        <\/div>\n                        <span class=\"system-title\">CURIOUS LEARNER OS v3.4 \/\/ ECOSYSTEM ENGINE<\/span>\n                        <div class=\"spacer\"><\/div>\n                    <\/div>\n\n                    <div class=\"laptop-screen-content\">\n                        <div class=\"screen-grid-bg\"><\/div>\n                        \n                        <div class=\"screen-header-block\">\n                            <span class=\"screen-feature-tag\" id=\"laptopScreenTag\">FEATURE 01<\/span>\n                            <h3 class=\"screen-feature-title\" id=\"laptopScreenTitle\">Live Interactive Classes<\/h3>\n                            <p class=\"screen-feature-desc\" id=\"laptopScreenDesc\">Real-time whiteboard, audio\/video streaming &amp; interactive Q&amp;A in engaging online classrooms.<\/p>\n                        <\/div>\n\n                        <div class=\"screen-ui-matrix\">\n                            <div class=\"ui-node node-cyan\">\n                                <span class=\"node-id\">01<\/span>\n                                <div class=\"node-lines\"><span class=\"l1\"><\/span><span class=\"l2\"><\/span><\/div>\n                            <\/div>\n                            <div class=\"ui-node node-blue\">\n                                <span class=\"node-id\">02<\/span>\n                                <div class=\"node-lines\"><span class=\"l1\"><\/span><span class=\"l2\"><\/span><\/div>\n                            <\/div>\n                            <div class=\"ui-node node-purple\">\n                                <span class=\"node-id\">03<\/span>\n                                <div class=\"node-lines\"><span class=\"l1\"><\/span><span class=\"l2\"><\/span><\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"screen-footer-bar\">\n                            <span>STATUS: SECURE_SYNC<\/span>\n                            <span class=\"status-live\">\u25cf LIVE PLATFORM ACTIVE<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"laptop-base-stand\"><\/div>\n            <\/div>\n\n            <!-- 14 FEATURE CARDS (BALANCED 2-COLUMN GRID) -->\n            <div class=\"eco-grid-layout\">\n                \n                <!-- FEATURE 01: Cyan -->\n                <div class=\"eco-feature-card f-card-1 active\" data-index=\"0\" data-tag=\"FEATURE 01\" data-title=\"Live Interactive Classes\" data-desc=\"Real-time whiteboard, audio\/video streaming &amp; interactive Q&amp;A in engaging online classrooms.\" data-color=\"#00E5FF\">\n                    <div class=\"card-top-row\">\n                        <span class=\"feature-tag\">FEATURE 01<\/span>\n                        <span class=\"card-status-dot\"><\/span>\n                    <\/div>\n                    <h3>\ud83c\udfa5 Live Interactive Classes<\/h3>\n                    <p>Learn from experienced teachers in engaging online classrooms. Join live lessons, ask questions in real time, solve problems together, and receive instant teacher feedback from anywhere in Australia.<\/p>\n                <\/div>\n\n                <!-- FEATURE 02: Electric Blue -->\n                <div class=\"eco-feature-card f-card-2\" data-index=\"1\" data-tag=\"FEATURE 02\" data-title=\"Personalised Dashboard\" data-desc=\"Customized learning path with active module tracking and recommended practice.\" data-color=\"#0091FF\">\n                    <div class=\"card-top-row\">\n                        <span class=\"feature-tag\">FEATURE 02<\/span>\n                        <span class=\"card-status-dot\"><\/span>\n                    <\/div>\n                    <h3>\ud83d\udcda Personalised Learning Dashboard<\/h3>\n                    <p>Every student receives a personalised dashboard that keeps everything organised in one place. View learning plans, track completed lessons, see upcoming classes, and monitor personal progress.<\/p>\n                <\/div>\n\n                <!-- FEATURE 03: Neon Purple -->\n                <div class=\"eco-feature-card f-card-3\" data-index=\"2\" data-tag=\"FEATURE 03\" data-title=\"Self-Paced Library\" data-desc=\"24\/7 access to HD video lessons, timestamped notes, and guided revision modules.\" data-color=\"#7C3AED\">\n                    <div class=\"card-top-row\">\n                        <span class=\"feature-tag\">FEATURE 03<\/span>\n                        <span class=\"card-status-dot\"><\/span>\n                    <\/div>\n                    <h3>\ud83e\udde0 Self-Paced Learning Library<\/h3>\n                    <p>Learning continues beyond the classroom. Students can revisit concepts whenever needed with HD video lessons, interactive learning modules, visual examples, and guided revision materials.<\/p>\n                <\/div>\n\n                <!-- FEATURE 04: Emerald Green -->\n                <div class=\"eco-feature-card f-card-4\" data-index=\"3\" data-tag=\"FEATURE 04\" data-title=\"Topic Practice Centre\" data-desc=\"Auto-marked interactive drills, worksheets, and dynamic difficulty adjustments.\" data-color=\"#10B981\">\n                    <div class=\"card-top-row\">\n                        <span class=\"feature-tag\">FEATURE 04<\/span>\n                        <span class=\"card-status-dot\"><\/span>\n                    <\/div>\n                    <h3>\u270d\ufe0f Topic Practice Centre<\/h3>\n                    <p>Master every concept through structured practice. Access topic-wise worksheets, interactive exercises, auto-marked quizzes, timed challenges, and difficulty-based questions.<\/p>\n                <\/div>\n\n                <!-- FEATURE 05: Hot Pink -->\n                <div class=\"eco-feature-card f-card-5\" data-index=\"4\" data-tag=\"FEATURE 05\" data-title=\"Assessments &amp; Mock Exams\" data-desc=\"Timed simulation papers with instant breakdown analytics for OC, Selective &amp; NAPLAN.\" data-color=\"#EC4899\">\n                    <div class=\"card-top-row\">\n                        <span class=\"feature-tag\">FEATURE 05<\/span>\n                        <span class=\"card-status-dot\"><\/span>\n                    <\/div>\n                    <h3>\ud83d\udcdd Assessments &amp; Mock Exams<\/h3>\n                    <p>Regular assessments build lasting exam confidence. Includes Topic Tests, Chapter Assessments, Mock Exams, Timed Practice Papers, and performance reviews.<\/p>\n                <\/div>\n\n                <!-- FEATURE 06: Golden Yellow -->\n                <div class=\"eco-feature-card f-card-6\" data-index=\"5\" data-tag=\"FEATURE 06\" data-title=\"Progress Analytics\" data-desc=\"Accuracy tracking, speed curves, completion rates, and learning consistency metrics.\" data-color=\"#F59E0B\">\n                    <div class=\"card-top-row\">\n                        <span class=\"feature-tag\">FEATURE 06<\/span>\n                        <span class=\"card-status-dot\"><\/span>\n                    <\/div>\n                    <h3>\ud83d\udcc8 Progress Analytics<\/h3>\n                    <p>Students and parents always know how learning is progressing. Track assessment scores, strengths, improvement areas, accuracy, completion rates, and consistency over time.<\/p>\n                <\/div>\n\n                <!-- FEATURE 07: Sunset Orange -->\n                <div class=\"eco-feature-card f-card-7\" data-index=\"6\" data-tag=\"FEATURE 07\" data-title=\"Parent Dashboard\" data-desc=\"Attendance logs, progress reports, milestone alerts, and direct teacher feedback sync.\" data-color=\"#FF6A00\">\n                    <div class=\"card-top-row\">\n                        <span class=\"feature-tag\">FEATURE 07<\/span>\n                        <span class=\"card-status-dot\"><\/span>\n                    <\/div>\n                    <h3>\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67 Parent Dashboard<\/h3>\n                    <p>Stay fully connected to your child&#8217;s learning journey. View progress reports, monitor attendance, track completed work, review assessment performance, and receive teacher feedback.<\/p>\n                <\/div>\n\n                <!-- FEATURE 08: Bright Lime -->\n                <div class=\"eco-feature-card f-card-8\" data-index=\"7\" data-tag=\"FEATURE 08\" data-title=\"AI Recommendations\" data-desc=\"Smart algorithmic study suggestions, revision reminders, and tailored lesson pathways.\" data-color=\"#84CC16\">\n                    <div class=\"card-top-row\">\n                        <span class=\"feature-tag\">FEATURE 08<\/span>\n                        <span class=\"card-status-dot\"><\/span>\n                    <\/div>\n                    <h3>\ud83c\udfaf AI-Powered Learning Recommendations<\/h3>\n                    <p>Our platform intelligently recommends the next best learning activities based on progress, including revision topics, skill improvement drills, and study pathways.<\/p>\n                <\/div>\n\n                <!-- FEATURE 09: Vivid Magenta -->\n                <div class=\"eco-feature-card f-card-9\" data-index=\"8\" data-tag=\"FEATURE 09\" data-title=\"Achievements &amp; Milestones\" data-desc=\"Unlocked badges, milestone awards, certificates, and learning streak multipliers.\" data-color=\"#D946EF\">\n                    <div class=\"card-top-row\">\n                        <span class=\"feature-tag\">FEATURE 09<\/span>\n                        <span class=\"card-status-dot\"><\/span>\n                    <\/div>\n                    <h3>\ud83c\udfc6 Achievements &amp; Milestones<\/h3>\n                    <p>Learning becomes more motivating when progress is celebrated. Unlock achievement badges, topic completion awards, performance certificates, and learning streak multipliers.<\/p>\n                <\/div>\n\n                <!-- FEATURE 10: Deep Indigo -->\n                <div class=\"eco-feature-card f-card-10\" data-index=\"9\" data-tag=\"FEATURE 10\" data-title=\"Homework Centre\" data-desc=\"File submissions, assignment tracking, teacher corrections, and feedback logs.\" data-color=\"#6366F1\">\n                    <div class=\"card-top-row\">\n                        <span class=\"feature-tag\">FEATURE 10<\/span>\n                        <span class=\"card-status-dot\"><\/span>\n                    <\/div>\n                    <h3>\ud83d\udcc2 Homework &amp; Assignment Centre<\/h3>\n                    <p>Everything organised in one place. Access homework, submit assignments, receive direct teacher corrections, download resources, and track completion deadlines.<\/p>\n                <\/div>\n\n                <!-- FEATURE 11: Electric Teal -->\n                <div class=\"eco-feature-card f-card-11\" data-index=\"10\" data-tag=\"FEATURE 11\" data-title=\"Digital Resource Library\" data-desc=\"24\/7 access to downloadable formula sheets, revision guides, and practice papers.\" data-color=\"#14B8A6\">\n                    <div class=\"card-top-row\">\n                        <span class=\"feature-tag\">FEATURE 11<\/span>\n                        <span class=\"card-status-dot\"><\/span>\n                    <\/div>\n                    <h3>\ud83d\udcd6 Digital Resource Library<\/h3>\n                    <p>An expanding 24\/7 collection of worksheets, formula sheets, revision guides, practice papers, learning notes, and downloadable exam strategy guides.<\/p>\n                <\/div>\n\n                <!-- FEATURE 12: Warm Amber -->\n                <div class=\"eco-feature-card f-card-12\" data-index=\"11\" data-tag=\"FEATURE 12\" data-title=\"Lesson Recordings\" data-desc=\"Revisit selected past sessions to reinforce understanding and revise complex topics.\" data-color=\"#D97706\">\n                    <div class=\"card-top-row\">\n                        <span class=\"feature-tag\">FEATURE 12<\/span>\n                        <span class=\"card-status-dot\"><\/span>\n                    <\/div>\n                    <h3>\ud83c\udfa5 Lesson Recordings<\/h3>\n                    <p>Never miss important learning. Students can revisit selected lessons to reinforce understanding and revise difficult concepts as part of their enrolled program.<\/p>\n                <\/div>\n\n                <!-- FEATURE 13: Neon Rose -->\n                <div class=\"eco-feature-card f-card-13\" data-index=\"12\" data-tag=\"FEATURE 13\" data-title=\"Doubt Support\" data-desc=\"Direct Q&amp;A support queue to resolve learning blockers between live sessions.\" data-color=\"#F43F5E\">\n                    <div class=\"card-top-row\">\n                        <span class=\"feature-tag\">FEATURE 13<\/span>\n                        <span class=\"card-status-dot\"><\/span>\n                    <\/div>\n                    <h3>\ud83d\udcac Doubt Support<\/h3>\n                    <p>Questions shouldn&#8217;t wait until the next class. Receive dedicated support through available doubt-clearing channels, keeping students confident and on track.<\/p>\n                <\/div>\n\n                <!-- FEATURE 14: Radiant Violet -->\n                <div class=\"eco-feature-card f-card-14\" data-index=\"13\" data-tag=\"FEATURE 14\" data-title=\"Smart Learning Schedule\" data-desc=\"Integrated calendar for live classes, test dates, homework deadlines, and revision alerts.\" data-color=\"#8B5CF6\">\n                    <div class=\"card-top-row\">\n                        <span class=\"feature-tag\">FEATURE 14<\/span>\n                        <span class=\"card-status-dot\"><\/span>\n                    <\/div>\n                    <h3>\ud83d\udcc5 Smart Learning Schedule<\/h3>\n                    <p>A personalised learning calendar keeps students organised. View upcoming classes, assessment dates, homework deadlines, revision reminders, and milestones.<\/p>\n                <\/div>\n\n            <\/div>\n\n            <!-- WHY PARENTS LOVE IT MATRIX (WITH 16 UNIQUE NEON HOVER BADGES & DARK THEME) -->\n            <div class=\"ecosystem-matrix-section\">\n                <h3>Why Parents Love It<\/h3>\n                <p>Instead of managing multiple learning platforms, everything is available through one organised, easy-to-use system.<\/p>\n\n                <div class=\"matrix-check-grid\">\n                    <div class=\"check-item matrix-card-1\">\u2714 Personalised Learning Plan<\/div>\n                    <div class=\"check-item matrix-card-2\">\u2714 Live Online Classes<\/div>\n                    <div class=\"check-item matrix-card-3\">\u2714 Interactive Learning Platform<\/div>\n                    <div class=\"check-item matrix-card-4\">\u2714 Practice Questions<\/div>\n                    <div class=\"check-item matrix-card-5\">\u2714 Topic Tests<\/div>\n                    <div class=\"check-item matrix-card-6\">\u2714 Mock Exams<\/div>\n                    <div class=\"check-item matrix-card-7\">\u2714 Progress Reports<\/div>\n                    <div class=\"check-item matrix-card-8\">\u2714 Parent Dashboard<\/div>\n                    <div class=\"check-item matrix-card-9\">\u2714 Teacher Feedback<\/div>\n                    <div class=\"check-item matrix-card-10\">\u2714 Homework Centre<\/div>\n                    <div class=\"check-item matrix-card-11\">\u2714 Resource Library<\/div>\n                    <div class=\"check-item matrix-card-12\">\u2714 Achievement Tracking<\/div>\n                    <div class=\"check-item matrix-card-13\">\u2714 Performance Analytics<\/div>\n                    <div class=\"check-item matrix-card-14\">\u2714 Revision Materials<\/div>\n                    <div class=\"check-item matrix-card-15\">\u2714 Flexible Learning<\/div>\n                    <div class=\"check-item matrix-card-16\">\u2714 Learn Anytime, Anywhere<\/div>\n                <\/div>\n            <\/div>\n\n            <!-- FINAL CONVERSION CTA BLOCK -->\n            <div class=\"ecosystem-final-cta\">\n                <div class=\"cta-aurora-glow\"><\/div>\n                <div class=\"cta-content-wrapper\">\n                    <span class=\"cta-mini-badge\">Complete Learning Experience<\/span>\n                    <h2>More Than Online Tuition.<br><span class=\"shimmer-cyan\">A Complete Ecosystem Designed Around Your Child.<\/span><\/h2>\n                    <p>Give your child access to expert teachers, personalised learning, interactive technology, and a structured pathway that builds confidence, skills, and long-term academic success.<\/p>\n                    \n                    <div class=\"cta-button-group\">\n                        <a href=\"#\" id=\"ecoMainCtaBtn\" class=\"cl-neon-cta-btn\">\n                            <span class=\"wave-sweep\"><\/span>\n                            <span class=\"btn-text\">Start with a Free Diagnostic Assessment \u2192<\/span>\n                        <\/a>\n                        <a href=\"#\" class=\"cl-secondary-btn\">\n                            Explore Our Learning Programs\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');\n\n\/* WORDPRESS OVERFLOW UNLOCKS & RESETS *\/\n.wp-block-custom-html:has(#cl-au-stories-master),\n.entry-content > .wp-block-custom-html:has(#cl-au-stories-master),\n.wp-block-post-content > .wp-block-custom-html:has(#cl-au-stories-master) {\n    height: auto !important;\n    min-height: 0 !important;\n    max-height: none !important;\n    overflow: visible !important;\n    box-sizing: border-box !important;\n}\n\n#cl-au-stories-master,\n#cl-au-stories-master * {\n    box-sizing: border-box !important;\n    -ms-overflow-style: none !important;\n    scrollbar-width: none !important;\n}\n\n#cl-au-stories-master::-webkit-scrollbar,\n#cl-au-stories-master *::-webkit-scrollbar {\n    display: none !important;\n    width: 0 !important;\n    height: 0 !important;\n    background: transparent !important;\n}\n\n\/* BASE CONTAINER & DARK BACKGROUND *\/\n#cl-au-stories-master {\n    width: 100% !important;\n    display: block !important;\n    position: relative !important;\n    background: #090A0F !important;\n    color: #FFFFFF !important;\n    font-family: 'Outfit', sans-serif !important;\n    overflow: hidden !important;\n}\n\n#cl-au-stories-section {\n    position: relative !important;\n    z-index: 2;\n    padding: clamp(50px, 7vw, 90px) 0 !important;\n    width: 100% !important;\n}\n\n.cl-au-container {\n    max-width: min(1320px, 94vw);\n    margin: 0 auto;\n    padding: 0 clamp(16px, 3vw, 24px);\n}\n\n\/* HEADER & VERIFIED BADGE WITH PULSING DOT *\/\n.cl-au-header {\n    text-align: center;\n    margin-bottom: 35px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.cl-verified-badge {\n    background: rgba(16, 185, 129, 0.08);\n    border: 1px solid rgba(16, 185, 129, 0.4);\n    padding: 6px 18px;\n    border-radius: 50px;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 0.72rem;\n    font-weight: 800;\n    letter-spacing: 1.5px;\n    color: #10B981;\n    margin-bottom: 18px;\n    box-shadow: 0 0 15px rgba(16, 185, 129, 0.2);\n}\n\n.badge-dot-pulse-green {\n    width: 8px;\n    height: 8px;\n    background-color: #10B981;\n    border-radius: 50%;\n    position: relative;\n    box-shadow: 0 0 8px #10B981;\n}\n\n.badge-dot-pulse-green::after {\n    content: '';\n    position: absolute;\n    inset: -4px;\n    border-radius: 50%;\n    border: 2px solid #10B981;\n    animation: greenPulseRing 1.8s infinite;\n}\n\n@keyframes greenPulseRing {\n    0% { transform: scale(0.8); opacity: 1; }\n    100% { transform: scale(2.4); opacity: 0; }\n}\n\n.cl-au-title {\n    font-size: clamp(2.3rem, 4.5vw, 3.8rem);\n    font-weight: 900;\n    color: #FFFFFF;\n    margin: 0 0 12px 0;\n    line-height: 1.15;\n}\n\n.shimmer-purple-pink {\n    background: linear-gradient(90deg, #A855F7, #EC4899, #00E5FF, #A855F7);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: textShimmer 4s linear infinite;\n}\n\n@keyframes textShimmer {\n    to { background-position: 200% center; }\n}\n\n.cl-au-subtitle {\n    font-family: 'Inter', sans-serif;\n    font-size: clamp(0.95rem, 1.2vw, 1.1rem);\n    color: #94A3B8;\n    margin: 0;\n}\n\n\/* CONTINUOUS MARQUEE SLIDER TRACK *\/\n.cl-slider-window {\n    width: 100%;\n    overflow: hidden;\n    margin-bottom: 45px;\n    position: relative;\n    mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);\n    -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);\n}\n\n.cl-marquee-track {\n    display: flex;\n    gap: 20px;\n    width: max-content;\n    animation: continuousMarquee 40s linear infinite;\n}\n\n\/* Pause scroll when hovering over cards *\/\n.cl-slider-window:hover .cl-marquee-track {\n    animation-play-state: paused;\n}\n\n@keyframes continuousMarquee {\n    0% { transform: translateX(0); }\n    100% { transform: translateX(-50%); }\n}\n\n.au-story-card {\n    width: 290px;\n    flex-shrink: 0;\n    background: #12141D;\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 20px;\n    padding: 22px 20px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n    cursor: pointer;\n}\n\n.au-story-card:hover {\n    transform: translateY(-5px);\n    border-color: rgba(0, 229, 255, 0.5);\n    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6), 0 0 20px rgba(0, 229, 255, 0.25);\n}\n\n.card-tag {\n    font-size: 0.65rem;\n    font-weight: 900;\n    letter-spacing: 0.8px;\n    padding: 4px 12px;\n    border-radius: 6px;\n    align-self: flex-start;\n    margin-bottom: 14px;\n}\n\n.tag-cyan { background: rgba(0, 229, 255, 0.12); color: #00E5FF; border: 1px solid rgba(0, 229, 255, 0.25); }\n.tag-purple { background: rgba(168, 85, 247, 0.12); color: #A855F7; border: 1px solid rgba(168, 85, 247, 0.25); }\n.tag-pink { background: rgba(236, 72, 153, 0.12); color: #EC4899; border: 1px solid rgba(236, 72, 153, 0.25); }\n\n.quote-text {\n    font-family: 'Inter', sans-serif;\n    font-size: 0.85rem;\n    color: #CBD5E1;\n    line-height: 1.55;\n    margin: 0 0 20px 0;\n    min-height: 72px;\n}\n\n.student-profile {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 16px;\n}\n\n.profile-avatar {\n    width: 38px;\n    height: 38px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 800;\n    font-size: 0.85rem;\n    color: #FFFFFF;\n}\n\n.bg-blue { background: linear-gradient(135deg, #0091FF, #00E5FF); }\n.bg-purple { background: linear-gradient(135deg, #7C3AED, #A855F7); }\n.bg-pink { background: linear-gradient(135deg, #EC4899, #F43F5E); }\n.bg-teal { background: linear-gradient(135deg, #0D9488, #14B8A6); }\n\n.profile-info h4 {\n    font-size: 0.92rem;\n    font-weight: 800;\n    color: #FFFFFF;\n    margin: 0;\n}\n\n.profile-info small {\n    font-size: 0.72rem;\n    color: #64748B;\n    font-family: 'Inter', sans-serif;\n}\n\n.card-dotted-line {\n    border-top: 1px dashed rgba(255, 255, 255, 0.12);\n    margin-bottom: 14px;\n}\n\n.card-metric {\n    display: flex;\n    align-items: baseline;\n    gap: 8px;\n}\n\n.card-metric strong {\n    font-size: 1.25rem;\n    font-weight: 900;\n}\n\n.card-metric span {\n    font-size: 0.65rem;\n    font-weight: 800;\n    letter-spacing: 0.8px;\n    color: #94A3B8;\n}\n\n.font-cyan strong { color: #00E5FF; }\n.font-purple strong { color: #A855F7; }\n.font-pink strong { color: #EC4899; }\n.font-teal strong { color: #14B8A6; }\n\n\/* 3 CORE PILLARS GRID WITH NEON HOVER SHADOWS *\/\n.cl-pillars-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    margin-bottom: 40px;\n}\n\n.pillar-card {\n    background: #12141D;\n    border: 1.5px solid rgba(255, 255, 255, 0.08);\n    border-radius: 20px;\n    padding: 28px 24px;\n    text-align: center;\n    cursor: pointer;\n    transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.35s ease, border-color 0.35s ease;\n}\n\n.pillar-card.pillar-1:hover {\n    transform: translateY(-5px) scale(1.02);\n    border-color: #00E5FF;\n    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.6), 0 0 25px rgba(0, 229, 255, 0.4);\n}\n\n.pillar-card.pillar-2:hover {\n    transform: translateY(-5px) scale(1.02);\n    border-color: #A855F7;\n    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.6), 0 0 25px rgba(168, 85, 247, 0.4);\n}\n\n.pillar-card.pillar-3:hover {\n    transform: translateY(-5px) scale(1.02);\n    border-color: #EC4899;\n    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.6), 0 0 25px rgba(236, 72, 153, 0.4);\n}\n\n.pillar-icon {\n    font-size: 1.8rem;\n    margin-bottom: 12px;\n}\n\n.pillar-card h3 {\n    font-size: 1.05rem;\n    font-weight: 900;\n    color: #FFFFFF;\n    letter-spacing: 1.2px;\n    margin: 0 0 10px 0;\n}\n\n.pillar-card p {\n    font-family: 'Inter', sans-serif;\n    font-size: 0.85rem;\n    color: #94A3B8;\n    line-height: 1.6;\n    margin: 0;\n}\n\n\/* BOTTOM DIAGNOSTIC CTA CARD *\/\n.cl-au-cta-card {\n    background: linear-gradient(135deg, #12141D 0%, #0D0E15 100%);\n    border: 1.5px solid rgba(168, 85, 247, 0.35);\n    border-radius: 28px;\n    padding: clamp(32px, 5vw, 50px);\n    text-align: center;\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), inset 0 0 25px rgba(168, 85, 247, 0.08);\n}\n\n.cl-au-cta-card h2 {\n    font-size: clamp(1.8rem, 3.5vw, 2.8rem);\n    font-weight: 900;\n    color: #FFFFFF;\n    margin: 0 0 10px 0;\n}\n\n.cl-au-cta-card p {\n    font-family: 'Inter', sans-serif;\n    font-size: clamp(0.9rem, 1.1vw, 1.05rem);\n    color: #94A3B8;\n    margin: 0 auto 28px auto;\n    max-width: 600px;\n}\n\n.cl-au-cta-btn {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 16px 42px;\n    border-radius: 50px;\n    background: linear-gradient(90deg, #7C3AED 0%, #EC4899 100%);\n    color: #FFFFFF !important;\n    text-decoration: none !important;\n    font-weight: 900;\n    font-size: 0.95rem;\n    letter-spacing: 0.8px;\n    box-shadow: 0 10px 30px rgba(124, 58, 237, 0.45);\n    overflow: hidden;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.wave-glow-sweep {\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 60%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);\n    transform: skewX(-20deg);\n    animation: waveSweep 3s infinite;\n}\n\n@keyframes waveSweep {\n    0% { left: -100%; }\n    100% { left: 200%; }\n}\n\n.btn-text { position: relative; z-index: 2; }\n\n.cl-au-cta-btn:hover {\n    transform: translateY(-3px) scale(1.03);\n    box-shadow: 0 16px 40px rgba(124, 58, 237, 0.7);\n}\n\n\/* RESPONSIVE BREAKPOINTS *\/\n@media (max-width: 1024px) {\n    .cl-pillars-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/\/ Load Canvas Confetti Library Dynamically if missing\nif (typeof confetti !== 'function') {\n    const script = document.createElement('script');\n    script.src = 'https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.5.1\/dist\/confetti.browser.min.js';\n    document.head.appendChild(script);\n}\n\ndocument.addEventListener('DOMContentLoaded', () => {\n\n    \/\/ CONFETTI BURST ON DIAGNOSTIC CTA BUTTON CLICK\n    const auCtaBtn = document.getElementById('auBookDiagnosticBtn');\n    if (auCtaBtn) {\n        auCtaBtn.addEventListener('click', () => {\n            if (typeof confetti === 'function') {\n                confetti({\n                    particleCount: 85,\n                    spread: 85,\n                    origin: { y: 0.75 },\n                    colors: ['#7C3AED', '#EC4899', '#00E5FF', '#A855F7']\n                });\n            }\n        });\n    }\n\n});\n<\/script>\n\n<div id=\"cl-au-stories-master\">\n    <section id=\"cl-au-stories-section\">\n        \n        <div class=\"cl-au-container\">\n            \n            <!-- 1. HEADER SECTION WITH PULSING VERIFIED BADGE -->\n            <div class=\"cl-au-header\">\n                <div class=\"cl-verified-badge\">\n                    <span class=\"badge-dot-pulse-green\"><\/span>\n                    <span>VERIFIED RESULTS<\/span>\n                <\/div>\n\n                <h2 class=\"cl-au-title\">\n                    CLA AU <span class=\"shimmer-purple-pink\">Success Stories<\/span>\n                <\/h2>\n\n                <p class=\"cl-au-subtitle\">\n                    Bridging the gap between school reports and global excellence.\n                <\/p>\n            <\/div>\n\n            <!-- 2. CONTINUOUS SLOW-MOVING MARQUEE CAROUSEL -->\n            <div class=\"cl-slider-window\">\n                <div class=\"cl-marquee-track\">\n                    \n                    <!-- ORIGINAL CARD SET -->\n                    <div class=\"au-story-card\">\n                        <span class=\"card-tag tag-cyan\">ICAS DISTINCTION<\/span>\n                        <p class=\"quote-text\">&#8220;Achieved a High Distinction in ICAS Mathematics! The higher-order reasoning drills made all the difference.&#8221;<\/p>\n                        <div class=\"student-profile\">\n                            <div class=\"profile-avatar bg-blue\">SK<\/div>\n                            <div class=\"profile-info\">\n                                <h4>Siddharth K. \ud83c\udde6\ud83c\uddfa<\/h4>\n                                <small>Sydney, AU<\/small>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-dotted-line\"><\/div>\n                        <div class=\"card-metric font-cyan\">\n                            <strong>Top 1%<\/strong> <span>ICAS AWARD<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"au-story-card\">\n                        <span class=\"card-tag tag-purple\">OC PREPARATION<\/span>\n                        <p class=\"quote-text\">&#8220;The Opportunity Class mock test series helped my daughter master mathematical reasoning under time pressure.&#8221;<\/p>\n                        <div class=\"student-profile\">\n                            <div class=\"profile-avatar bg-purple\">AL<\/div>\n                            <div class=\"profile-info\">\n                                <h4>Amanda L. \ud83c\udde6\ud83c\uddfa<\/h4>\n                                <small>Parramatta, AU<\/small>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-dotted-line\"><\/div>\n                        <div class=\"card-metric font-purple\">\n                            <strong>OC<\/strong> <span>QUALIFIED<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"au-story-card\">\n                        <span class=\"card-tag tag-pink\">NAPLAN BAND 10<\/span>\n                        <p class=\"quote-text\">&#8220;Ethan hit Top Band 10 across Numeracy and Language Conventions. The parent dashboard reports were brilliant.&#8221;<\/p>\n                        <div class=\"student-profile\">\n                            <div class=\"profile-avatar bg-pink\">RG<\/div>\n                            <div class=\"profile-info\">\n                                <h4>Rahul G. \ud83c\udde6\ud83c\uddfa<\/h4>\n                                <small>Melbourne, AU<\/small>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-dotted-line\"><\/div>\n                        <div class=\"card-metric font-pink\">\n                            <strong>Band 10<\/strong> <span>NAPLAN SCORE<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"au-story-card\">\n                        <span class=\"card-tag tag-cyan\">MATH OLYMPIAD<\/span>\n                        <p class=\"quote-text\">&#8220;Extremely challenging curriculum for advanced students. CLA logic drills school couldn&#8217;t provide.&#8221;<\/p>\n                        <div class=\"student-profile\">\n                            <div class=\"profile-avatar bg-teal\">CP<\/div>\n                            <div class=\"profile-info\">\n                                <h4>Chris P. \ud83c\udde6\ud83c\uddfa<\/h4>\n                                <small>Brisbane, AU<\/small>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-dotted-line\"><\/div>\n                        <div class=\"card-metric font-teal\">\n                            <strong>Gold<\/strong> <span>OLYMPIAD TIER<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"au-story-card\">\n                        <span class=\"card-tag tag-purple\">SELECTIVE SCHOOL<\/span>\n                        <p class=\"quote-text\">&#8220;Secured entry into Sydney Boys High! The timed exam simulations build confidence and speed.&#8221;<\/p>\n                        <div class=\"student-profile\">\n                            <div class=\"profile-avatar bg-purple\">JT<\/div>\n                            <div class=\"profile-info\">\n                                <h4>Jason T. \ud83c\udde6\ud83c\uddfa<\/h4>\n                                <small>Chatswood, AU<\/small>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-dotted-line\"><\/div>\n                        <div class=\"card-metric font-purple\">\n                            <strong>Top 2%<\/strong> <span>SELECTIVE SCORE<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"au-story-card\">\n                        <span class=\"card-tag tag-pink\">NAPLAN BAND 10<\/span>\n                        <p class=\"quote-text\">&#8220;Achieved top band results in Year 5 NAPLAN. The structured diagnostic mapping saved us months of guesswork.&#8221;<\/p>\n                        <div class=\"student-profile\">\n                            <div class=\"profile-avatar bg-pink\">SM<\/div>\n                            <div class=\"profile-info\">\n                                <h4>Sarah M. \ud83c\udde6\ud83c\uddfa<\/h4>\n                                <small>Adelaide, AU<\/small>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-dotted-line\"><\/div>\n                        <div class=\"card-metric font-pink\">\n                            <strong>Band 10<\/strong> <span>NAPLAN SCORE<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <!-- DUPLICATE CARD SET FOR SEAMLESS INFINITE LOOPING -->\n                    <div class=\"au-story-card\">\n                        <span class=\"card-tag tag-cyan\">ICAS DISTINCTION<\/span>\n                        <p class=\"quote-text\">&#8220;Achieved a High Distinction in ICAS Mathematics! The higher-order reasoning drills made all the difference.&#8221;<\/p>\n                        <div class=\"student-profile\">\n                            <div class=\"profile-avatar bg-blue\">SK<\/div>\n                            <div class=\"profile-info\">\n                                <h4>Siddharth K. \ud83c\udde6\ud83c\uddfa<\/h4>\n                                <small>Sydney, AU<\/small>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-dotted-line\"><\/div>\n                        <div class=\"card-metric font-cyan\">\n                            <strong>Top 1%<\/strong> <span>ICAS AWARD<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"au-story-card\">\n                        <span class=\"card-tag tag-purple\">OC PREPARATION<\/span>\n                        <p class=\"quote-text\">&#8220;The Opportunity Class mock test series helped my daughter master mathematical reasoning under time pressure.&#8221;<\/p>\n                        <div class=\"student-profile\">\n                            <div class=\"profile-avatar bg-purple\">AL<\/div>\n                            <div class=\"profile-info\">\n                                <h4>Amanda L. \ud83c\udde6\ud83c\uddfa<\/h4>\n                                <small>Parramatta, AU<\/small>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-dotted-line\"><\/div>\n                        <div class=\"card-metric font-purple\">\n                            <strong>OC<\/strong> <span>QUALIFIED<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"au-story-card\">\n                        <span class=\"card-tag tag-pink\">NAPLAN BAND 10<\/span>\n                        <p class=\"quote-text\">&#8220;Ethan hit Top Band 10 across Numeracy and Language Conventions. The parent dashboard reports were brilliant.&#8221;<\/p>\n                        <div class=\"student-profile\">\n                            <div class=\"profile-avatar bg-pink\">RG<\/div>\n                            <div class=\"profile-info\">\n                                <h4>Rahul G. \ud83c\udde6\ud83c\uddfa<\/h4>\n                                <small>Melbourne, AU<\/small>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-dotted-line\"><\/div>\n                        <div class=\"card-metric font-pink\">\n                            <strong>Band 10<\/strong> <span>NAPLAN SCORE<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"au-story-card\">\n                        <span class=\"card-tag tag-cyan\">MATH OLYMPIAD<\/span>\n                        <p class=\"quote-text\">&#8220;Extremely challenging curriculum for advanced students. CLA logic drills school couldn&#8217;t provide.&#8221;<\/p>\n                        <div class=\"student-profile\">\n                            <div class=\"profile-avatar bg-teal\">CP<\/div>\n                            <div class=\"profile-info\">\n                                <h4>Chris P. \ud83c\udde6\ud83c\uddfa<\/h4>\n                                <small>Brisbane, AU<\/small>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-dotted-line\"><\/div>\n                        <div class=\"card-metric font-teal\">\n                            <strong>Gold<\/strong> <span>OLYMPIAD TIER<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"au-story-card\">\n                        <span class=\"card-tag tag-purple\">SELECTIVE SCHOOL<\/span>\n                        <p class=\"quote-text\">&#8220;Secured entry into Sydney Boys High! The timed exam simulations build confidence and speed.&#8221;<\/p>\n                        <div class=\"student-profile\">\n                            <div class=\"profile-avatar bg-purple\">JT<\/div>\n                            <div class=\"profile-info\">\n                                <h4>Jason T. \ud83c\udde6\ud83c\uddfa<\/h4>\n                                <small>Chatswood, AU<\/small>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-dotted-line\"><\/div>\n                        <div class=\"card-metric font-purple\">\n                            <strong>Top 2%<\/strong> <span>SELECTIVE SCORE<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"au-story-card\">\n                        <span class=\"card-tag tag-pink\">NAPLAN BAND 10<\/span>\n                        <p class=\"quote-text\">&#8220;Achieved top band results in Year 5 NAPLAN. The structured diagnostic mapping saved us months of guesswork.&#8221;<\/p>\n                        <div class=\"student-profile\">\n                            <div class=\"profile-avatar bg-pink\">SM<\/div>\n                            <div class=\"profile-info\">\n                                <h4>Sarah M. \ud83c\udde6\ud83c\uddfa<\/h4>\n                                <small>Adelaide, AU<\/small>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-dotted-line\"><\/div>\n                        <div class=\"card-metric font-pink\">\n                            <strong>Band 10<\/strong> <span>NAPLAN SCORE<\/span>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n            <!-- 3. CORE PILLARS GRID WITH NEON HOVER SHADOWS -->\n            <div class=\"cl-pillars-grid\">\n                <div class=\"pillar-card pillar-1\">\n                    <div class=\"pillar-icon\">\ud83d\udd0d<\/div>\n                    <h3>TRANSPARENCY<\/h3>\n                    <p>No more vague &#8220;At Level&#8221; reports. We show you exactly where the gaps are with data-driven clarity.<\/p>\n                <\/div>\n\n                <div class=\"pillar-card pillar-2\">\n                    <div class=\"pillar-icon\">\ud83d\udcc8<\/div>\n                    <h3>EXCELLENCE<\/h3>\n                    <p>We target the top 5% of global benchmarks, ensuring AU students are ready for any world-class challenge.<\/p>\n                <\/div>\n\n                <div class=\"pillar-card pillar-3\">\n                    <div class=\"pillar-icon\">\ud83e\uddec<\/div>\n                    <h3>INQUIRY<\/h3>\n                    <p>Our curriculum builds logic and critical thinking, teaching children how to think, not just recall facts.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- 4. BOTTOM DIAGNOSTIC ASSESSMENT CTA CARD -->\n            <div class=\"cl-au-cta-card\">\n                <h2>Ready to find your gaps?<\/h2>\n                <p>Join hundreds of Aussie families. Start with a comprehensive Diagnostic Assessment.<\/p>\n                \n                <a href=\"#\" id=\"auBookDiagnosticBtn\" class=\"cl-au-cta-btn\">\n                    <span class=\"wave-glow-sweep\"><\/span>\n                    <span class=\"btn-text\">BOOK DIAGNOSTIC NOW \u25bc<\/span>\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Live 1-on-1 Mentorship Surgical Gap Remediation \ud83c\udde6\ud83c\uddfa ACARA &amp; AUSTRALIAN CURRICULUM ALIGNED Ignite Curiosity, Inspire Learning Curious Learner Academy is [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"curiouslearneroffice@gmail.com","author_link":"https:\/\/curiouslearneracademy.com\/australia\/author\/curiouslearnerofficegmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Live 1-on-1 Mentorship Surgical Gap Remediation \ud83c\udde6\ud83c\uddfa ACARA &amp; AUSTRALIAN CURRICULUM ALIGNED Ignite Curiosity, Inspire Learning Curious Learner Academy is [&hellip;]","_links":{"self":[{"href":"https:\/\/curiouslearneracademy.com\/australia\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/curiouslearneracademy.com\/australia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/curiouslearneracademy.com\/australia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/curiouslearneracademy.com\/australia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/curiouslearneracademy.com\/australia\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":52,"href":"https:\/\/curiouslearneracademy.com\/australia\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":1923,"href":"https:\/\/curiouslearneracademy.com\/australia\/wp-json\/wp\/v2\/pages\/25\/revisions\/1923"}],"wp:attachment":[{"href":"https:\/\/curiouslearneracademy.com\/australia\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}