Dynamic Diagnostic Matrix Hub<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;900&display=swap');\n\n \/* RESET & BASE *\/\n html, body {\n margin: 0; padding: 0; width: 100%; overflow-x: hidden;\n font-family: 'Outfit', sans-serif; background-color: #ffffff;\n }\n\n :root {\n --cyan: #00e7ff; --pink: #ff007a; --green: #00ff88;\n --border: #e2e8f0;\n }\n\n \/* CONTAINER ALIGNED CLOSE TO TOP *\/\n .container { \n max-width: 1200px; \n margin: 0 auto; \n padding: 20px 20px 80px; \/* Minimal top padding *\/\n text-align: center; \n }\n\n \/* --- 1. DYNAMIC EXTRA LARGE HEADING --- *\/\n .live-badge {\n display: inline-block; padding: 10px 25px;\n background: linear-gradient(90deg, #6366f1, #a855f7, #ec4899);\n color: #fff; border-radius: 100px; font-weight: 800; font-size: 0.75rem;\n letter-spacing: 2px; text-transform: uppercase; margin-bottom: 20px;\n }\n\n h1 {\n font-size: clamp(4rem, 12vw, 8.5rem); \/* Extra Large Impact *\/\n font-weight: 900; margin: 0; text-transform: uppercase; line-height: 0.85;\n background: linear-gradient(to right, #11cdef 20%, #11cdef 40%, #e91e63 60%, #e91e63 80%);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: shine 4s linear infinite;\n }\n\n @keyframes shine { to { background-position: 200% center; } }\n\n .sub-desc { max-width: 850px; margin: 30px auto; color: #64748b; font-size: 1.4rem; line-height: 1.5; }\n\n \/* --- 2. 3D FLIP GRID (ASSESS, PLAN, PROGRESS) --- *\/\n .how-title { color: #11cdef; font-size: 2.5rem; font-weight: 900; text-transform: uppercase; margin: 80px 0 50px; }\n\n .step-row {\n display: grid;\n grid-template-columns: repeat(3, 1fr); \/* Forced horizontal line *\/\n gap: 25px;\n perspective: 1200px;\n }\n\n .flip-card {\n height: 380px;\n cursor: pointer;\n position: relative;\n transform-style: preserve-3d;\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .flip-card.is-flipped { transform: rotateY(180deg); }\n\n .flip-front, .flip-back {\n position: absolute; width: 100%; height: 100%;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n border-radius: 40px; display: flex; flex-direction: column;\n justify-content: center; align-items: center; padding: 40px;\n box-sizing: border-box; box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .flip-front { background: #000; color: #fff; }\n .flip-back { transform: rotateY(180deg); color: #000; text-align: center; }\n .flip-back p { font-size: 1.2rem; font-weight: 700; line-height: 1.6; margin: 0; }\n\n .step-badge {\n position: absolute; top: -15px; left: 35px;\n background: #fff; color: #000; width: 45px; height: 45px;\n display: flex; align-items: center; justify-content: center;\n border-radius: 12px; font-weight: 900; font-size: 1.2rem;\n }\n\n .flip-front h3 { font-size: 2.5rem; font-weight: 900; text-transform: uppercase; margin: 0; }\n\n \/* --- UNIQUE HOVER & FLIP COLORS --- *\/\n .card-assess:hover { box-shadow: 0 0 45px rgba(0, 231, 255, 0.5); }\n .card-assess .flip-back { background: var(--cyan); }\n .card-assess .flip-front h3 { color: var(--cyan); }\n\n .card-plan:hover { box-shadow: 0 0 45px rgba(255, 0, 122, 0.5); }\n .card-plan .flip-back { background: var(--pink); }\n .card-plan .flip-front h3 { color: var(--pink); }\n\n .card-progress:hover { box-shadow: 0 0 45px rgba(0, 255, 136, 0.5); }\n .card-progress .flip-back { background: var(--green); }\n .card-progress .flip-front h3 { color: var(--green); }\n\n @media (max-width: 950px) {\n .step-row { grid-template-columns: 1fr; gap: 40px; }\n h1 { font-size: 4rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"container\">\n <div class=\"live-badge\">See Exactly Where Your Child Stands<\/div>\n <h1>FAQ & Diagnostic Matrix<\/h1>\n <p class=\"sub-desc\">\n Our interactive Diagnostic Matrix gives you a clear picture of your child\u2019s learning \u2014 strengths, gaps, and progression. <b>Think of it as your child\u2019s academic roadmap.<\/b>\n <\/p>\n\n <h2 class=\"how-title\">How It Works<\/h2>\n \n <div class=\"step-row\">\n <div class=\"flip-card card-assess\" onclick=\"this.classList.toggle('is-flipped')\">\n <div class=\"flip-front\">\n <div class=\"step-badge\">1<\/div>\n <h3>Assess<\/h3>\n <\/div>\n <div class=\"flip-back\">\n <p>We begin with a detailed diagnostic assessment to understand your child\u2019s current skill level and identify any learning gaps.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flip-card card-plan\" onclick=\"this.classList.toggle('is-flipped')\">\n <div class=\"flip-front\">\n <div class=\"step-badge\">2<\/div>\n <h3>Plan<\/h3>\n <\/div>\n <div class=\"flip-back\">\n <p>Using our structured learning blueprint, we create a personalised pathway that targets missing skills while building foundations.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flip-card card-progress\" onclick=\"this.classList.toggle('is-flipped')\">\n <div class=\"flip-front\">\n <div class=\"step-badge\">3<\/div>\n <h3>Progress<\/h3>\n <\/div>\n <div class=\"flip-back\">\n <p>Through one-on-one lessons and ongoing tracking, your child strengthens skills with measurable improvement in real time.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Curious Learner FAQ Hub<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;900&display=swap');\n\n :root {\n --cyan: #00e7ff; --pink: #ff007a; --green: #00ff88; --orange: #f97316; --purple: #6B1AB7;\n --bg: #000000; --card-bg: #0a0a0a; --border: #1a1a1a;\n }\n\n body { \n margin: 0; font-family: 'Outfit', sans-serif; background: var(--bg); color: white; \n line-height: 1.6; transition: background 0.6s ease;\n }\n\n .faq-container { max-width: 1000px; margin: 40px auto; padding: 0 20px; }\n\n \/* --- MAIN HEADING --- *\/\n .faq-header { text-align: center; margin-bottom: 30px; }\n .main-title { font-size: 3.5rem; font-weight: 900; margin: 0; letter-spacing: -1px; text-transform: uppercase; }\n\n \/* --- CATEGORY TABS --- *\/\n .faq-tabs { \n display: flex; justify-content: center; gap: 8px; \n margin-bottom: 40px; flex-wrap: wrap; position: sticky; top: 20px; z-index: 100;\n }\n .tab-btn {\n background: rgba(15, 15, 15, 0.95); border: 1px solid var(--border); color: #888;\n padding: 14px 22px; border-radius: 100px; cursor: pointer; font-weight: 800;\n transition: 0.4s; text-transform: uppercase; font-size: 0.7rem; letter-spacing: 1px;\n backdrop-filter: blur(15px);\n }\n .tab-btn.active[data-color=\"cyan\"] { background: var(--cyan); color: #000; box-shadow: 0 0 30px var(--cyan); border-color: var(--cyan); }\n .tab-btn.active[data-color=\"pink\"] { background: var(--pink); color: #000; box-shadow: 0 0 30px var(--pink); border-color: var(--pink); }\n .tab-btn.active[data-color=\"green\"] { background: var(--green); color: #000; box-shadow: 0 0 30px var(--green); border-color: var(--green); }\n .tab-btn.active[data-color=\"orange\"] { background: var(--orange); color: #000; box-shadow: 0 0 30px var(--orange); border-color: var(--orange); }\n .tab-btn.active[data-color=\"purple\"] { background: var(--purple); color: #000; box-shadow: 0 0 30px var(--purple); border-color: var(--purple); }\n\n \/* --- FAQ ITEMS --- *\/\n .faq-content-group { display: none; animation: slideUp 0.4s ease forwards; }\n .faq-content-group.active { display: block; }\n @keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n\n .faq-item {\n background: var(--card-bg); border: 1px solid var(--border);\n border-radius: 20px; margin-bottom: 12px; transition: 0.3s; overflow: hidden;\n }\n .faq-item.active { border-color: var(--accent); }\n \n .faq-question {\n padding: 22px 30px; cursor: pointer; display: flex;\n justify-content: space-between; align-items: center; \n font-weight: 700; font-size: 1.1rem; color: var(--accent);\n }\n\n .faq-answer { \n max-height: 0; overflow: hidden; transition: 0.4s ease; \n background: #fcfcfc; \/* Off-white for Black Text contrast *\/\n }\n .faq-answer-inner { \n padding: 25px 30px; color: #000000; \/* PURE BLACK TEXT *\/\n font-weight: 600; font-size: 1rem;\n }\n .faq-item.active .faq-answer { max-height: 600px; }\n \n .plus-icon { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; background: #1a1a1a; border-radius: 50%; transition: 0.4s; color: white; }\n .faq-item.active .plus-icon { transform: rotate(45deg); background: var(--accent); color: #000; }\n\n \/* --- WHATSAPP CONTACT --- *\/\n .whatsapp-container { text-align: center; margin-top: 60px; padding: 40px 20px 80px; }\n .cta-statement { color: #888; font-size: 1.1rem; font-weight: 500; margin-bottom: 25px; }\n \n .btn-live {\n position: relative; background: #25D366; color: white; border: none; \n padding: 22px 60px; border-radius: 100px; font-weight: 900; cursor: pointer; \n text-transform: uppercase; font-size: 1.1rem; text-decoration: none; \n display: inline-flex; align-items: center; gap: 15px; transition: 0.4s;\n box-shadow: 0 10px 30px rgba(37, 211, 102, 0.4);\n }\n .btn-live::before {\n content: ''; width: 12px; height: 12px; background: #fff; border-radius: 50%;\n animation: pulse-white 1.5s infinite;\n }\n @keyframes pulse-white { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(2.5); opacity: 0; } }\n .btn-live:hover { transform: scale(1.08); background: #1eb954; }\n\n <\/style>\n<\/head>\n<body>\n\n<div class=\"faq-container\">\n <div class=\"faq-header\">\n <h1 class=\"main-title\">Curious Learner <span style=\"color:var(--cyan)\">FAQ Hub<\/span><\/h1>\n <\/div>\n\n <div class=\"faq-tabs\">\n <button class=\"tab-btn active\" data-color=\"cyan\" onclick=\"switchTab('understanding', this, 'cyan')\">Curriculum<\/button>\n <button class=\"tab-btn\" data-color=\"pink\" onclick=\"switchTab('gaps', this, 'pink')\">Learning Gaps<\/button>\n <button class=\"tab-btn\" data-color=\"green\" onclick=\"switchTab('assessments', this, 'green')\">Assessments<\/button>\n <button class=\"tab-btn\" data-color=\"orange\" onclick=\"switchTab('outcomes', this, 'orange')\">Outcomes<\/button>\n <button class=\"tab-btn\" data-color=\"purple\" onclick=\"switchTab('support', this, 'purple')\">Support<\/button>\n <\/div>\n\n <div id=\"understanding\" class=\"faq-content-group active\" style=\"--accent: var(--cyan)\">\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">How does your program align with the New Zealand Curriculum? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">We structure our learning pathways around New Zealand\u2019s curriculum expectations, translating broad goals into clear, measurable year-level milestones.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">What does \u201caligned with NZ learning expectations\u201d mean? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">It means our lessons reflect what students are expected to learn at each stage of school, while providing greater clarity and structure.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">How do I know if my child is on track for their year level? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">We assess your child\u2019s current ability and map it against year-level benchmarks, providing regular progress updates and next-step guidance.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">Why can the NZ Curriculum sometimes feel unclear for parents? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">The NZ Curriculum is intentionally flexible, allowing schools to design learning locally. However, this flexibility can make it harder for parents to see specific measurable benchmarks.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">What\u2019s the difference between school learning and your structured program? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">Schools provide broad curriculum delivery. We provide structured, skill-based progression with clear milestones and measurable outcomes.<\/div><\/div><\/div>\n <\/div>\n\n <div id=\"gaps\" class=\"faq-content-group\" style=\"--accent: var(--pink)\">\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">How do you identify learning gaps? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">Through diagnostic assessments and targeted questioning, we identify skills that need strengthening before moving forward.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">What are learning gaps? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">Learning gaps occur when foundational skills haven\u2019t been fully mastered, which can affect confidence and future learning.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">Can your program help if my child is behind? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">Yes. We rebuild foundational skills step by step, helping students regain confidence and catch up steadily.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">Do you support advanced students? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">Absolutely. We provide enrichment, deeper problem-solving, and extension tasks for students ready to move ahead.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">How do you ensure steady progress? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">We follow structured skill progression, monitor performance regularly, and adjust lessons to suit each learner\u2019s pace.<\/div><\/div><\/div>\n <\/div>\n\n <div id=\"assessments\" class=\"faq-content-group\" style=\"--accent: var(--green)\">\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">Does New Zealand have national benchmarking like NAPLAN? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">New Zealand does not have a nationwide standardised test like NAPLAN. Schools use various assessment tools, which can vary.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">How does ICAS fit into NZ schools? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">ICAS is an optional international assessment that some NZ students participate in to challenge higher-order thinking skills.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">Is ICAS required? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">No, ICAS is optional. It is an opportunity for students who wish to extend themselves academically.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">How do you prepare students for assessments? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">We focus on critical thinking, problem-solving, and strong foundational knowledge aligned with NZ standards.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">Will I receive progress updates? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">Yes. Parents receive clear feedback, performance insights, and recommendations for next steps.<\/div><\/div><\/div>\n <\/div>\n\n <div id=\"outcomes\" class=\"faq-content-group\" style=\"--accent: var(--orange)\">\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">What makes your curriculum structure different? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">We provide clear year-by-year pathways, skill-based progression, and measurable learning outcomes.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">Do you follow a year-level learning pathway? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">Yes. Our framework ensures students build skills progressively at each stage.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">How do you ensure measurable outcomes? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">We use milestone tracking, structured assessments, and consistent feedback to monitor improvement.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">What subjects do you cover? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">We focus on Mathematics, Literacy, and Science, aligned with New Zealand learning expectations.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">How do you build strong foundations? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">We prioritise mastery of core concepts before moving to advanced topics, ensuring long-term confidence.<\/div><\/div><\/div>\n <\/div>\n\n <div id=\"support\" class=\"faq-content-group\" style=\"--accent: var(--purple)\">\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">How will I know my child is improving? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">You\u2019ll see measurable progress through assessments, tutor feedback, and growing classroom confidence.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">How often will I receive feedback? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">Feedback is provided regularly after sessions, along with periodic progress reviews.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">Can lessons be tailored to my child\u2019s pace? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">Yes. Every session is personalised to match your child\u2019s learning style and speed.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">How flexible is scheduling? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">Our online sessions are designed to fit around busy family routines with flexible booking options.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">What if my child lacks confidence? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">We focus on building small wins, strengthening understanding, and creating a supportive environment where students feel safe to grow.<\/div><\/div><\/div>\n <\/div>\n\n <div class=\"whatsapp-container\">\n <p class=\"cta-statement\">Still have doubts or looking for something specific?<\/p>\n <a href=\"https:\/\/wa.me\/919251230015?text=Hi%20Curious%20Learner,%20I'd%20like%20to%20discuss%20a%20roadmap.\" class=\"btn-live\" target=\"_blank\">\n Expert Online \u2014 Message Now \u2192\n <\/a>\n <\/div>\n<\/div>\n\n<script>\n function switchTab(tabId, btn, colorName) {\n document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n document.querySelectorAll('.faq-content-group').forEach(group => group.classList.remove('active'));\n document.getElementById(tabId).classList.add('active');\n const glow = { cyan: 'rgba(0, 231, 255, 0.05)', pink: 'rgba(255, 0, 122, 0.05)', green: 'rgba(0, 255, 136, 0.05)', orange: 'rgba(249, 115, 22, 0.05)', purple: 'rgba(107, 26, 183, 0.05)' };\n document.body.style.background = `radial-gradient(circle at top, ${glow[colorName]}, #000 70%)`;\n }\n\n function toggleAcc(el) {\n const item = el.parentElement;\n const isActive = item.classList.contains('active');\n item.parentElement.querySelectorAll('.faq-item').forEach(i => i.classList.remove('active'));\n if (!isActive) item.classList.add('active');\n }\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Diagnostic Sample | Curious Learner Matrix<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;900&display=swap');\n\n :root {\n --cyan: #00e7ff; --pink: #ff007a; --green: #00ff88; --orange: #f97316;\n --bg: #000; --panel: #0a0a0a; --border: #1a1a1a;\n }\n\n body { \n margin: 0; font-family: 'Outfit', sans-serif; background: var(--bg); color: white;\n padding: 60px 20px; line-height: 1.6;\n }\n\n \/* --- NEW HERO SECTION --- *\/\n .hero-title-area {\n text-align: center;\n max-width: 800px;\n margin: 0 auto 50px;\n }\n .hero-title-area h1 {\n font-size: 3.5rem;\n font-weight: 900;\n margin: 0;\n letter-spacing: -1px;\n line-height: 1.1;\n text-transform: uppercase;\n }\n .hero-title-area p {\n font-size: 1.2rem;\n color: #64748b;\n margin-top: 15px;\n font-weight: 400;\n }\n .status-badge {\n display: inline-block;\n padding: 6px 15px;\n border-radius: 100px;\n background: rgba(0, 231, 255, 0.1);\n color: var(--cyan);\n font-size: 0.75rem;\n font-weight: 900;\n letter-spacing: 2px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(0, 231, 255, 0.3);\n }\n\n .report-wrapper {\n max-width: 900px; margin: 0 auto; background: var(--panel);\n border-radius: 40px; border: 1px solid var(--border);\n overflow: hidden; box-shadow: 0 0 100px rgba(0, 231, 255, 0.05);\n }\n\n \/* --- TOP HEADER --- *\/\n .report-header {\n padding: 40px; border-bottom: 1px solid var(--border);\n display: flex; justify-content: space-between; align-items: flex-start;\n background: linear-gradient(to right, rgba(0,231,255,0.05), transparent);\n }\n .student-meta h1 { margin: 0; font-size: 2.5rem; font-weight: 900; text-transform: uppercase; }\n .student-meta p { color: #64748b; margin: 5px 0 0; letter-spacing: 1px; }\n .score-orb {\n text-align: center; background: #000; padding: 20px; border-radius: 30px;\n border: 2px solid var(--cyan); box-shadow: 0 0 30px rgba(0,231,255,0.2);\n }\n .orb-val { display: block; font-size: 2.2rem; font-weight: 900; color: var(--cyan); }\n .orb-lbl { font-size: 0.7rem; font-weight: 900; color: #444; text-transform: uppercase; }\n\n \/* --- SECTIONS --- *\/\n .section-padding { padding: 40px; }\n .section-title { \n font-size: 0.8rem; font-weight: 900; color: var(--pink); \n text-transform: uppercase; letter-spacing: 3px; margin-bottom: 25px; \n display: flex; align-items: center; gap: 15px;\n }\n .section-title::after { content: ''; flex: 1; height: 1px; background: var(--border); }\n\n .heatmap-grid {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;\n }\n .skill-bar-box { background: #000; padding: 20px; border-radius: 20px; border: 1px solid var(--border); }\n .skill-label { display: flex; justify-content: space-between; margin-bottom: 10px; font-weight: 700; font-size: 0.9rem; }\n .bar-bg { width: 100%; height: 8px; background: #111; border-radius: 10px; overflow: hidden; }\n .bar-fill { height: 100%; border-radius: 10px; transition: 1.5s cubic-bezier(0.1, 0, 0.2, 1); }\n\n .gap-card {\n background: rgba(255, 0, 122, 0.03); border: 1px solid rgba(255, 0, 122, 0.1);\n padding: 25px; border-radius: 25px; margin-top: 20px; display: flex; gap: 20px;\n }\n .gap-icon { font-size: 1.5rem; color: var(--pink); }\n .gap-content h4 { margin: 0 0 5px; color: #fff; font-size: 1.1rem; }\n .gap-content p { margin: 0; color: #64748b; font-size: 0.9rem; }\n\n .comparison-wrap {\n display: flex; align-items: flex-end; gap: 40px; height: 200px; padding: 20px 0;\n border-bottom: 1px solid var(--border);\n }\n .comp-bar {\n flex: 1; background: #111; border-radius: 10px 10px 0 0; position: relative;\n transition: 1s;\n }\n .comp-bar::after {\n content: attr(data-label); position: absolute; bottom: -30px; left: 50%;\n transform: translateX(-50%); font-size: 0.7rem; color: #444; font-weight: 900; width: 100%; text-align: center;\n }\n .comp-val {\n position: absolute; top: -25px; left: 50%; transform: translateX(-50%);\n font-weight: 900; font-size: 0.9rem;\n }\n\n .cta-footer {\n background: #000; padding: 40px; text-align: center; border-top: 1px solid var(--border);\n }\n .btn-expert {\n background: var(--cyan); color: #000; border: none; padding: 20px 50px;\n border-radius: 100px; font-weight: 900; text-transform: uppercase; cursor: pointer;\n font-size: 1rem; transition: 0.3s;\n }\n .btn-expert:hover { transform: scale(1.05); box-shadow: 0 0 30px var(--cyan); }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"hero-title-area\">\n <div class=\"status-badge\">Sample Diagnostic Data<\/div>\n <h1>The Matrix <span style=\"color: var(--cyan);\">Blueprint<\/span><\/h1>\n <p>This is exactly how we visualize your child’s academic DNA. No more vague school reports\u2014just surgical, data-driven insights.<\/p>\n<\/div>\n\n<div class=\"report-wrapper\">\n <div class=\"report-header\">\n <div class=\"student-meta\">\n <p>DIAGNOSTIC BLUEPRINT v4.2<\/p>\n <h1>Liam Jenkins<\/h1>\n <p>Year 6 Student | Auckland, NZ<\/p>\n <\/div>\n <div class=\"score-orb\">\n <span class=\"orb-val\">84.2<\/span>\n <span class=\"orb-lbl\">Matrix Score<\/span>\n <\/div>\n <\/div>\n\n <div class=\"section-padding\">\n <div class=\"section-title\">Core Competency Heatmap<\/div>\n <div class=\"heatmap-grid\">\n <div class=\"skill-bar-box\">\n <div class=\"skill-label\"><span>Logical Deduction<\/span><span>92%<\/span><\/div>\n <div class=\"bar-bg\"><div class=\"bar-fill\" style=\"width: 92%; background: var(--cyan);\"><\/div><\/div>\n <\/div>\n <div class=\"skill-bar-box\">\n <div class=\"skill-label\"><span>Fractional Logic<\/span><span>45%<\/span><\/div>\n <div class=\"bar-bg\"><div class=\"bar-fill\" style=\"width: 45%; background: var(--pink);\"><\/div><\/div>\n <\/div>\n <div class=\"skill-bar-box\">\n <div class=\"skill-label\"><span>Syntactic Cohesion<\/span><span>68%<\/span><\/div>\n <div class=\"bar-bg\"><div class=\"bar-fill\" style=\"width: 68%; background: var(--orange);\"><\/div><\/div>\n <\/div>\n <div class=\"skill-bar-box\">\n <div class=\"skill-label\"><span>Scientific Inquiry<\/span><span>81%<\/span><\/div>\n <div class=\"bar-bg\"><div class=\"bar-fill\" style=\"width: 81%; background: var(--green);\"><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-padding\" style=\"background: rgba(255,255,255,0.01);\">\n <div class=\"section-title\">Micro-Gap Detected<\/div>\n <div class=\"gap-card\">\n <div class=\"gap-icon\">\u26a0\ufe0f<\/div>\n <div class=\"gap-content\">\n <h4>Decimal-Fraction Conversion Lag<\/h4>\n <p>Liam shows strong mental math but fails to translate abstract decimals into tangible fractions. This is a <b>Year 7 foundation risk<\/b> that will cause friction in Algebra next year if not repaired now.<\/p>\n <\/div>\n <\/div>\n <div class=\"gap-card\" style=\"background: rgba(0, 231, 255, 0.03); border-color: rgba(0, 231, 255, 0.1);\">\n <div class=\"gap-icon\" style=\"color: var(--cyan);\">\ud83c\udfaf<\/div>\n <div class=\"gap-content\">\n <h4>Opportunity: Advanced Analytical Reading<\/h4>\n <p>Liam’s ability to decode subtext is at a <b>Year 9 level<\/b>. We recommend skipping Standard Year 6 Literacy and moving directly into <b>Critical Analysis Modules<\/b>.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-padding\">\n <div class=\"section-title\">Global Percentile Comparison<\/div>\n <div class=\"comparison-wrap\">\n <div class=\"comp-bar\" style=\"height: 50%;\" data-label=\"NZ Year 6 Average\">\n <span class=\"comp-val\">50%<\/span>\n <\/div>\n <div class=\"comp-bar\" style=\"height: 84%; background: var(--cyan); box-shadow: 0 0 20px var(--cyan);\" data-label=\"Liam Jenkins\">\n <span class=\"comp-val\">84%<\/span>\n <\/div>\n <div class=\"comp-bar\" style=\"height: 95%; background: var(--green);\" data-label=\"Global Excellence Tier\">\n <span class=\"comp-val\">95%<\/span>\n <\/div>\n <\/div>\n <p style=\"margin-top: 50px; font-size: 0.9rem; color: #64748b; text-align: center;\">\n Liam is currently performing in the <b>top 16%<\/b> of his peer group globally. <br>Our 12-week mission will target the remaining 11% gap to reach the Excellence Tier.\n <\/p>\n <\/div>\n\n <div class=\"cta-footer\">\n <button class=\"btn-expert\" onclick=\"window.open('https:\/\/wa.me\/919251230015')\">Review Your Child’s Blueprint \u2192<\/button>\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;900&display=swap');\n\n .testimonial-impact-card {\n max-width: 800px;\n margin: 40px auto;\n background: #050505;\n border-radius: 32px;\n border: 1px solid #1a1a1a;\n padding: 40px;\n font-family: 'Outfit', sans-serif;\n position: relative;\n overflow: hidden;\n }\n\n \/* Ambient Glow behind the card *\/\n .testimonial-impact-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255, 0, 122, 0.03) 0%, transparent 70%);\n pointer-events: none;\n }\n\n .t-header { display: flex; align-items: center; gap: 20px; margin-bottom: 30px; }\n .t-avatar { \n width: 60px; height: 60px; border-radius: 50%; \n background: linear-gradient(45deg, #1a1a1a, #00e7ff);\n display: flex; align-items: center; justify-content: center;\n font-weight: 900; color: #fff; font-size: 1.2rem;\n border: 2px solid #1a1a1a;\n }\n\n .t-meta h4 { margin: 0; font-size: 1.2rem; color: #fff; }\n .t-meta p { margin: 0; color: #64748b; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1px; }\n\n .t-body { font-size: 1.15rem; line-height: 1.6; color: #cbd5e1; font-style: italic; margin-bottom: 30px; }\n .t-highlight { color: #00e7ff; font-weight: 700; font-style: normal; }\n\n \/* --- THE BEFORE\/AFTER COMPARISON --- *\/\n .comparison-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n margin-top: 30px;\n border-top: 1px solid #1a1a1a;\n padding-top: 30px;\n }\n\n .comp-item { padding: 20px; border-radius: 20px; background: rgba(255,255,255,0.02); }\n .comp-lbl { font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px; }\n .comp-txt { font-size: 0.9rem; line-height: 1.4; }\n\n .red-dot { color: #ff007a; margin-right: 5px; }\n .blue-dot { color: #00e7ff; margin-right: 5px; }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"testimonial-impact-card\">\n <div class=\"t-header\">\n <div class=\"t-avatar\">SJ<\/div>\n <div class=\"t-meta\">\n <h4>Sarah Jenkins<\/h4>\n <p>Parent of Liam (Year 6) \u2022 Auckland, NZ<\/p>\n <\/div>\n <\/div>\n\n <div class=\"t-body\">\n “I always felt Liam was capable of more, but his school reports always just said <span class=\"t-highlight\">‘At Standard.’<\/span> It was so frustratingly vague. When I saw the <span class=\"t-highlight\">Diagnostic Blueprint<\/span>, it was like someone finally turned the lights on. It showed me exactly why he was stalling in Math. Within 12 weeks of targeting those specific ‘micro-gaps,’ his confidence\u2014and his grades\u2014exploded.”\n <\/div>\n\n <div class=\"comparison-grid\">\n <div class=\"comp-item\">\n <div class=\"comp-lbl\" style=\"color: #ff007a;\">School Report<\/div>\n <div class=\"comp-txt\">\n <span class=\"red-dot\">\u25cf<\/span> “Liam is achieving at level. He needs to focus more on his math consistency.”\n <\/div>\n <\/div>\n <div class=\"comp-item\">\n <div class=\"comp-lbl\" style=\"color: #00e7ff;\">Matrix Blueprint<\/div>\n <div class=\"comp-txt\">\n <span class=\"blue-dot\">\u25cf<\/span> “Liam has a logic-gap in Decimal-Fraction conversion preventing Year 7 Math progress.”\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;900&display=swap');\n\n :root {\n --cyan: #00e7ff; --pink: #ff007a; --green: #00ff88; --orange: #f97316;\n --bg: #000; --panel: #0a0a0a; --border: #1a1a1a;\n }\n\n body { \n margin: 0; font-family: 'Outfit', sans-serif; background: var(--bg); color: white;\n padding: 20px; box-sizing: border-box;\n }\n\n .dashboard-container {\n max-width: 1000px; margin: 0 auto; background: var(--panel);\n border-radius: 40px; border: 1px solid var(--border);\n display: grid; grid-template-columns: 280px 1fr; overflow: hidden;\n box-shadow: 0 0 100px rgba(0, 231, 255, 0.05);\n }\n\n \/* --- SIDEBAR NAV --- *\/\n .dash-sidebar {\n background: #050505; border-right: 1px solid var(--border);\n padding: 40px 25px;\n }\n .profile-card { text-align: center; margin-bottom: 40px; }\n .avatar-ring {\n width: 80px; height: 80px; border-radius: 50%; border: 2px solid var(--cyan);\n margin: 0 auto 15px; display: flex; align-items: center; justify-content: center;\n background: radial-gradient(circle, rgba(0,231,255,0.1) 0%, transparent 70%);\n }\n .profile-card h3 { margin: 0; font-size: 1.2rem; font-weight: 900; }\n .profile-card span { color: #64748b; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; }\n\n .nav-link {\n padding: 15px; border-radius: 12px; margin-bottom: 8px; cursor: pointer;\n color: #444; font-weight: 700; transition: 0.3s; display: flex; align-items: center; gap: 12px;\n }\n .nav-link.active { background: rgba(0, 231, 255, 0.05); color: var(--cyan); }\n\n \/* --- MAIN VIEW --- *\/\n .dash-main { padding: 40px; overflow-y: auto; max-height: 800px; }\n .welcome-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 40px; }\n .welcome-header h2 { margin: 0; font-size: 2rem; font-weight: 900; }\n\n \/* --- MASTERY NODES --- *\/\n .matrix-grid {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 15px;\n margin-bottom: 40px;\n }\n .node-card {\n background: #000; border: 1px solid var(--border); padding: 20px; border-radius: 20px;\n text-align: center; transition: 0.3s;\n }\n .node-card.conquered { border-color: var(--green); box-shadow: 0 0 20px rgba(0, 255, 136, 0.1); }\n .node-card.active { border-color: var(--cyan); border-style: dashed; animation: pulse-border 2s infinite; }\n \n @keyframes pulse-border { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } }\n\n .node-icon { font-size: 1.5rem; margin-bottom: 10px; display: block; }\n .node-title { font-size: 0.8rem; font-weight: 900; text-transform: uppercase; color: #64748b; }\n .node-status { font-size: 0.7rem; font-weight: 900; margin-top: 5px; display: block; }\n\n \/* --- PROGRESS SECTION --- *\/\n .progress-block { background: #000; border: 1px solid var(--border); border-radius: 30px; padding: 30px; }\n .progress-header { display: flex; justify-content: space-between; margin-bottom: 20px; }\n .progress-bar-wrap { width: 100%; height: 12px; background: #111; border-radius: 20px; overflow: hidden; margin-bottom: 10px; }\n .progress-fill { height: 100%; background: linear-gradient(to right, var(--cyan), var(--green)); border-radius: 20px; }\n\n .session-notes { margin-top: 30px; border-top: 1px solid var(--border); padding-top: 20px; }\n .note-tag { font-size: 10px; font-weight: 900; color: var(--pink); text-transform: uppercase; letter-spacing: 1px; }\n .note-text { color: #94a3b8; font-size: 0.95rem; font-style: italic; }\n\n \/* Mobile Adjustments *\/\n @media (max-width: 768px) {\n .dashboard-container { grid-template-columns: 1fr; }\n .dash-sidebar { display: none; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"dashboard-container\">\n <div class=\"dash-sidebar\">\n <div class=\"profile-card\">\n <div class=\"avatar-ring\">\n <span style=\"font-size: 1.5rem; font-weight: 900;\">LJ<\/span>\n <\/div>\n <h3>Liam Jenkins<\/h3>\n <span>Year 6 \u2022 Auckland<\/span>\n <\/div>\n \n <div class=\"nav-link active\"><span>\ud83d\udca0<\/span> Master Matrix<\/div>\n <div class=\"nav-link\"><span>\ud83d\udcca<\/span> Growth Reports<\/div>\n <div class=\"nav-link\"><span>\ud83d\udcc5<\/span> Mission Schedule<\/div>\n <div class=\"nav-link\"><span>\ud83c\udfc6<\/span> Achievements<\/div>\n <div class=\"nav-link\"><span>\u2699\ufe0f<\/span> Settings<\/div>\n <\/div>\n\n <div class=\"dash-main\">\n <div class=\"welcome-header\">\n <div>\n <h2 style=\"color: var(--cyan);\">Current Mission<\/h2>\n <p style=\"color: #444; margin: 0; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;\">Week 4: Logical Deduction & Syntax<\/p>\n <\/div>\n <div style=\"text-align: right;\">\n <span style=\"font-size: 2rem; font-weight: 900; color: var(--green);\">72%<\/span>\n <p style=\"margin: 0; font-size: 0.7rem; color: #64748b; font-weight: 900; text-transform: uppercase;\">Total Mastery<\/p>\n <\/div>\n <\/div>\n\n <div class=\"matrix-grid\">\n <div class=\"node-card conquered\">\n <span class=\"node-icon\">\u2714\ufe0f<\/span>\n <span class=\"node-title\">Mental Math<\/span>\n <span class=\"node-status\" style=\"color: var(--green);\">CONQUERED<\/span>\n <\/div>\n <div class=\"node-card conquered\">\n <span class=\"node-icon\">\u2714\ufe0f<\/span>\n <span class=\"node-title\">Sentence Flow<\/span>\n <span class=\"node-status\" style=\"color: var(--green);\">CONQUERED<\/span>\n <\/div>\n <div class=\"node-card active\">\n <span class=\"node-icon\">\u26a1<\/span>\n <span class=\"node-title\">Fraction Logic<\/span>\n <span class=\"node-status\" style=\"color: var(--cyan);\">IN PROGRESS<\/span>\n <\/div>\n <div class=\"node-card\">\n <span class=\"node-icon\">\ud83d\udd12<\/span>\n <span class=\"node-title\">NCEA Literacy<\/span>\n <span class=\"node-status\" style=\"color: #333;\">LOCKED<\/span>\n <\/div>\n <\/div>\n\n <div class=\"progress-block\">\n <div class=\"progress-header\">\n <span style=\"font-weight: 900; font-size: 0.9rem;\">Quarterly Excellence Goal<\/span>\n <span style=\"color: var(--cyan); font-weight: 900;\">85% Target<\/span>\n <\/div>\n <div class=\"progress-bar-wrap\">\n <div class=\"progress-fill\" style=\"width: 72%;\"><\/div>\n <\/div>\n <p style=\"color: #64748b; font-size: 0.85rem;\">Liam is <b>13% away<\/b> from reaching the Excellence Tier for Year 6.<\/p>\n\n <div class=\"session-notes\">\n <span class=\"note-tag\">Latest Expert Insight:<\/span>\n <p class=\"note-text\">“Liam had a breakthrough today with multi-step logical deduction. He’s now successfully deconstructing ICAS-level questions without external prompts. Moving to Algebraic Foundations next session.”<\/p>\n <\/div>\n <\/div>\n \n <p style=\"text-align: center; margin-top: 40px; color: #333; font-size: 0.8rem; font-weight: 900; letter-spacing: 1px;\">CURIOUS LEARNER MATRIX v2.4 \u2022 LIVE DATA FEED<\/p>\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Curriculum nerve Center Roadmap<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;900&display=swap');\n\n :root {\n --cyan: #00e7ff; --pink: #ff007a; --green: #00ff88; --orange: #f97316;\n --bg: #000000; --node-bg: #0a0a0a; --border: #1a1a1a;\n }\n\n body { \n margin: 0; font-family: 'Outfit', sans-serif; background: var(--bg); color: white; \n display: flex; align-items: center; justify-content: center; min-height: 100vh;\n padding: 20px; box-sizing: border-box;\n }\n\n .roadmap-container {\n width: 100%; max-width: 1100px; padding: 60px;\n background: rgba(10, 10, 10, 0.5); border-radius: 40px; border: 1px solid var(--border);\n box-shadow: 0 0 80px rgba(0, 231, 255, 0.05); position: relative;\n }\n\n \/* --- THE CENTRAL NERVE CABLE --- *\/\n .central-nerve {\n position: absolute; top: 0; bottom: 0; left: 50%;\n width: 6px; transform: translateX(-50%);\n background: linear-gradient(to bottom, #fff, var(--cyan) 15%, var(--pink) 50%, var(--green) 85%, #fff);\n box-shadow: 0 0 20px rgba(0, 231, 255, 0.5); z-index: 1;\n }\n\n \/* --- STAGE ROWS --- *\/\n .roadmap-stage {\n display: grid; grid-template-columns: 1fr 140px 1fr;\n align-items: center; margin-bottom: 80px; position: relative; z-index: 2;\n }\n .roadmap-stage:last-child { margin-bottom: 0; }\n\n \/* --- YEAR NODES --- *\/\n .year-node-wrapper { display: flex; justify-content: center; align-items: center; position: relative; }\n \n .year-node {\n width: 100px; height: 100px; background: var(--node-bg);\n border: 3px solid #fff; border-radius: 50%;\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n font-weight: 900; color: #fff; text-transform: uppercase; letter-spacing: 1px;\n box-shadow: 0 0 30px rgba(255,255,255,0.1);\n transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); cursor: pointer;\n }\n .year-label { font-size: 0.8rem; opacity: 0.8; }\n .year-num { font-size: 2.8rem; line-height: 0.9; margin-bottom: -5px; }\n\n .roadmap-stage:hover .year-node { transform: scale(1.15) rotate(5deg); box-shadow: 0 0 50px var(--node-glow); }\n\n \/* Stage Connectors (The synapses) *\/\n .stage-synapse {\n position: absolute; top: 50%; height: 2px;\n background: var(--node-glow); width: 80px;\n animation: synaptic-pulse 2s infinite;\n }\n .roadmap-stage:nth-child(odd) .stage-synapse { right: 100%; }\n .roadmap-stage:nth-child(even) .stage-synapse { left: 100%; }\n\n @keyframes synaptic-pulse { 0% { opacity: 0.2; width: 0; } 50% { opacity: 1; width: 80px; } 100% { opacity: 0; width: 0; } }\n\n \/* --- CONTENT CARDS --- *\/\n .stage-card {\n background: #050505; border: 1px solid var(--border);\n padding: 30px; border-radius: 25px; transition: 0.4s;\n position: relative; overflow: hidden;\n }\n .stage-card:hover { border-color: var(--node-glow); box-shadow: 0 10px 30px rgba(255, 255, 255, 0.05); }\n\n .stage-tag { font-size: 10px; font-weight: 900; color: #64748b; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 12px; transition: 0.3s; }\n .stage-title { font-size: 1.5rem; font-weight: 900; color: #fff; margin: 0 0 15px; letter-spacing: -0.5px; }\n .stage-card p { font-size: 0.95rem; color: #94a3b8; margin: 0; line-height: 1.6; }\n\n \/* --- GLIMMER TEXTS --- *\/\n .glimmer-math { color: var(--green); text-shadow: 0 0 10px var(--green); font-weight: 700; }\n .glimmer-literacy { color: var(--cyan); text-shadow: 0 0 10px var(--cyan); font-weight: 700; }\n .glimmer-logic { color: var(--orange); text-shadow: 0 0 10px var(--orange); font-weight: 700; }\n\n \/* --- RESPONSIVE LAYOUT (MOBILE) --- *\/\n @media (max-width: 800px) {\n .roadmap-container { padding: 40px 20px; }\n .central-nerve { left: 30px; }\n .roadmap-stage { grid-template-columns: 80px 1fr; margin-bottom: 60px; }\n .roadmap-stage:nth-child(odd), .roadmap-stage:nth-child(even) { direction: ltr; }\n .year-node-wrapper { justify-content: flex-start; }\n .year-node { width: 70px; height: 70px; border-width: 2px; }\n .year-num { font-size: 2rem; }\n .year-label { font-size: 0.6rem; }\n .stage-card { grid-column: 2; margin-left: 20px; padding: 20px; }\n .stage-synapse { left: 70px !important; width: 30px !important; animation: none; opacity: 1; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"roadmap-container\">\n <div class=\"central-nerve\"><\/div>\n\n <div class=\"roadmap-stage\" style=\"--node-glow: var(--cyan)\">\n <div class=\"stage-card\" style=\"grid-column: 1;\">\n <div class=\"stage-tag\">Diagnostic Foundations<\/div>\n <h3 class=\"stage-title\">Bridging the Gaps<\/h3>\n <p>We scan the Matrix for foundational weaknesses. Focus: Building bulletproof <span class=\"glimmer-math\">Core Numeracy<\/span> and technical <span class=\"glimmer-literacy\">Sentence Syntax<\/span> cohesion.<\/p>\n <\/div>\n <div class=\"year-node-wrapper\" style=\"grid-column: 2;\">\n <div class=\"year-node\">\n <span class=\"year-label\">Year<\/span>\n <span class=\"year-num\">4<\/span>\n <\/div>\n <div class=\"stage-synapse\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"roadmap-stage\" style=\"--node-glow: var(--pink)\">\n <div class=\"year-node-wrapper\" style=\"grid-column: 2;\">\n <div class=\"stage-synapse\"><\/div>\n <div class=\"year-node\">\n <span class=\"year-label\">Years<\/span>\n <span class=\"year-num\">5-6<\/span>\n <\/div>\n <\/div>\n <div class=\"stage-card\" style=\"grid-column: 3;\">\n <div class=\"stage-tag\">Logical Extension<\/div>\n <h3 class=\"stage-title\"> mastery & inquiry<\/h3>\n <p>transitioning from “how” to “why.” Focus: <span class=\"glimmer-math\">Multi-Step Algebra<\/span>, Strategic <span class=\"glimmer-logic\">Problem Solving<\/span>, and Analytical <span class=\"glimmer-literacy\">Reading Depth<\/span>.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"roadmap-stage\" style=\"--node-glow: var(--orange)\">\n <div class=\"stage-card\" style=\"grid-column: 1;\">\n <div class=\"stage-tag\">Pre-NCEA Resilience<\/div>\n <h3 class=\"stage-title\">Academic rigor<\/h3>\n <p>Preparation for high-stakes assessments. Focus: ICAS-Level <span class=\"glimmer-logic\">First Principles Logic<\/span>, Cohesive <span class=\"glimmer-literacy\">Essay Structure<\/span>, and Functional <span class=\"glimmer-math\">NCEA Numeracy<\/span>.<\/p>\n <\/div>\n <div class=\"year-node-wrapper\" style=\"grid-column: 2;\">\n <div class=\"year-node\">\n <span class=\"year-label\">Years<\/span>\n <span class=\"year-num\">7-8<\/span>\n <\/div>\n <div class=\"stage-synapse\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"roadmap-stage\" style=\"--node-glow: var(--green)\">\n <div class=\"year-node-wrapper\" style=\"grid-column: 2;\">\n <div class=\"stage-synapse\"><\/div>\n <div class=\"year-node\">\n <span class=\"year-label\">Years<\/span>\n <span class=\"year-num\">9-10<\/span>\n <\/div>\n <\/div>\n <div class=\"stage-card\" style=\"grid-column: 3;\">\n <div class=\"stage-tag\">Global Excellence<\/div>\n <h3 class=\"stage-title\">Matrix Excellence<\/h3>\n <p>Mastery of university-level critical thinking. Focus: Independent <span class=\"glimmer-logic\">Inquiry Projects<\/span>, Scholarship-Level <span class=\"glimmer-literacy\">Analysis<\/span>, and NCEA Level 1 <span class=\"glimmer-math\">numeracy Mastery<\/span>.<\/p>\n <\/div>\n <\/div>\n\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;900&display=swap');\n\n :root {\n --cyan: #00e7ff; --pink: #ff007a; --green: #00ff88;\n --bg: #000; --panel: #0a0a0a; --border: #1a1a1a;\n }\n\n .booking-modal {\n max-width: 550px; margin: 40px auto; background: var(--panel);\n border-radius: 40px; border: 1px solid var(--border);\n padding: 40px; font-family: 'Outfit', sans-serif;\n box-shadow: 0 0 100px rgba(0, 231, 255, 0.1);\n position: relative; overflow: hidden;\n }\n\n .booking-modal::before {\n content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px;\n background: linear-gradient(to right, var(--cyan), var(--pink), var(--green));\n }\n\n .b-header h2 { font-size: 2rem; font-weight: 900; margin: 0; text-transform: uppercase; }\n .b-header p { color: #64748b; font-size: 0.95rem; margin-top: 10px; margin-bottom: 30px; }\n\n .b-field { margin-bottom: 20px; }\n .b-field label { display: block; font-size: 10px; font-weight: 900; color: var(--cyan); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 8px; }\n \n .b-input, .b-select {\n width: 100%; background: #000; border: 1px solid #222; padding: 16px; \n border-radius: 12px; color: white; outline: none; box-sizing: border-box;\n font-family: inherit; transition: 0.3s;\n }\n .b-input:focus { border-color: var(--cyan); box-shadow: 0 0 15px rgba(0,231,255,0.1); }\n\n \/* --- SELECTABLE CARDS --- *\/\n .roadblock-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 25px; }\n .roadblock-card {\n background: #000; border: 1px solid #1a1a1a; padding: 15px; border-radius: 15px;\n cursor: pointer; transition: 0.3s; text-align: center;\n }\n .roadblock-card:hover { border-color: #333; }\n .roadblock-card.active { border-color: var(--pink); background: rgba(255,0,122,0.05); }\n .roadblock-card h5 { margin: 0; font-size: 0.85rem; font-weight: 900; }\n\n .btn-confirm {\n background: var(--cyan); color: #000; border: none; padding: 20px;\n border-radius: 100px; font-weight: 900; width: 100%; cursor: pointer;\n text-transform: uppercase; font-size: 1rem; transition: 0.4s;\n margin-top: 10px;\n }\n .btn-confirm:hover { transform: scale(1.02); box-shadow: 0 10px 30px rgba(0,231,255,0.4); }\n\n \/* Success Message State *\/\n #bookingSuccess { display: none; text-align: center; padding: 20px 0; animation: fadeIn 0.5s; }\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"booking-modal\" id=\"bookingNode\">\n <div id=\"bookingForm\">\n <div class=\"b-header\">\n <h2>Secure Your <span style=\"color: var(--cyan)\">Blueprint<\/span><\/h2>\n <p>Select your primary roadblock to begin the diagnostic.<\/p>\n <\/div>\n\n <form onsubmit=\"handleBooking(event)\">\n <div class=\"roadblock-grid\">\n <div class=\"roadblock-card\" onclick=\"selectCard(this)\">\n <h5 style=\"color: var(--cyan);\">Math Logic Gaps<\/h5>\n <\/div>\n <div class=\"roadblock-card\" onclick=\"selectCard(this)\">\n <h5 style=\"color: var(--pink);\">Literacy Cohesion<\/h5>\n <\/div>\n <div class=\"roadblock-card\" onclick=\"selectCard(this)\">\n <h5 style=\"color: var(--green);\">Gifted Extension<\/h5>\n <\/div>\n <div class=\"roadblock-card\" onclick=\"selectCard(this)\">\n <h5 style=\"color: var(--orange);\">NCEA Readiness<\/h5>\n <\/div>\n <\/div>\n\n <div class=\"b-field\">\n <label>Student Year Level<\/label>\n <select class=\"b-select\" required>\n <option value=\"\">Select Year…<\/option>\n <option>Year 4-6<\/option>\n <option>Year 7-8<\/option>\n <option>Year 9-10<\/option>\n <option>NCEA Prep<\/option>\n <\/select>\n <\/div>\n\n <div class=\"b-field\">\n <label>Parent Contact (WhatsApp)<\/label>\n <input type=\"tel\" class=\"b-input\" placeholder=\"+64 ...\" required>\n <\/div>\n\n <button type=\"submit\" class=\"btn-confirm\">Initialize Diagnostic \u2192<\/button>\n <\/form>\n <\/div>\n\n <div id=\"bookingSuccess\">\n <div style=\"font-size: 4rem; color: var(--green); margin-bottom: 20px;\">\u2713<\/div>\n <h2 style=\"color: #fff;\">Mission Initialized<\/h2>\n <p style=\"color: #64748b;\">An education expert will reach out via WhatsApp to finalize your diagnostic window.<\/p>\n <button class=\"btn-confirm\" style=\"background: white;\" onclick=\"resetForm()\">Back to Site<\/button>\n <\/div>\n<\/div>\n\n<script>\n function selectCard(el) {\n document.querySelectorAll('.roadblock-card').forEach(c => c.classList.remove('active'));\n el.classList.add('active');\n }\n\n function handleBooking(e) {\n e.preventDefault();\n document.getElementById('bookingForm').style.display = 'none';\n document.getElementById('bookingSuccess').style.display = 'block';\n }\n\n function resetForm() {\n document.getElementById('bookingForm').style.display = 'block';\n document.getElementById('bookingSuccess').style.display = 'none';\n }\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;900&display=swap');\n\n :root {\n --cl-teal: #14b8a6;\n --cl-navy-dark: #020617;\n --cl-orange: #f97316;\n --cl-brand-blue: #3b82f6;\n --cl-white: #ffffff;\n --cl-text-muted: #94a3b8;\n }\n\n #cl-final-academic-footer {\n background: var(--cl-navy-dark);\n color: var(--cl-white);\n font-family: 'Outfit', sans-serif;\n padding: 60px 0 30px;\n border-top: 1px solid rgba(20, 184, 166, 0.2);\n }\n\n .footer-wrapper {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n display: grid;\n grid-template-columns: 1.5fr 1fr 1fr;\n gap: 60px;\n }\n\n \/* --- LOGO & BRANDING --- *\/\n .brand-zone img {\n max-width: 250px;\n height: auto;\n margin-bottom: 25px;\n display: block;\n background: #ffffff; \n padding: 12px;\n border-radius: 16px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n }\n\n .brand-tagline {\n font-size: 0.95rem;\n line-height: 1.7;\n color: var(--cl-text-muted);\n margin-bottom: 30px;\n }\n\n \/* SOCIAL ICONS (ORIGINAL COLORS ON HOVER) *\/\n .social-cluster {\n display: flex;\n gap: 15px;\n }\n\n .s-icon {\n width: 42px; height: 42px;\n background: rgba(255, 255, 255, 0.05);\n color: var(--cl-white);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n font-size: 1.2rem;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n \/* Brand Color Physics *\/\n .s-fb:hover { background: #1877F2; border-color: #1877F2; transform: translateY(-8px); }\n .s-ig:hover { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); border-color: transparent; transform: translateY(-8px); }\n .s-ln:hover { background: #0077b5; border-color: #0077b5; transform: translateY(-8px); }\n .s-x:hover { background: #ffffff; color: #000000; border-color: #ffffff; transform: translateY(-8px); }\n\n \/* --- QUICK ACCESS (COLOURED HOVER) --- *\/\n .nav-node h3 {\n color: var(--cl-teal);\n font-size: 0.8rem;\n text-transform: uppercase;\n letter-spacing: 4px;\n margin-bottom: 30px;\n font-weight: 900;\n }\n\n .nav-node ul { list-style: none; padding: 0; margin: 0; }\n .nav-node li { margin-bottom: 15px; }\n .nav-node a {\n color: var(--cl-text-muted);\n text-decoration: none;\n font-size: 0.95rem;\n transition: 0.3s;\n display: inline-block;\n }\n\n \/* Multi-Color Link Hover *\/\n .nav-node li:nth-child(odd) a:hover { color: var(--cl-teal); transform: translateX(5px); }\n .nav-node li:nth-child(even) a:hover { color: var(--cl-orange); transform: translateX(5px); }\n\n \/* --- CONTACT & ADDRESS --- *\/\n .contact-stack { margin-bottom: 25px; }\n .contact-stack strong {\n display: block;\n color: var(--cl-teal);\n font-size: 0.7rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 5px;\n }\n .contact-stack p, .contact-stack a {\n color: var(--cl-text-muted);\n text-decoration: none;\n font-size: 0.95rem;\n margin: 0;\n transition: 0.3s;\n }\n .contact-stack a:hover { color: var(--cl-white); }\n\n \/* --- LEGAL BAR --- *\/\n .legal-row {\n max-width: 1200px;\n margin: 50px auto 0;\n padding: 30px 20px 0;\n border-top: 1px solid rgba(255, 255, 255, 0.05);\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .legal-copy { font-size: 0.85rem; color: var(--cl-white); }\n \n .legal-power { font-size: 0.9rem; font-weight: 900; color: var(--cl-white); }\n .brand-orange { color: var(--cl-orange); }\n .brand-blue { color: var(--cl-brand-blue); }\n\n @media (max-width: 991px) {\n .footer-wrapper { grid-template-columns: 1fr; text-align: center; gap: 40px; }\n .social-cluster { justify-content: center; }\n .legal-row { flex-direction: column; gap: 15px; text-align: center; }\n }\n <\/style>\n<\/head>\n<body>\n\n<footer id=\"cl-final-academic-footer\">\n <div class=\"footer-wrapper\">\n \n <div class=\"brand-zone\">\n <img decoding=\"async\" src=\"https:\/\/curiouslearneracademy.com\/newzealand\/wp-content\/uploads\/sites\/3\/2026\/01\/cropped-Logo-Color-Updated.png\" alt=\"Curious Learner Academy\" title=\"FAQ\">\n <p class=\"brand-tagline\">\n Empowering students across Aotearoa New Zealand with structured, flexible, and tailored learning that bridges gaps, builds confidence, and ensures clear, measurable growth.\n <\/p>\n <div class=\"social-cluster\">\n <a href=\"#\" class=\"s-icon s-fb\" title=\"Facebook\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\n <a href=\"#\" class=\"s-icon s-ig\" title=\"Instagram\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\n <a href=\"#\" class=\"s-icon s-ln\" title=\"LinkedIn\"><i class=\"fa-brands fa-linkedin-in\"><\/i><\/a>\n <a href=\"#\" class=\"s-icon s-x\" title=\"X (Twitter)\"><i class=\"fa-brands fa-x-twitter\"><\/i><\/a>\n <\/div>\n <\/div>\n\n <div class=\"nav-node\">\n <h3>Quick Access<\/h3>\n <ul>\n <li><a href=\"https:\/\/curiouslearneracademy.com\/newzealand\/faq\/\">Help & FAQs<\/a><\/li>\n <li><a href=\"https:\/\/curiouslearneracademy.com\/newzealand\/terms-conditions\/\">Terms & Conditions<\/a><\/li>\n <li><a href=\"https:\/\/curiouslearneracademy.com\/newzealand\/refund-cancellation\/\">Refund & Cancellation<\/a><\/li>\n <li><a href=\"https:\/\/curiouslearneracademy.com\/newzealand\/privacy-policy\/\">Privacy Policy<\/a><\/li>\n <li><a href=\"https:\/\/curiouslearneracademy.com\/newzealand\/data-breachresponse-policy-cookies-policy\/\">Breach & Cookies<\/a><\/li>\n <li><a href=\"https:\/\/curiouslearneracademy.com\/newzealand\/child-protection-online-safety\/\">Child Safety Hub<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"nav-node\">\n <h3>Support Node<\/h3>\n <div class=\"contact-stack\">\n <strong>Address<\/strong>\n <p>Global Online Learning Platform<\/p>\n <\/div>\n <div class=\"contact-stack\">\n <strong>WhatsApp Support<\/strong>\n <a href=\"https:\/\/wa.me\/919251230015\">+91 92512 30015<\/a>\n <\/div>\n <div class=\"contact-stack\">\n <strong>Official Email<\/strong>\n <a href=\"mailto:support@curiouslearneracademy.com\">support@curiouslearneracademy.com<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"legal-row\">\n <div class=\"legal-copy\">\n Copyright \u00a9 2025 Curious Learner New Zealand\n <\/div>\n <div class=\"legal-power\">\n Powered by <span class=\"brand-orange\">Curious<\/span> <span class=\"brand-blue\">Learner<\/span>\n <\/div>\n <\/div>\n<\/footer>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Dynamic Diagnostic Matrix Hub See Exactly Where Your Child Stands FAQ & Diagnostic Matrix Our interactive Diagnostic Matrix gives you […]<\/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":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","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-593","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\/newzealand\/author\/curiouslearnerofficegmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Dynamic Diagnostic Matrix Hub See Exactly Where Your Child Stands FAQ & Diagnostic Matrix Our interactive Diagnostic Matrix gives you […]","_links":{"self":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/comments?post=593"}],"version-history":[{"count":31,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/593\/revisions"}],"predecessor-version":[{"id":670,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/593\/revisions\/670"}],"wp:attachment":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/media?parent=593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":593,"date":"2026-03-02T17:36:34","date_gmt":"2026-03-02T17:36:34","guid":{"rendered":"https:\/\/curiouslearneracademy.com\/newzealand\/?page_id=593"},"modified":"2026-03-03T09:07:10","modified_gmt":"2026-03-03T09:07:10","slug":"faq","status":"publish","type":"page","link":"https:\/\/curiouslearneracademy.com\/newzealand\/faq\/","title":{"rendered":"FAQ"},"content":{"rendered":"\n\n\n\n \n \n Dynamic Diagnostic Matrix Hub<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;900&display=swap');\n\n \/* RESET & BASE *\/\n html, body {\n margin: 0; padding: 0; width: 100%; overflow-x: hidden;\n font-family: 'Outfit', sans-serif; background-color: #ffffff;\n }\n\n :root {\n --cyan: #00e7ff; --pink: #ff007a; --green: #00ff88;\n --border: #e2e8f0;\n }\n\n \/* CONTAINER ALIGNED CLOSE TO TOP *\/\n .container { \n max-width: 1200px; \n margin: 0 auto; \n padding: 20px 20px 80px; \/* Minimal top padding *\/\n text-align: center; \n }\n\n \/* --- 1. DYNAMIC EXTRA LARGE HEADING --- *\/\n .live-badge {\n display: inline-block; padding: 10px 25px;\n background: linear-gradient(90deg, #6366f1, #a855f7, #ec4899);\n color: #fff; border-radius: 100px; font-weight: 800; font-size: 0.75rem;\n letter-spacing: 2px; text-transform: uppercase; margin-bottom: 20px;\n }\n\n h1 {\n font-size: clamp(4rem, 12vw, 8.5rem); \/* Extra Large Impact *\/\n font-weight: 900; margin: 0; text-transform: uppercase; line-height: 0.85;\n background: linear-gradient(to right, #11cdef 20%, #11cdef 40%, #e91e63 60%, #e91e63 80%);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: shine 4s linear infinite;\n }\n\n @keyframes shine { to { background-position: 200% center; } }\n\n .sub-desc { max-width: 850px; margin: 30px auto; color: #64748b; font-size: 1.4rem; line-height: 1.5; }\n\n \/* --- 2. 3D FLIP GRID (ASSESS, PLAN, PROGRESS) --- *\/\n .how-title { color: #11cdef; font-size: 2.5rem; font-weight: 900; text-transform: uppercase; margin: 80px 0 50px; }\n\n .step-row {\n display: grid;\n grid-template-columns: repeat(3, 1fr); \/* Forced horizontal line *\/\n gap: 25px;\n perspective: 1200px;\n }\n\n .flip-card {\n height: 380px;\n cursor: pointer;\n position: relative;\n transform-style: preserve-3d;\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .flip-card.is-flipped { transform: rotateY(180deg); }\n\n .flip-front, .flip-back {\n position: absolute; width: 100%; height: 100%;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n border-radius: 40px; display: flex; flex-direction: column;\n justify-content: center; align-items: center; padding: 40px;\n box-sizing: border-box; box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n }\n\n .flip-front { background: #000; color: #fff; }\n .flip-back { transform: rotateY(180deg); color: #000; text-align: center; }\n .flip-back p { font-size: 1.2rem; font-weight: 700; line-height: 1.6; margin: 0; }\n\n .step-badge {\n position: absolute; top: -15px; left: 35px;\n background: #fff; color: #000; width: 45px; height: 45px;\n display: flex; align-items: center; justify-content: center;\n border-radius: 12px; font-weight: 900; font-size: 1.2rem;\n }\n\n .flip-front h3 { font-size: 2.5rem; font-weight: 900; text-transform: uppercase; margin: 0; }\n\n \/* --- UNIQUE HOVER & FLIP COLORS --- *\/\n .card-assess:hover { box-shadow: 0 0 45px rgba(0, 231, 255, 0.5); }\n .card-assess .flip-back { background: var(--cyan); }\n .card-assess .flip-front h3 { color: var(--cyan); }\n\n .card-plan:hover { box-shadow: 0 0 45px rgba(255, 0, 122, 0.5); }\n .card-plan .flip-back { background: var(--pink); }\n .card-plan .flip-front h3 { color: var(--pink); }\n\n .card-progress:hover { box-shadow: 0 0 45px rgba(0, 255, 136, 0.5); }\n .card-progress .flip-back { background: var(--green); }\n .card-progress .flip-front h3 { color: var(--green); }\n\n @media (max-width: 950px) {\n .step-row { grid-template-columns: 1fr; gap: 40px; }\n h1 { font-size: 4rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"container\">\n <div class=\"live-badge\">See Exactly Where Your Child Stands<\/div>\n <h1>FAQ & Diagnostic Matrix<\/h1>\n <p class=\"sub-desc\">\n Our interactive Diagnostic Matrix gives you a clear picture of your child\u2019s learning \u2014 strengths, gaps, and progression. <b>Think of it as your child\u2019s academic roadmap.<\/b>\n <\/p>\n\n <h2 class=\"how-title\">How It Works<\/h2>\n \n <div class=\"step-row\">\n <div class=\"flip-card card-assess\" onclick=\"this.classList.toggle('is-flipped')\">\n <div class=\"flip-front\">\n <div class=\"step-badge\">1<\/div>\n <h3>Assess<\/h3>\n <\/div>\n <div class=\"flip-back\">\n <p>We begin with a detailed diagnostic assessment to understand your child\u2019s current skill level and identify any learning gaps.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flip-card card-plan\" onclick=\"this.classList.toggle('is-flipped')\">\n <div class=\"flip-front\">\n <div class=\"step-badge\">2<\/div>\n <h3>Plan<\/h3>\n <\/div>\n <div class=\"flip-back\">\n <p>Using our structured learning blueprint, we create a personalised pathway that targets missing skills while building foundations.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flip-card card-progress\" onclick=\"this.classList.toggle('is-flipped')\">\n <div class=\"flip-front\">\n <div class=\"step-badge\">3<\/div>\n <h3>Progress<\/h3>\n <\/div>\n <div class=\"flip-back\">\n <p>Through one-on-one lessons and ongoing tracking, your child strengthens skills with measurable improvement in real time.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Curious Learner FAQ Hub<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;900&display=swap');\n\n :root {\n --cyan: #00e7ff; --pink: #ff007a; --green: #00ff88; --orange: #f97316; --purple: #6B1AB7;\n --bg: #000000; --card-bg: #0a0a0a; --border: #1a1a1a;\n }\n\n body { \n margin: 0; font-family: 'Outfit', sans-serif; background: var(--bg); color: white; \n line-height: 1.6; transition: background 0.6s ease;\n }\n\n .faq-container { max-width: 1000px; margin: 40px auto; padding: 0 20px; }\n\n \/* --- MAIN HEADING --- *\/\n .faq-header { text-align: center; margin-bottom: 30px; }\n .main-title { font-size: 3.5rem; font-weight: 900; margin: 0; letter-spacing: -1px; text-transform: uppercase; }\n\n \/* --- CATEGORY TABS --- *\/\n .faq-tabs { \n display: flex; justify-content: center; gap: 8px; \n margin-bottom: 40px; flex-wrap: wrap; position: sticky; top: 20px; z-index: 100;\n }\n .tab-btn {\n background: rgba(15, 15, 15, 0.95); border: 1px solid var(--border); color: #888;\n padding: 14px 22px; border-radius: 100px; cursor: pointer; font-weight: 800;\n transition: 0.4s; text-transform: uppercase; font-size: 0.7rem; letter-spacing: 1px;\n backdrop-filter: blur(15px);\n }\n .tab-btn.active[data-color=\"cyan\"] { background: var(--cyan); color: #000; box-shadow: 0 0 30px var(--cyan); border-color: var(--cyan); }\n .tab-btn.active[data-color=\"pink\"] { background: var(--pink); color: #000; box-shadow: 0 0 30px var(--pink); border-color: var(--pink); }\n .tab-btn.active[data-color=\"green\"] { background: var(--green); color: #000; box-shadow: 0 0 30px var(--green); border-color: var(--green); }\n .tab-btn.active[data-color=\"orange\"] { background: var(--orange); color: #000; box-shadow: 0 0 30px var(--orange); border-color: var(--orange); }\n .tab-btn.active[data-color=\"purple\"] { background: var(--purple); color: #000; box-shadow: 0 0 30px var(--purple); border-color: var(--purple); }\n\n \/* --- FAQ ITEMS --- *\/\n .faq-content-group { display: none; animation: slideUp 0.4s ease forwards; }\n .faq-content-group.active { display: block; }\n @keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n\n .faq-item {\n background: var(--card-bg); border: 1px solid var(--border);\n border-radius: 20px; margin-bottom: 12px; transition: 0.3s; overflow: hidden;\n }\n .faq-item.active { border-color: var(--accent); }\n \n .faq-question {\n padding: 22px 30px; cursor: pointer; display: flex;\n justify-content: space-between; align-items: center; \n font-weight: 700; font-size: 1.1rem; color: var(--accent);\n }\n\n .faq-answer { \n max-height: 0; overflow: hidden; transition: 0.4s ease; \n background: #fcfcfc; \/* Off-white for Black Text contrast *\/\n }\n .faq-answer-inner { \n padding: 25px 30px; color: #000000; \/* PURE BLACK TEXT *\/\n font-weight: 600; font-size: 1rem;\n }\n .faq-item.active .faq-answer { max-height: 600px; }\n \n .plus-icon { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; background: #1a1a1a; border-radius: 50%; transition: 0.4s; color: white; }\n .faq-item.active .plus-icon { transform: rotate(45deg); background: var(--accent); color: #000; }\n\n \/* --- WHATSAPP CONTACT --- *\/\n .whatsapp-container { text-align: center; margin-top: 60px; padding: 40px 20px 80px; }\n .cta-statement { color: #888; font-size: 1.1rem; font-weight: 500; margin-bottom: 25px; }\n \n .btn-live {\n position: relative; background: #25D366; color: white; border: none; \n padding: 22px 60px; border-radius: 100px; font-weight: 900; cursor: pointer; \n text-transform: uppercase; font-size: 1.1rem; text-decoration: none; \n display: inline-flex; align-items: center; gap: 15px; transition: 0.4s;\n box-shadow: 0 10px 30px rgba(37, 211, 102, 0.4);\n }\n .btn-live::before {\n content: ''; width: 12px; height: 12px; background: #fff; border-radius: 50%;\n animation: pulse-white 1.5s infinite;\n }\n @keyframes pulse-white { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(2.5); opacity: 0; } }\n .btn-live:hover { transform: scale(1.08); background: #1eb954; }\n\n <\/style>\n<\/head>\n<body>\n\n<div class=\"faq-container\">\n <div class=\"faq-header\">\n <h1 class=\"main-title\">Curious Learner <span style=\"color:var(--cyan)\">FAQ Hub<\/span><\/h1>\n <\/div>\n\n <div class=\"faq-tabs\">\n <button class=\"tab-btn active\" data-color=\"cyan\" onclick=\"switchTab('understanding', this, 'cyan')\">Curriculum<\/button>\n <button class=\"tab-btn\" data-color=\"pink\" onclick=\"switchTab('gaps', this, 'pink')\">Learning Gaps<\/button>\n <button class=\"tab-btn\" data-color=\"green\" onclick=\"switchTab('assessments', this, 'green')\">Assessments<\/button>\n <button class=\"tab-btn\" data-color=\"orange\" onclick=\"switchTab('outcomes', this, 'orange')\">Outcomes<\/button>\n <button class=\"tab-btn\" data-color=\"purple\" onclick=\"switchTab('support', this, 'purple')\">Support<\/button>\n <\/div>\n\n <div id=\"understanding\" class=\"faq-content-group active\" style=\"--accent: var(--cyan)\">\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">How does your program align with the New Zealand Curriculum? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">We structure our learning pathways around New Zealand\u2019s curriculum expectations, translating broad goals into clear, measurable year-level milestones.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">What does \u201caligned with NZ learning expectations\u201d mean? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">It means our lessons reflect what students are expected to learn at each stage of school, while providing greater clarity and structure.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">How do I know if my child is on track for their year level? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">We assess your child\u2019s current ability and map it against year-level benchmarks, providing regular progress updates and next-step guidance.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">Why can the NZ Curriculum sometimes feel unclear for parents? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">The NZ Curriculum is intentionally flexible, allowing schools to design learning locally. However, this flexibility can make it harder for parents to see specific measurable benchmarks.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">What\u2019s the difference between school learning and your structured program? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">Schools provide broad curriculum delivery. We provide structured, skill-based progression with clear milestones and measurable outcomes.<\/div><\/div><\/div>\n <\/div>\n\n <div id=\"gaps\" class=\"faq-content-group\" style=\"--accent: var(--pink)\">\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">How do you identify learning gaps? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">Through diagnostic assessments and targeted questioning, we identify skills that need strengthening before moving forward.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">What are learning gaps? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">Learning gaps occur when foundational skills haven\u2019t been fully mastered, which can affect confidence and future learning.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">Can your program help if my child is behind? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">Yes. We rebuild foundational skills step by step, helping students regain confidence and catch up steadily.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">Do you support advanced students? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">Absolutely. We provide enrichment, deeper problem-solving, and extension tasks for students ready to move ahead.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">How do you ensure steady progress? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">We follow structured skill progression, monitor performance regularly, and adjust lessons to suit each learner\u2019s pace.<\/div><\/div><\/div>\n <\/div>\n\n <div id=\"assessments\" class=\"faq-content-group\" style=\"--accent: var(--green)\">\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">Does New Zealand have national benchmarking like NAPLAN? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">New Zealand does not have a nationwide standardised test like NAPLAN. Schools use various assessment tools, which can vary.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">How does ICAS fit into NZ schools? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">ICAS is an optional international assessment that some NZ students participate in to challenge higher-order thinking skills.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">Is ICAS required? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">No, ICAS is optional. It is an opportunity for students who wish to extend themselves academically.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">How do you prepare students for assessments? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">We focus on critical thinking, problem-solving, and strong foundational knowledge aligned with NZ standards.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">Will I receive progress updates? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">Yes. Parents receive clear feedback, performance insights, and recommendations for next steps.<\/div><\/div><\/div>\n <\/div>\n\n <div id=\"outcomes\" class=\"faq-content-group\" style=\"--accent: var(--orange)\">\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">What makes your curriculum structure different? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">We provide clear year-by-year pathways, skill-based progression, and measurable learning outcomes.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">Do you follow a year-level learning pathway? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">Yes. Our framework ensures students build skills progressively at each stage.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">How do you ensure measurable outcomes? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">We use milestone tracking, structured assessments, and consistent feedback to monitor improvement.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">What subjects do you cover? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">We focus on Mathematics, Literacy, and Science, aligned with New Zealand learning expectations.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">How do you build strong foundations? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">We prioritise mastery of core concepts before moving to advanced topics, ensuring long-term confidence.<\/div><\/div><\/div>\n <\/div>\n\n <div id=\"support\" class=\"faq-content-group\" style=\"--accent: var(--purple)\">\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">How will I know my child is improving? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">You\u2019ll see measurable progress through assessments, tutor feedback, and growing classroom confidence.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">How often will I receive feedback? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">Feedback is provided regularly after sessions, along with periodic progress reviews.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">Can lessons be tailored to my child\u2019s pace? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">Yes. Every session is personalised to match your child\u2019s learning style and speed.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">How flexible is scheduling? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">Our online sessions are designed to fit around busy family routines with flexible booking options.<\/div><\/div><\/div>\n <div class=\"faq-item\"><div class=\"faq-question\" onclick=\"toggleAcc(this)\">What if my child lacks confidence? <span class=\"plus-icon\">+<\/span><\/div><div class=\"faq-answer\"><div class=\"faq-answer-inner\">We focus on building small wins, strengthening understanding, and creating a supportive environment where students feel safe to grow.<\/div><\/div><\/div>\n <\/div>\n\n <div class=\"whatsapp-container\">\n <p class=\"cta-statement\">Still have doubts or looking for something specific?<\/p>\n <a href=\"https:\/\/wa.me\/919251230015?text=Hi%20Curious%20Learner,%20I'd%20like%20to%20discuss%20a%20roadmap.\" class=\"btn-live\" target=\"_blank\">\n Expert Online \u2014 Message Now \u2192\n <\/a>\n <\/div>\n<\/div>\n\n<script>\n function switchTab(tabId, btn, colorName) {\n document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n document.querySelectorAll('.faq-content-group').forEach(group => group.classList.remove('active'));\n document.getElementById(tabId).classList.add('active');\n const glow = { cyan: 'rgba(0, 231, 255, 0.05)', pink: 'rgba(255, 0, 122, 0.05)', green: 'rgba(0, 255, 136, 0.05)', orange: 'rgba(249, 115, 22, 0.05)', purple: 'rgba(107, 26, 183, 0.05)' };\n document.body.style.background = `radial-gradient(circle at top, ${glow[colorName]}, #000 70%)`;\n }\n\n function toggleAcc(el) {\n const item = el.parentElement;\n const isActive = item.classList.contains('active');\n item.parentElement.querySelectorAll('.faq-item').forEach(i => i.classList.remove('active'));\n if (!isActive) item.classList.add('active');\n }\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Diagnostic Sample | Curious Learner Matrix<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;900&display=swap');\n\n :root {\n --cyan: #00e7ff; --pink: #ff007a; --green: #00ff88; --orange: #f97316;\n --bg: #000; --panel: #0a0a0a; --border: #1a1a1a;\n }\n\n body { \n margin: 0; font-family: 'Outfit', sans-serif; background: var(--bg); color: white;\n padding: 60px 20px; line-height: 1.6;\n }\n\n \/* --- NEW HERO SECTION --- *\/\n .hero-title-area {\n text-align: center;\n max-width: 800px;\n margin: 0 auto 50px;\n }\n .hero-title-area h1 {\n font-size: 3.5rem;\n font-weight: 900;\n margin: 0;\n letter-spacing: -1px;\n line-height: 1.1;\n text-transform: uppercase;\n }\n .hero-title-area p {\n font-size: 1.2rem;\n color: #64748b;\n margin-top: 15px;\n font-weight: 400;\n }\n .status-badge {\n display: inline-block;\n padding: 6px 15px;\n border-radius: 100px;\n background: rgba(0, 231, 255, 0.1);\n color: var(--cyan);\n font-size: 0.75rem;\n font-weight: 900;\n letter-spacing: 2px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(0, 231, 255, 0.3);\n }\n\n .report-wrapper {\n max-width: 900px; margin: 0 auto; background: var(--panel);\n border-radius: 40px; border: 1px solid var(--border);\n overflow: hidden; box-shadow: 0 0 100px rgba(0, 231, 255, 0.05);\n }\n\n \/* --- TOP HEADER --- *\/\n .report-header {\n padding: 40px; border-bottom: 1px solid var(--border);\n display: flex; justify-content: space-between; align-items: flex-start;\n background: linear-gradient(to right, rgba(0,231,255,0.05), transparent);\n }\n .student-meta h1 { margin: 0; font-size: 2.5rem; font-weight: 900; text-transform: uppercase; }\n .student-meta p { color: #64748b; margin: 5px 0 0; letter-spacing: 1px; }\n .score-orb {\n text-align: center; background: #000; padding: 20px; border-radius: 30px;\n border: 2px solid var(--cyan); box-shadow: 0 0 30px rgba(0,231,255,0.2);\n }\n .orb-val { display: block; font-size: 2.2rem; font-weight: 900; color: var(--cyan); }\n .orb-lbl { font-size: 0.7rem; font-weight: 900; color: #444; text-transform: uppercase; }\n\n \/* --- SECTIONS --- *\/\n .section-padding { padding: 40px; }\n .section-title { \n font-size: 0.8rem; font-weight: 900; color: var(--pink); \n text-transform: uppercase; letter-spacing: 3px; margin-bottom: 25px; \n display: flex; align-items: center; gap: 15px;\n }\n .section-title::after { content: ''; flex: 1; height: 1px; background: var(--border); }\n\n .heatmap-grid {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;\n }\n .skill-bar-box { background: #000; padding: 20px; border-radius: 20px; border: 1px solid var(--border); }\n .skill-label { display: flex; justify-content: space-between; margin-bottom: 10px; font-weight: 700; font-size: 0.9rem; }\n .bar-bg { width: 100%; height: 8px; background: #111; border-radius: 10px; overflow: hidden; }\n .bar-fill { height: 100%; border-radius: 10px; transition: 1.5s cubic-bezier(0.1, 0, 0.2, 1); }\n\n .gap-card {\n background: rgba(255, 0, 122, 0.03); border: 1px solid rgba(255, 0, 122, 0.1);\n padding: 25px; border-radius: 25px; margin-top: 20px; display: flex; gap: 20px;\n }\n .gap-icon { font-size: 1.5rem; color: var(--pink); }\n .gap-content h4 { margin: 0 0 5px; color: #fff; font-size: 1.1rem; }\n .gap-content p { margin: 0; color: #64748b; font-size: 0.9rem; }\n\n .comparison-wrap {\n display: flex; align-items: flex-end; gap: 40px; height: 200px; padding: 20px 0;\n border-bottom: 1px solid var(--border);\n }\n .comp-bar {\n flex: 1; background: #111; border-radius: 10px 10px 0 0; position: relative;\n transition: 1s;\n }\n .comp-bar::after {\n content: attr(data-label); position: absolute; bottom: -30px; left: 50%;\n transform: translateX(-50%); font-size: 0.7rem; color: #444; font-weight: 900; width: 100%; text-align: center;\n }\n .comp-val {\n position: absolute; top: -25px; left: 50%; transform: translateX(-50%);\n font-weight: 900; font-size: 0.9rem;\n }\n\n .cta-footer {\n background: #000; padding: 40px; text-align: center; border-top: 1px solid var(--border);\n }\n .btn-expert {\n background: var(--cyan); color: #000; border: none; padding: 20px 50px;\n border-radius: 100px; font-weight: 900; text-transform: uppercase; cursor: pointer;\n font-size: 1rem; transition: 0.3s;\n }\n .btn-expert:hover { transform: scale(1.05); box-shadow: 0 0 30px var(--cyan); }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"hero-title-area\">\n <div class=\"status-badge\">Sample Diagnostic Data<\/div>\n <h1>The Matrix <span style=\"color: var(--cyan);\">Blueprint<\/span><\/h1>\n <p>This is exactly how we visualize your child’s academic DNA. No more vague school reports\u2014just surgical, data-driven insights.<\/p>\n<\/div>\n\n<div class=\"report-wrapper\">\n <div class=\"report-header\">\n <div class=\"student-meta\">\n <p>DIAGNOSTIC BLUEPRINT v4.2<\/p>\n <h1>Liam Jenkins<\/h1>\n <p>Year 6 Student | Auckland, NZ<\/p>\n <\/div>\n <div class=\"score-orb\">\n <span class=\"orb-val\">84.2<\/span>\n <span class=\"orb-lbl\">Matrix Score<\/span>\n <\/div>\n <\/div>\n\n <div class=\"section-padding\">\n <div class=\"section-title\">Core Competency Heatmap<\/div>\n <div class=\"heatmap-grid\">\n <div class=\"skill-bar-box\">\n <div class=\"skill-label\"><span>Logical Deduction<\/span><span>92%<\/span><\/div>\n <div class=\"bar-bg\"><div class=\"bar-fill\" style=\"width: 92%; background: var(--cyan);\"><\/div><\/div>\n <\/div>\n <div class=\"skill-bar-box\">\n <div class=\"skill-label\"><span>Fractional Logic<\/span><span>45%<\/span><\/div>\n <div class=\"bar-bg\"><div class=\"bar-fill\" style=\"width: 45%; background: var(--pink);\"><\/div><\/div>\n <\/div>\n <div class=\"skill-bar-box\">\n <div class=\"skill-label\"><span>Syntactic Cohesion<\/span><span>68%<\/span><\/div>\n <div class=\"bar-bg\"><div class=\"bar-fill\" style=\"width: 68%; background: var(--orange);\"><\/div><\/div>\n <\/div>\n <div class=\"skill-bar-box\">\n <div class=\"skill-label\"><span>Scientific Inquiry<\/span><span>81%<\/span><\/div>\n <div class=\"bar-bg\"><div class=\"bar-fill\" style=\"width: 81%; background: var(--green);\"><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-padding\" style=\"background: rgba(255,255,255,0.01);\">\n <div class=\"section-title\">Micro-Gap Detected<\/div>\n <div class=\"gap-card\">\n <div class=\"gap-icon\">\u26a0\ufe0f<\/div>\n <div class=\"gap-content\">\n <h4>Decimal-Fraction Conversion Lag<\/h4>\n <p>Liam shows strong mental math but fails to translate abstract decimals into tangible fractions. This is a <b>Year 7 foundation risk<\/b> that will cause friction in Algebra next year if not repaired now.<\/p>\n <\/div>\n <\/div>\n <div class=\"gap-card\" style=\"background: rgba(0, 231, 255, 0.03); border-color: rgba(0, 231, 255, 0.1);\">\n <div class=\"gap-icon\" style=\"color: var(--cyan);\">\ud83c\udfaf<\/div>\n <div class=\"gap-content\">\n <h4>Opportunity: Advanced Analytical Reading<\/h4>\n <p>Liam’s ability to decode subtext is at a <b>Year 9 level<\/b>. We recommend skipping Standard Year 6 Literacy and moving directly into <b>Critical Analysis Modules<\/b>.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-padding\">\n <div class=\"section-title\">Global Percentile Comparison<\/div>\n <div class=\"comparison-wrap\">\n <div class=\"comp-bar\" style=\"height: 50%;\" data-label=\"NZ Year 6 Average\">\n <span class=\"comp-val\">50%<\/span>\n <\/div>\n <div class=\"comp-bar\" style=\"height: 84%; background: var(--cyan); box-shadow: 0 0 20px var(--cyan);\" data-label=\"Liam Jenkins\">\n <span class=\"comp-val\">84%<\/span>\n <\/div>\n <div class=\"comp-bar\" style=\"height: 95%; background: var(--green);\" data-label=\"Global Excellence Tier\">\n <span class=\"comp-val\">95%<\/span>\n <\/div>\n <\/div>\n <p style=\"margin-top: 50px; font-size: 0.9rem; color: #64748b; text-align: center;\">\n Liam is currently performing in the <b>top 16%<\/b> of his peer group globally. <br>Our 12-week mission will target the remaining 11% gap to reach the Excellence Tier.\n <\/p>\n <\/div>\n\n <div class=\"cta-footer\">\n <button class=\"btn-expert\" onclick=\"window.open('https:\/\/wa.me\/919251230015')\">Review Your Child’s Blueprint \u2192<\/button>\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;900&display=swap');\n\n .testimonial-impact-card {\n max-width: 800px;\n margin: 40px auto;\n background: #050505;\n border-radius: 32px;\n border: 1px solid #1a1a1a;\n padding: 40px;\n font-family: 'Outfit', sans-serif;\n position: relative;\n overflow: hidden;\n }\n\n \/* Ambient Glow behind the card *\/\n .testimonial-impact-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255, 0, 122, 0.03) 0%, transparent 70%);\n pointer-events: none;\n }\n\n .t-header { display: flex; align-items: center; gap: 20px; margin-bottom: 30px; }\n .t-avatar { \n width: 60px; height: 60px; border-radius: 50%; \n background: linear-gradient(45deg, #1a1a1a, #00e7ff);\n display: flex; align-items: center; justify-content: center;\n font-weight: 900; color: #fff; font-size: 1.2rem;\n border: 2px solid #1a1a1a;\n }\n\n .t-meta h4 { margin: 0; font-size: 1.2rem; color: #fff; }\n .t-meta p { margin: 0; color: #64748b; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1px; }\n\n .t-body { font-size: 1.15rem; line-height: 1.6; color: #cbd5e1; font-style: italic; margin-bottom: 30px; }\n .t-highlight { color: #00e7ff; font-weight: 700; font-style: normal; }\n\n \/* --- THE BEFORE\/AFTER COMPARISON --- *\/\n .comparison-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n margin-top: 30px;\n border-top: 1px solid #1a1a1a;\n padding-top: 30px;\n }\n\n .comp-item { padding: 20px; border-radius: 20px; background: rgba(255,255,255,0.02); }\n .comp-lbl { font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px; }\n .comp-txt { font-size: 0.9rem; line-height: 1.4; }\n\n .red-dot { color: #ff007a; margin-right: 5px; }\n .blue-dot { color: #00e7ff; margin-right: 5px; }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"testimonial-impact-card\">\n <div class=\"t-header\">\n <div class=\"t-avatar\">SJ<\/div>\n <div class=\"t-meta\">\n <h4>Sarah Jenkins<\/h4>\n <p>Parent of Liam (Year 6) \u2022 Auckland, NZ<\/p>\n <\/div>\n <\/div>\n\n <div class=\"t-body\">\n “I always felt Liam was capable of more, but his school reports always just said <span class=\"t-highlight\">‘At Standard.’<\/span> It was so frustratingly vague. When I saw the <span class=\"t-highlight\">Diagnostic Blueprint<\/span>, it was like someone finally turned the lights on. It showed me exactly why he was stalling in Math. Within 12 weeks of targeting those specific ‘micro-gaps,’ his confidence\u2014and his grades\u2014exploded.”\n <\/div>\n\n <div class=\"comparison-grid\">\n <div class=\"comp-item\">\n <div class=\"comp-lbl\" style=\"color: #ff007a;\">School Report<\/div>\n <div class=\"comp-txt\">\n <span class=\"red-dot\">\u25cf<\/span> “Liam is achieving at level. He needs to focus more on his math consistency.”\n <\/div>\n <\/div>\n <div class=\"comp-item\">\n <div class=\"comp-lbl\" style=\"color: #00e7ff;\">Matrix Blueprint<\/div>\n <div class=\"comp-txt\">\n <span class=\"blue-dot\">\u25cf<\/span> “Liam has a logic-gap in Decimal-Fraction conversion preventing Year 7 Math progress.”\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;900&display=swap');\n\n :root {\n --cyan: #00e7ff; --pink: #ff007a; --green: #00ff88; --orange: #f97316;\n --bg: #000; --panel: #0a0a0a; --border: #1a1a1a;\n }\n\n body { \n margin: 0; font-family: 'Outfit', sans-serif; background: var(--bg); color: white;\n padding: 20px; box-sizing: border-box;\n }\n\n .dashboard-container {\n max-width: 1000px; margin: 0 auto; background: var(--panel);\n border-radius: 40px; border: 1px solid var(--border);\n display: grid; grid-template-columns: 280px 1fr; overflow: hidden;\n box-shadow: 0 0 100px rgba(0, 231, 255, 0.05);\n }\n\n \/* --- SIDEBAR NAV --- *\/\n .dash-sidebar {\n background: #050505; border-right: 1px solid var(--border);\n padding: 40px 25px;\n }\n .profile-card { text-align: center; margin-bottom: 40px; }\n .avatar-ring {\n width: 80px; height: 80px; border-radius: 50%; border: 2px solid var(--cyan);\n margin: 0 auto 15px; display: flex; align-items: center; justify-content: center;\n background: radial-gradient(circle, rgba(0,231,255,0.1) 0%, transparent 70%);\n }\n .profile-card h3 { margin: 0; font-size: 1.2rem; font-weight: 900; }\n .profile-card span { color: #64748b; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; }\n\n .nav-link {\n padding: 15px; border-radius: 12px; margin-bottom: 8px; cursor: pointer;\n color: #444; font-weight: 700; transition: 0.3s; display: flex; align-items: center; gap: 12px;\n }\n .nav-link.active { background: rgba(0, 231, 255, 0.05); color: var(--cyan); }\n\n \/* --- MAIN VIEW --- *\/\n .dash-main { padding: 40px; overflow-y: auto; max-height: 800px; }\n .welcome-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 40px; }\n .welcome-header h2 { margin: 0; font-size: 2rem; font-weight: 900; }\n\n \/* --- MASTERY NODES --- *\/\n .matrix-grid {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 15px;\n margin-bottom: 40px;\n }\n .node-card {\n background: #000; border: 1px solid var(--border); padding: 20px; border-radius: 20px;\n text-align: center; transition: 0.3s;\n }\n .node-card.conquered { border-color: var(--green); box-shadow: 0 0 20px rgba(0, 255, 136, 0.1); }\n .node-card.active { border-color: var(--cyan); border-style: dashed; animation: pulse-border 2s infinite; }\n \n @keyframes pulse-border { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } }\n\n .node-icon { font-size: 1.5rem; margin-bottom: 10px; display: block; }\n .node-title { font-size: 0.8rem; font-weight: 900; text-transform: uppercase; color: #64748b; }\n .node-status { font-size: 0.7rem; font-weight: 900; margin-top: 5px; display: block; }\n\n \/* --- PROGRESS SECTION --- *\/\n .progress-block { background: #000; border: 1px solid var(--border); border-radius: 30px; padding: 30px; }\n .progress-header { display: flex; justify-content: space-between; margin-bottom: 20px; }\n .progress-bar-wrap { width: 100%; height: 12px; background: #111; border-radius: 20px; overflow: hidden; margin-bottom: 10px; }\n .progress-fill { height: 100%; background: linear-gradient(to right, var(--cyan), var(--green)); border-radius: 20px; }\n\n .session-notes { margin-top: 30px; border-top: 1px solid var(--border); padding-top: 20px; }\n .note-tag { font-size: 10px; font-weight: 900; color: var(--pink); text-transform: uppercase; letter-spacing: 1px; }\n .note-text { color: #94a3b8; font-size: 0.95rem; font-style: italic; }\n\n \/* Mobile Adjustments *\/\n @media (max-width: 768px) {\n .dashboard-container { grid-template-columns: 1fr; }\n .dash-sidebar { display: none; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"dashboard-container\">\n <div class=\"dash-sidebar\">\n <div class=\"profile-card\">\n <div class=\"avatar-ring\">\n <span style=\"font-size: 1.5rem; font-weight: 900;\">LJ<\/span>\n <\/div>\n <h3>Liam Jenkins<\/h3>\n <span>Year 6 \u2022 Auckland<\/span>\n <\/div>\n \n <div class=\"nav-link active\"><span>\ud83d\udca0<\/span> Master Matrix<\/div>\n <div class=\"nav-link\"><span>\ud83d\udcca<\/span> Growth Reports<\/div>\n <div class=\"nav-link\"><span>\ud83d\udcc5<\/span> Mission Schedule<\/div>\n <div class=\"nav-link\"><span>\ud83c\udfc6<\/span> Achievements<\/div>\n <div class=\"nav-link\"><span>\u2699\ufe0f<\/span> Settings<\/div>\n <\/div>\n\n <div class=\"dash-main\">\n <div class=\"welcome-header\">\n <div>\n <h2 style=\"color: var(--cyan);\">Current Mission<\/h2>\n <p style=\"color: #444; margin: 0; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;\">Week 4: Logical Deduction & Syntax<\/p>\n <\/div>\n <div style=\"text-align: right;\">\n <span style=\"font-size: 2rem; font-weight: 900; color: var(--green);\">72%<\/span>\n <p style=\"margin: 0; font-size: 0.7rem; color: #64748b; font-weight: 900; text-transform: uppercase;\">Total Mastery<\/p>\n <\/div>\n <\/div>\n\n <div class=\"matrix-grid\">\n <div class=\"node-card conquered\">\n <span class=\"node-icon\">\u2714\ufe0f<\/span>\n <span class=\"node-title\">Mental Math<\/span>\n <span class=\"node-status\" style=\"color: var(--green);\">CONQUERED<\/span>\n <\/div>\n <div class=\"node-card conquered\">\n <span class=\"node-icon\">\u2714\ufe0f<\/span>\n <span class=\"node-title\">Sentence Flow<\/span>\n <span class=\"node-status\" style=\"color: var(--green);\">CONQUERED<\/span>\n <\/div>\n <div class=\"node-card active\">\n <span class=\"node-icon\">\u26a1<\/span>\n <span class=\"node-title\">Fraction Logic<\/span>\n <span class=\"node-status\" style=\"color: var(--cyan);\">IN PROGRESS<\/span>\n <\/div>\n <div class=\"node-card\">\n <span class=\"node-icon\">\ud83d\udd12<\/span>\n <span class=\"node-title\">NCEA Literacy<\/span>\n <span class=\"node-status\" style=\"color: #333;\">LOCKED<\/span>\n <\/div>\n <\/div>\n\n <div class=\"progress-block\">\n <div class=\"progress-header\">\n <span style=\"font-weight: 900; font-size: 0.9rem;\">Quarterly Excellence Goal<\/span>\n <span style=\"color: var(--cyan); font-weight: 900;\">85% Target<\/span>\n <\/div>\n <div class=\"progress-bar-wrap\">\n <div class=\"progress-fill\" style=\"width: 72%;\"><\/div>\n <\/div>\n <p style=\"color: #64748b; font-size: 0.85rem;\">Liam is <b>13% away<\/b> from reaching the Excellence Tier for Year 6.<\/p>\n\n <div class=\"session-notes\">\n <span class=\"note-tag\">Latest Expert Insight:<\/span>\n <p class=\"note-text\">“Liam had a breakthrough today with multi-step logical deduction. He’s now successfully deconstructing ICAS-level questions without external prompts. Moving to Algebraic Foundations next session.”<\/p>\n <\/div>\n <\/div>\n \n <p style=\"text-align: center; margin-top: 40px; color: #333; font-size: 0.8rem; font-weight: 900; letter-spacing: 1px;\">CURIOUS LEARNER MATRIX v2.4 \u2022 LIVE DATA FEED<\/p>\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Curriculum nerve Center Roadmap<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;900&display=swap');\n\n :root {\n --cyan: #00e7ff; --pink: #ff007a; --green: #00ff88; --orange: #f97316;\n --bg: #000000; --node-bg: #0a0a0a; --border: #1a1a1a;\n }\n\n body { \n margin: 0; font-family: 'Outfit', sans-serif; background: var(--bg); color: white; \n display: flex; align-items: center; justify-content: center; min-height: 100vh;\n padding: 20px; box-sizing: border-box;\n }\n\n .roadmap-container {\n width: 100%; max-width: 1100px; padding: 60px;\n background: rgba(10, 10, 10, 0.5); border-radius: 40px; border: 1px solid var(--border);\n box-shadow: 0 0 80px rgba(0, 231, 255, 0.05); position: relative;\n }\n\n \/* --- THE CENTRAL NERVE CABLE --- *\/\n .central-nerve {\n position: absolute; top: 0; bottom: 0; left: 50%;\n width: 6px; transform: translateX(-50%);\n background: linear-gradient(to bottom, #fff, var(--cyan) 15%, var(--pink) 50%, var(--green) 85%, #fff);\n box-shadow: 0 0 20px rgba(0, 231, 255, 0.5); z-index: 1;\n }\n\n \/* --- STAGE ROWS --- *\/\n .roadmap-stage {\n display: grid; grid-template-columns: 1fr 140px 1fr;\n align-items: center; margin-bottom: 80px; position: relative; z-index: 2;\n }\n .roadmap-stage:last-child { margin-bottom: 0; }\n\n \/* --- YEAR NODES --- *\/\n .year-node-wrapper { display: flex; justify-content: center; align-items: center; position: relative; }\n \n .year-node {\n width: 100px; height: 100px; background: var(--node-bg);\n border: 3px solid #fff; border-radius: 50%;\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n font-weight: 900; color: #fff; text-transform: uppercase; letter-spacing: 1px;\n box-shadow: 0 0 30px rgba(255,255,255,0.1);\n transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); cursor: pointer;\n }\n .year-label { font-size: 0.8rem; opacity: 0.8; }\n .year-num { font-size: 2.8rem; line-height: 0.9; margin-bottom: -5px; }\n\n .roadmap-stage:hover .year-node { transform: scale(1.15) rotate(5deg); box-shadow: 0 0 50px var(--node-glow); }\n\n \/* Stage Connectors (The synapses) *\/\n .stage-synapse {\n position: absolute; top: 50%; height: 2px;\n background: var(--node-glow); width: 80px;\n animation: synaptic-pulse 2s infinite;\n }\n .roadmap-stage:nth-child(odd) .stage-synapse { right: 100%; }\n .roadmap-stage:nth-child(even) .stage-synapse { left: 100%; }\n\n @keyframes synaptic-pulse { 0% { opacity: 0.2; width: 0; } 50% { opacity: 1; width: 80px; } 100% { opacity: 0; width: 0; } }\n\n \/* --- CONTENT CARDS --- *\/\n .stage-card {\n background: #050505; border: 1px solid var(--border);\n padding: 30px; border-radius: 25px; transition: 0.4s;\n position: relative; overflow: hidden;\n }\n .stage-card:hover { border-color: var(--node-glow); box-shadow: 0 10px 30px rgba(255, 255, 255, 0.05); }\n\n .stage-tag { font-size: 10px; font-weight: 900; color: #64748b; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 12px; transition: 0.3s; }\n .stage-title { font-size: 1.5rem; font-weight: 900; color: #fff; margin: 0 0 15px; letter-spacing: -0.5px; }\n .stage-card p { font-size: 0.95rem; color: #94a3b8; margin: 0; line-height: 1.6; }\n\n \/* --- GLIMMER TEXTS --- *\/\n .glimmer-math { color: var(--green); text-shadow: 0 0 10px var(--green); font-weight: 700; }\n .glimmer-literacy { color: var(--cyan); text-shadow: 0 0 10px var(--cyan); font-weight: 700; }\n .glimmer-logic { color: var(--orange); text-shadow: 0 0 10px var(--orange); font-weight: 700; }\n\n \/* --- RESPONSIVE LAYOUT (MOBILE) --- *\/\n @media (max-width: 800px) {\n .roadmap-container { padding: 40px 20px; }\n .central-nerve { left: 30px; }\n .roadmap-stage { grid-template-columns: 80px 1fr; margin-bottom: 60px; }\n .roadmap-stage:nth-child(odd), .roadmap-stage:nth-child(even) { direction: ltr; }\n .year-node-wrapper { justify-content: flex-start; }\n .year-node { width: 70px; height: 70px; border-width: 2px; }\n .year-num { font-size: 2rem; }\n .year-label { font-size: 0.6rem; }\n .stage-card { grid-column: 2; margin-left: 20px; padding: 20px; }\n .stage-synapse { left: 70px !important; width: 30px !important; animation: none; opacity: 1; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"roadmap-container\">\n <div class=\"central-nerve\"><\/div>\n\n <div class=\"roadmap-stage\" style=\"--node-glow: var(--cyan)\">\n <div class=\"stage-card\" style=\"grid-column: 1;\">\n <div class=\"stage-tag\">Diagnostic Foundations<\/div>\n <h3 class=\"stage-title\">Bridging the Gaps<\/h3>\n <p>We scan the Matrix for foundational weaknesses. Focus: Building bulletproof <span class=\"glimmer-math\">Core Numeracy<\/span> and technical <span class=\"glimmer-literacy\">Sentence Syntax<\/span> cohesion.<\/p>\n <\/div>\n <div class=\"year-node-wrapper\" style=\"grid-column: 2;\">\n <div class=\"year-node\">\n <span class=\"year-label\">Year<\/span>\n <span class=\"year-num\">4<\/span>\n <\/div>\n <div class=\"stage-synapse\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"roadmap-stage\" style=\"--node-glow: var(--pink)\">\n <div class=\"year-node-wrapper\" style=\"grid-column: 2;\">\n <div class=\"stage-synapse\"><\/div>\n <div class=\"year-node\">\n <span class=\"year-label\">Years<\/span>\n <span class=\"year-num\">5-6<\/span>\n <\/div>\n <\/div>\n <div class=\"stage-card\" style=\"grid-column: 3;\">\n <div class=\"stage-tag\">Logical Extension<\/div>\n <h3 class=\"stage-title\"> mastery & inquiry<\/h3>\n <p>transitioning from “how” to “why.” Focus: <span class=\"glimmer-math\">Multi-Step Algebra<\/span>, Strategic <span class=\"glimmer-logic\">Problem Solving<\/span>, and Analytical <span class=\"glimmer-literacy\">Reading Depth<\/span>.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"roadmap-stage\" style=\"--node-glow: var(--orange)\">\n <div class=\"stage-card\" style=\"grid-column: 1;\">\n <div class=\"stage-tag\">Pre-NCEA Resilience<\/div>\n <h3 class=\"stage-title\">Academic rigor<\/h3>\n <p>Preparation for high-stakes assessments. Focus: ICAS-Level <span class=\"glimmer-logic\">First Principles Logic<\/span>, Cohesive <span class=\"glimmer-literacy\">Essay Structure<\/span>, and Functional <span class=\"glimmer-math\">NCEA Numeracy<\/span>.<\/p>\n <\/div>\n <div class=\"year-node-wrapper\" style=\"grid-column: 2;\">\n <div class=\"year-node\">\n <span class=\"year-label\">Years<\/span>\n <span class=\"year-num\">7-8<\/span>\n <\/div>\n <div class=\"stage-synapse\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"roadmap-stage\" style=\"--node-glow: var(--green)\">\n <div class=\"year-node-wrapper\" style=\"grid-column: 2;\">\n <div class=\"stage-synapse\"><\/div>\n <div class=\"year-node\">\n <span class=\"year-label\">Years<\/span>\n <span class=\"year-num\">9-10<\/span>\n <\/div>\n <\/div>\n <div class=\"stage-card\" style=\"grid-column: 3;\">\n <div class=\"stage-tag\">Global Excellence<\/div>\n <h3 class=\"stage-title\">Matrix Excellence<\/h3>\n <p>Mastery of university-level critical thinking. Focus: Independent <span class=\"glimmer-logic\">Inquiry Projects<\/span>, Scholarship-Level <span class=\"glimmer-literacy\">Analysis<\/span>, and NCEA Level 1 <span class=\"glimmer-math\">numeracy Mastery<\/span>.<\/p>\n <\/div>\n <\/div>\n\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;900&display=swap');\n\n :root {\n --cyan: #00e7ff; --pink: #ff007a; --green: #00ff88;\n --bg: #000; --panel: #0a0a0a; --border: #1a1a1a;\n }\n\n .booking-modal {\n max-width: 550px; margin: 40px auto; background: var(--panel);\n border-radius: 40px; border: 1px solid var(--border);\n padding: 40px; font-family: 'Outfit', sans-serif;\n box-shadow: 0 0 100px rgba(0, 231, 255, 0.1);\n position: relative; overflow: hidden;\n }\n\n .booking-modal::before {\n content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px;\n background: linear-gradient(to right, var(--cyan), var(--pink), var(--green));\n }\n\n .b-header h2 { font-size: 2rem; font-weight: 900; margin: 0; text-transform: uppercase; }\n .b-header p { color: #64748b; font-size: 0.95rem; margin-top: 10px; margin-bottom: 30px; }\n\n .b-field { margin-bottom: 20px; }\n .b-field label { display: block; font-size: 10px; font-weight: 900; color: var(--cyan); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 8px; }\n \n .b-input, .b-select {\n width: 100%; background: #000; border: 1px solid #222; padding: 16px; \n border-radius: 12px; color: white; outline: none; box-sizing: border-box;\n font-family: inherit; transition: 0.3s;\n }\n .b-input:focus { border-color: var(--cyan); box-shadow: 0 0 15px rgba(0,231,255,0.1); }\n\n \/* --- SELECTABLE CARDS --- *\/\n .roadblock-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 25px; }\n .roadblock-card {\n background: #000; border: 1px solid #1a1a1a; padding: 15px; border-radius: 15px;\n cursor: pointer; transition: 0.3s; text-align: center;\n }\n .roadblock-card:hover { border-color: #333; }\n .roadblock-card.active { border-color: var(--pink); background: rgba(255,0,122,0.05); }\n .roadblock-card h5 { margin: 0; font-size: 0.85rem; font-weight: 900; }\n\n .btn-confirm {\n background: var(--cyan); color: #000; border: none; padding: 20px;\n border-radius: 100px; font-weight: 900; width: 100%; cursor: pointer;\n text-transform: uppercase; font-size: 1rem; transition: 0.4s;\n margin-top: 10px;\n }\n .btn-confirm:hover { transform: scale(1.02); box-shadow: 0 10px 30px rgba(0,231,255,0.4); }\n\n \/* Success Message State *\/\n #bookingSuccess { display: none; text-align: center; padding: 20px 0; animation: fadeIn 0.5s; }\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"booking-modal\" id=\"bookingNode\">\n <div id=\"bookingForm\">\n <div class=\"b-header\">\n <h2>Secure Your <span style=\"color: var(--cyan)\">Blueprint<\/span><\/h2>\n <p>Select your primary roadblock to begin the diagnostic.<\/p>\n <\/div>\n\n <form onsubmit=\"handleBooking(event)\">\n <div class=\"roadblock-grid\">\n <div class=\"roadblock-card\" onclick=\"selectCard(this)\">\n <h5 style=\"color: var(--cyan);\">Math Logic Gaps<\/h5>\n <\/div>\n <div class=\"roadblock-card\" onclick=\"selectCard(this)\">\n <h5 style=\"color: var(--pink);\">Literacy Cohesion<\/h5>\n <\/div>\n <div class=\"roadblock-card\" onclick=\"selectCard(this)\">\n <h5 style=\"color: var(--green);\">Gifted Extension<\/h5>\n <\/div>\n <div class=\"roadblock-card\" onclick=\"selectCard(this)\">\n <h5 style=\"color: var(--orange);\">NCEA Readiness<\/h5>\n <\/div>\n <\/div>\n\n <div class=\"b-field\">\n <label>Student Year Level<\/label>\n <select class=\"b-select\" required>\n <option value=\"\">Select Year…<\/option>\n <option>Year 4-6<\/option>\n <option>Year 7-8<\/option>\n <option>Year 9-10<\/option>\n <option>NCEA Prep<\/option>\n <\/select>\n <\/div>\n\n <div class=\"b-field\">\n <label>Parent Contact (WhatsApp)<\/label>\n <input type=\"tel\" class=\"b-input\" placeholder=\"+64 ...\" required>\n <\/div>\n\n <button type=\"submit\" class=\"btn-confirm\">Initialize Diagnostic \u2192<\/button>\n <\/form>\n <\/div>\n\n <div id=\"bookingSuccess\">\n <div style=\"font-size: 4rem; color: var(--green); margin-bottom: 20px;\">\u2713<\/div>\n <h2 style=\"color: #fff;\">Mission Initialized<\/h2>\n <p style=\"color: #64748b;\">An education expert will reach out via WhatsApp to finalize your diagnostic window.<\/p>\n <button class=\"btn-confirm\" style=\"background: white;\" onclick=\"resetForm()\">Back to Site<\/button>\n <\/div>\n<\/div>\n\n<script>\n function selectCard(el) {\n document.querySelectorAll('.roadblock-card').forEach(c => c.classList.remove('active'));\n el.classList.add('active');\n }\n\n function handleBooking(e) {\n e.preventDefault();\n document.getElementById('bookingForm').style.display = 'none';\n document.getElementById('bookingSuccess').style.display = 'block';\n }\n\n function resetForm() {\n document.getElementById('bookingForm').style.display = 'block';\n document.getElementById('bookingSuccess').style.display = 'none';\n }\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;900&display=swap');\n\n :root {\n --cl-teal: #14b8a6;\n --cl-navy-dark: #020617;\n --cl-orange: #f97316;\n --cl-brand-blue: #3b82f6;\n --cl-white: #ffffff;\n --cl-text-muted: #94a3b8;\n }\n\n #cl-final-academic-footer {\n background: var(--cl-navy-dark);\n color: var(--cl-white);\n font-family: 'Outfit', sans-serif;\n padding: 60px 0 30px;\n border-top: 1px solid rgba(20, 184, 166, 0.2);\n }\n\n .footer-wrapper {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n display: grid;\n grid-template-columns: 1.5fr 1fr 1fr;\n gap: 60px;\n }\n\n \/* --- LOGO & BRANDING --- *\/\n .brand-zone img {\n max-width: 250px;\n height: auto;\n margin-bottom: 25px;\n display: block;\n background: #ffffff; \n padding: 12px;\n border-radius: 16px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n }\n\n .brand-tagline {\n font-size: 0.95rem;\n line-height: 1.7;\n color: var(--cl-text-muted);\n margin-bottom: 30px;\n }\n\n \/* SOCIAL ICONS (ORIGINAL COLORS ON HOVER) *\/\n .social-cluster {\n display: flex;\n gap: 15px;\n }\n\n .s-icon {\n width: 42px; height: 42px;\n background: rgba(255, 255, 255, 0.05);\n color: var(--cl-white);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n font-size: 1.2rem;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n \/* Brand Color Physics *\/\n .s-fb:hover { background: #1877F2; border-color: #1877F2; transform: translateY(-8px); }\n .s-ig:hover { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); border-color: transparent; transform: translateY(-8px); }\n .s-ln:hover { background: #0077b5; border-color: #0077b5; transform: translateY(-8px); }\n .s-x:hover { background: #ffffff; color: #000000; border-color: #ffffff; transform: translateY(-8px); }\n\n \/* --- QUICK ACCESS (COLOURED HOVER) --- *\/\n .nav-node h3 {\n color: var(--cl-teal);\n font-size: 0.8rem;\n text-transform: uppercase;\n letter-spacing: 4px;\n margin-bottom: 30px;\n font-weight: 900;\n }\n\n .nav-node ul { list-style: none; padding: 0; margin: 0; }\n .nav-node li { margin-bottom: 15px; }\n .nav-node a {\n color: var(--cl-text-muted);\n text-decoration: none;\n font-size: 0.95rem;\n transition: 0.3s;\n display: inline-block;\n }\n\n \/* Multi-Color Link Hover *\/\n .nav-node li:nth-child(odd) a:hover { color: var(--cl-teal); transform: translateX(5px); }\n .nav-node li:nth-child(even) a:hover { color: var(--cl-orange); transform: translateX(5px); }\n\n \/* --- CONTACT & ADDRESS --- *\/\n .contact-stack { margin-bottom: 25px; }\n .contact-stack strong {\n display: block;\n color: var(--cl-teal);\n font-size: 0.7rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 5px;\n }\n .contact-stack p, .contact-stack a {\n color: var(--cl-text-muted);\n text-decoration: none;\n font-size: 0.95rem;\n margin: 0;\n transition: 0.3s;\n }\n .contact-stack a:hover { color: var(--cl-white); }\n\n \/* --- LEGAL BAR --- *\/\n .legal-row {\n max-width: 1200px;\n margin: 50px auto 0;\n padding: 30px 20px 0;\n border-top: 1px solid rgba(255, 255, 255, 0.05);\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .legal-copy { font-size: 0.85rem; color: var(--cl-white); }\n \n .legal-power { font-size: 0.9rem; font-weight: 900; color: var(--cl-white); }\n .brand-orange { color: var(--cl-orange); }\n .brand-blue { color: var(--cl-brand-blue); }\n\n @media (max-width: 991px) {\n .footer-wrapper { grid-template-columns: 1fr; text-align: center; gap: 40px; }\n .social-cluster { justify-content: center; }\n .legal-row { flex-direction: column; gap: 15px; text-align: center; }\n }\n <\/style>\n<\/head>\n<body>\n\n<footer id=\"cl-final-academic-footer\">\n <div class=\"footer-wrapper\">\n \n <div class=\"brand-zone\">\n <img decoding=\"async\" src=\"https:\/\/curiouslearneracademy.com\/newzealand\/wp-content\/uploads\/sites\/3\/2026\/01\/cropped-Logo-Color-Updated.png\" alt=\"Curious Learner Academy\" title=\"FAQ\">\n <p class=\"brand-tagline\">\n Empowering students across Aotearoa New Zealand with structured, flexible, and tailored learning that bridges gaps, builds confidence, and ensures clear, measurable growth.\n <\/p>\n <div class=\"social-cluster\">\n <a href=\"#\" class=\"s-icon s-fb\" title=\"Facebook\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\n <a href=\"#\" class=\"s-icon s-ig\" title=\"Instagram\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\n <a href=\"#\" class=\"s-icon s-ln\" title=\"LinkedIn\"><i class=\"fa-brands fa-linkedin-in\"><\/i><\/a>\n <a href=\"#\" class=\"s-icon s-x\" title=\"X (Twitter)\"><i class=\"fa-brands fa-x-twitter\"><\/i><\/a>\n <\/div>\n <\/div>\n\n <div class=\"nav-node\">\n <h3>Quick Access<\/h3>\n <ul>\n <li><a href=\"https:\/\/curiouslearneracademy.com\/newzealand\/faq\/\">Help & FAQs<\/a><\/li>\n <li><a href=\"https:\/\/curiouslearneracademy.com\/newzealand\/terms-conditions\/\">Terms & Conditions<\/a><\/li>\n <li><a href=\"https:\/\/curiouslearneracademy.com\/newzealand\/refund-cancellation\/\">Refund & Cancellation<\/a><\/li>\n <li><a href=\"https:\/\/curiouslearneracademy.com\/newzealand\/privacy-policy\/\">Privacy Policy<\/a><\/li>\n <li><a href=\"https:\/\/curiouslearneracademy.com\/newzealand\/data-breachresponse-policy-cookies-policy\/\">Breach & Cookies<\/a><\/li>\n <li><a href=\"https:\/\/curiouslearneracademy.com\/newzealand\/child-protection-online-safety\/\">Child Safety Hub<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"nav-node\">\n <h3>Support Node<\/h3>\n <div class=\"contact-stack\">\n <strong>Address<\/strong>\n <p>Global Online Learning Platform<\/p>\n <\/div>\n <div class=\"contact-stack\">\n <strong>WhatsApp Support<\/strong>\n <a href=\"https:\/\/wa.me\/919251230015\">+91 92512 30015<\/a>\n <\/div>\n <div class=\"contact-stack\">\n <strong>Official Email<\/strong>\n <a href=\"mailto:support@curiouslearneracademy.com\">support@curiouslearneracademy.com<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"legal-row\">\n <div class=\"legal-copy\">\n Copyright \u00a9 2025 Curious Learner New Zealand\n <\/div>\n <div class=\"legal-power\">\n Powered by <span class=\"brand-orange\">Curious<\/span> <span class=\"brand-blue\">Learner<\/span>\n <\/div>\n <\/div>\n<\/footer>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Dynamic Diagnostic Matrix Hub See Exactly Where Your Child Stands FAQ & Diagnostic Matrix Our interactive Diagnostic Matrix gives you […]<\/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":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","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-593","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\/newzealand\/author\/curiouslearnerofficegmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Dynamic Diagnostic Matrix Hub See Exactly Where Your Child Stands FAQ & Diagnostic Matrix Our interactive Diagnostic Matrix gives you […]","_links":{"self":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/comments?post=593"}],"version-history":[{"count":31,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/593\/revisions"}],"predecessor-version":[{"id":670,"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/pages\/593\/revisions\/670"}],"wp:attachment":[{"href":"https:\/\/curiouslearneracademy.com\/newzealand\/wp-json\/wp\/v2\/media?parent=593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}