:root{--join-ink:#182034;--join-muted:#667085;--join-soft:#f4f5fb;--join-purple:#6255e7;--join-purple2:#7d6df4;--join-border:#e3e6ef;--join-green:#158a63;--join-gold:#a86d00}
*{box-sizing:border-box}.join-page{margin:0;background:#fff;color:var(--join-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.join-page a{color:inherit}.join-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px max(20px,calc((100vw - 1180px)/2));background:rgba(255,255,255,.94);border-bottom:1px solid var(--join-border);backdrop-filter:blur(10px)}.join-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.join-brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#6355e7,#9a79ff);color:#fff;font-size:22px;font-weight:900;box-shadow:0 8px 22px #6d5dfc33}.join-brand-mark i{font-size:10px;font-style:normal;margin-left:-3px}.join-brand span:last-child{display:grid}.join-brand b{font-size:1.05rem}.join-brand small{color:var(--join-muted)}.join-nav nav{display:flex;align-items:center;gap:18px}.join-nav nav>a:not(.button-link){text-decoration:none;color:#50586b;font-weight:700;font-size:.92rem}.join-section,.join-hero{max-width:1180px;margin:auto;padding:76px 24px}.join-hero{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:56px;min-height:660px;padding-top:70px;padding-bottom:58px}.testing-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #dcd8ff;background:#f5f3ff;color:#5046b6;border-radius:999px;padding:8px 12px;font-size:.83rem;font-weight:800;margin-bottom:18px}.join-hero h1{font-size:clamp(2.65rem,5vw,5.2rem);line-height:.97;letter-spacing:-.055em;margin:.2em 0}.join-hero h1 em{font-style:normal;color:var(--join-purple)}.join-lead{font-size:1.18rem;line-height:1.65;color:#4f586c;max-width:680px}.join-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 12px}.join-big-cta{font-size:1.02rem;padding:14px 18px}.join-smallprint{font-size:.85rem;color:var(--join-muted);max-width:660px}.join-disabled{opacity:.65;cursor:not-allowed}.join-hero-demo{position:relative}.join-hero-demo:before{content:"";position:absolute;inset:-50px;background:radial-gradient(circle at 50% 50%,#7668ef25,transparent 68%);z-index:-1}.preview-window{border:1px solid #d8dce8;border-radius:24px;background:#fff;box-shadow:0 28px 70px #2f31551f;overflow:hidden;transform:rotate(1deg)}.preview-bar{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;background:#23273b;color:#fff;font-size:.78rem}.preview-dots{color:#ffb75d;letter-spacing:3px}.preview-welcome{display:flex;justify-content:space-between;align-items:center;padding:24px 22px 10px}.preview-welcome span:first-child{display:grid;gap:4px}.preview-welcome small,.preview-card small,.reward-preview-head small,.parent-card>small{font-weight:900;letter-spacing:.08em;font-size:.68rem;color:#685fd0}.preview-welcome b{font-size:1.4rem}.preview-avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#f2edff;font-size:30px}.preview-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 20px}.preview-card{min-height:136px;padding:15px;border:1px solid var(--join-border);border-radius:16px;display:flex;flex-direction:column;gap:7px}.preview-card b{font-size:1.15rem}.preview-card span{font-size:.78rem;color:var(--join-muted)}.preview-card i{display:block;height:7px;background:#6d5dfc;border-radius:20px;margin-top:auto}.preview-card.real{background:linear-gradient(135deg,#f3fbf7,#f8f4ff)}.preview-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:4px 20px 22px}.preview-tiles span{display:grid;place-items:center;gap:5px;padding:12px 6px;background:#f6f7fb;border-radius:12px;font-size:18px}.preview-tiles b{font-size:.7rem}.join-trust-row{border-top:1px solid var(--join-border);border-bottom:1px solid var(--join-border);display:flex;justify-content:center;gap:34px;flex-wrap:wrap;padding:18px 20px;color:#4e5769;font-weight:700;font-size:.9rem;background:#fbfbfd}.join-section-head{text-align:center;max-width:800px;margin:0 auto 34px}.join-section-head h2{font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.035em;margin:.2em 0}.join-section-head p:not(.eyebrow){color:var(--join-muted);font-size:1.05rem;line-height:1.6}.join-preview-section{padding-top:88px}.snapshot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.snapshot-card{border:1px solid var(--join-border);border-radius:20px;padding:16px;background:#fff;box-shadow:0 14px 38px #2428430c}.snapshot-card>h3{margin:20px 6px 6px;font-size:1.25rem}.snapshot-card>p{margin:0 6px 8px;color:var(--join-muted);line-height:1.55}.snapshot-screen{min-height:335px;border-radius:15px;background:#f6f7fb;border:1px solid #e6e8f0;padding:20px;overflow:hidden}.snap-top,.snap-arena-title{display:flex;justify-content:space-between;color:#6a7283;font-size:.78rem;font-weight:800}.snapshot-question h3{margin:38px 0 16px;font-size:1.6rem}.snap-answer{border:2px solid #6d5dfc;background:#fff;border-radius:11px;padding:12px;font-size:1.25rem;font-weight:800}.snap-check{margin-top:9px;background:#6355e7;color:#fff;border-radius:11px;padding:11px;text-align:center;font-weight:900}.snap-tools{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.snap-tools span{padding:7px 9px;border-radius:999px;background:#fff;border:1px solid #dde0e9;font-size:.7rem;font-weight:800}.snap-help{display:grid;gap:4px;background:#fff6db;border:1px solid #f2d783;border-radius:12px;padding:12px}.snap-help span{font-size:.78rem}.snap-arena-title{align-items:flex-start;margin-bottom:18px}.snap-arena-title b{font-size:1.2rem;color:var(--join-ink)}.snap-arena-title span{padding:5px 8px;background:#ebe8ff;color:#554ba9;border-radius:999px}.arena-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:12px 10px;border-bottom:1px solid #e2e5ed;background:#fff}.arena-row:first-of-type{border-radius:12px 12px 0 0}.arena-row.winner{background:#fff8df;border:1px solid #efd988;border-radius:12px;margin-bottom:8px}.arena-row span:nth-child(2){display:grid}.arena-row small{color:#6b7280;margin-top:2px}.arena-rank{font-size:20px}.snap-chat{display:grid;gap:7px;margin-top:16px}.snap-chat span{background:#fff;border-radius:10px;padding:9px 10px;font-size:.75rem}.snap-study-head{display:flex;gap:12px;align-items:center;margin-bottom:17px}.snap-study-head>span{font-size:30px}.snap-study-head div{display:grid}.snap-study-head small{font-size:.66rem;color:#685fd0;font-weight:900}.study-focus{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;background:#fff;padding:11px;border-radius:11px;margin:8px 0}.study-focus>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#ebe8ff;color:#554ba9;font-weight:900}.study-focus div{display:grid}.study-focus small{color:#697184;margin-top:2px}.study-banner{margin-top:14px;border-radius:11px;background:#fff0ed;color:#a14733;padding:11px;font-weight:800;font-size:.8rem}.reward-preview-head{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reward-preview-head>div{display:grid;background:#fff;border-radius:12px;padding:12px}.reward-preview-head b{font-size:1.25rem}.reward-preview-head span{font-size:.75rem;color:#6c7484}.reward-preview-body{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.benji-preview,.reward-shop-preview{background:#fff;border-radius:14px;padding:12px}.benji-preview{display:grid;place-items:center;gap:4px;font-size:.78rem;font-weight:800}.benji-preview img{width:150px;height:150px;object-fit:contain}.reward-shop-preview{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reward-shop-preview span{display:grid;place-items:center;text-align:center;background:#f2f0ff;border-radius:10px;padding:12px 6px;font-size:.78rem;font-weight:800}.join-how{max-width:none;background:var(--join-soft);padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2))}.how-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.how-steps article{background:#fff;padding:20px;border-radius:16px;border:1px solid var(--join-border)}.how-steps article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#6255e7;color:white;font-weight:900;margin-bottom:14px}.how-steps b{font-size:1.05rem}.how-steps p{font-size:.88rem;color:var(--join-muted);line-height:1.5}.feature-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-group{border:1px solid var(--join-border);border-radius:18px;padding:20px}.feature-group h3{margin:0 0 12px}.feature-group ul{margin:0;padding-left:19px;color:#525b6d;line-height:1.65}.difference-section{padding-top:54px}.compare-table{border:1px solid var(--join-border);border-radius:16px;overflow:hidden}.compare-row{display:grid;grid-template-columns:.72fr 1.35fr 1.15fr;gap:18px;padding:15px 18px;border-bottom:1px solid var(--join-border);align-items:start}.compare-row:last-child{border-bottom:none}.compare-head{background:#262a3e;color:#fff;font-weight:900}.compare-row:not(.compare-head)>span:first-child{font-weight:900}.compare-row:not(.compare-head)>b{color:#4036a7}.compare-row:not(.compare-head)>span:last-child{color:#707788}.comparison-note{font-size:.78rem;color:var(--join-muted);margin-top:9px}.parent-section{display:grid;grid-template-columns:1fr .75fr;gap:54px;align-items:center}.parent-copy h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.035em}.parent-copy>p:not(.eyebrow){color:var(--join-muted);font-size:1.05rem;line-height:1.65}.parent-bullets{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.parent-bullets span{font-weight:700;color:#3d465a}.parent-card{background:linear-gradient(145deg,#24283c,#353a58);color:#fff;border-radius:22px;padding:24px;box-shadow:0 26px 54px #171a2a2e}.parent-card>small{color:#bdb6ff}.parent-stat{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #ffffff20}.parent-stat:last-child{border-bottom:none}.parent-stat span{color:#c9ccda}.testing-section{padding-bottom:96px}.testing-card{display:grid;grid-template-columns:1.25fr .75fr;border-radius:24px;overflow:hidden;background:#f3f1ff;border:1px solid #ddd9ff}.testing-card>div{padding:34px}.testing-card h2{font-size:2rem;margin:.2em 0}.testing-card p,.testing-card li{line-height:1.55;color:#535c70}.testing-card ol{padding-left:20px}.places-left{display:flex;align-items:center;gap:12px;margin-top:20px}.places-left b{font-size:2rem;color:#5148ba}.places-left span{font-weight:800}.testing-price{background:#282c43;color:#fff;display:flex;flex-direction:column;justify-content:center}.testing-price>small{font-weight:900;letter-spacing:.1em;color:#bcb6ff}.testing-price>b{font-size:2rem;margin:7px 0}.testing-price>span,.testing-price p{color:#d4d7e1}.testing-price hr{width:100%;border:0;border-top:1px solid #ffffff26;margin:20px 0}.join-final-cta{text-align:center;justify-content:center;margin-top:10px}.join-footer{display:flex;justify-content:space-between;gap:20px;max-width:1180px;margin:auto;padding:30px 24px 42px;border-top:1px solid var(--join-border);color:#60697b}.join-footer>div:first-child{display:grid}.join-footer>div:last-child{display:flex;gap:18px}.join-footer a{text-decoration:none}.eyebrow{font-size:.75rem;font-weight:900;letter-spacing:.11em;color:#6255e7}
@media(max-width:900px){.join-nav nav>a:not(.button-link){display:none}.join-hero{grid-template-columns:1fr;gap:34px;min-height:0}.join-hero-demo{max-width:650px}.how-steps{grid-template-columns:repeat(2,1fr)}.feature-groups{grid-template-columns:repeat(2,1fr)}.parent-section{grid-template-columns:1fr}.testing-card{grid-template-columns:1fr}.snapshot-grid{grid-template-columns:1fr}}
@media(max-width:640px){.join-nav{padding:10px 14px}.join-nav nav{gap:8px}.join-nav nav .button-link{padding:9px 10px;font-size:.78rem}.join-brand small{display:none}.join-section,.join-hero{padding-left:16px;padding-right:16px}.join-hero{padding-top:42px}.join-hero h1{font-size:2.7rem}.join-hero-actions{display:grid}.join-hero-actions .button-link{justify-content:center;text-align:center}.preview-window{transform:none}.preview-bar span:last-child{display:none}.preview-two{grid-template-columns:1fr}.preview-tiles{grid-template-columns:1fr 1fr 1fr}.snapshot-screen{padding:14px;min-height:320px}.reward-preview-body{grid-template-columns:1fr}.how-steps,.feature-groups,.parent-bullets{grid-template-columns:1fr}.compare-row{grid-template-columns:1fr}.compare-head span:first-child,.compare-head span:last-child{display:none}.compare-head b:before{content:"Maths Coach comparison"}.compare-head b{font-size:0}.compare-head b:before{font-size:.95rem}.compare-row:not(.compare-head)>span:first-child{margin-bottom:-10px}.testing-card>div{padding:24px}.join-footer{display:grid}.join-footer>div:last-child{flex-wrap:wrap}}

/* v66.10.11 public promotion expansion */
.school-tools-section{background:linear-gradient(180deg,#fbfbff,#f4f2ff);padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2))}
.school-tools-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:stretch}.school-tool-showcase{border:1px solid var(--join-border);border-radius:22px;background:#fff;padding:24px;box-shadow:0 16px 42px #2428430d}.school-tool-showcase h3{font-size:1.35rem;margin:.2em 0 .55em}.school-tool-showcase>p{color:var(--join-muted);line-height:1.6}.working-layout-preview{margin-top:18px;border-radius:16px;background:#f7f8fc;border:1px solid #e2e5ed;padding:18px}.working-layout-head{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.8rem;color:#626b7d;font-weight:800}.working-layout-title{font-size:1.1rem;color:var(--join-ink);font-weight:900}.working-lines{display:grid;gap:8px;margin:15px 0}.working-lines span{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid #e1e4ec;border-radius:10px;padding:10px 12px;font-size:.82rem}.working-lines i{font-style:normal;color:#6255e7;font-weight:900;font-size:.72rem}.working-actions-preview{display:flex;gap:8px;flex-wrap:wrap}.working-actions-preview span{background:#fff;border:1px solid #dddfea;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:800}.layout-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.layout-cloud span{padding:7px 9px;border-radius:999px;background:#f3f1ff;color:#5148ba;font-size:.72rem;font-weight:800}.calculator-preview{margin-top:18px;background:#272b40;color:#fff;border-radius:16px;padding:17px}.calculator-preview-head{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#d9dbea;font-size:.78rem}.calculator-preview-head b{font-size:1rem;color:#fff}.calculator-screen-mini{margin-top:12px;background:#111422;border-radius:10px;padding:12px;text-align:right}.calculator-screen-mini small{display:block;color:#8e96ae}.calculator-screen-mini strong{font-size:1.5rem}.calculator-key-cloud{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:10px}.calculator-key-cloud span{display:grid;place-items:center;min-height:32px;border-radius:7px;background:#3b405c;font-size:.72rem;font-weight:800}.tool-rule{display:grid;gap:9px;margin-top:18px}.tool-rule span{display:flex;gap:9px;align-items:flex-start;color:#4e5769;line-height:1.45;font-size:.9rem}.feature-highlight{border:2px solid #d9d4ff;background:#fbfaff}.feature-highlight h3{color:#4f45b6}.coming-section{background:#262a3e;color:#fff;padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2))}.coming-section .join-section-head h2,.coming-section .join-section-head p:not(.eyebrow){color:#fff}.coming-section .join-section-head p:not(.eyebrow){color:#d2d5df}.coming-section .eyebrow{color:#c8c2ff}.coming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.coming-card{padding:20px;border-radius:17px;border:1px solid #ffffff1f;background:#ffffff0b}.coming-card span{font-size:1.6rem}.coming-card h3{margin:.5em 0}.coming-card p{color:#d2d5df;line-height:1.55;margin-bottom:0}.coming-note{margin:22px auto 0;max-width:820px;padding:12px 15px;border-radius:12px;background:#ffffff0d;color:#e0e2e9;text-align:center;font-size:.84rem}.promo-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.promo-detail{padding:13px;border-radius:13px;background:#f7f7fb;border:1px solid #e6e7ed}.promo-detail b{display:block;margin-bottom:4px}.promo-detail span{font-size:.82rem;color:var(--join-muted);line-height:1.45}.join-nav .future-link{white-space:nowrap}
@media(max-width:900px){.school-tools-grid{grid-template-columns:1fr}.coming-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.coming-grid,.promo-detail-grid{grid-template-columns:1fr}.calculator-key-cloud{grid-template-columns:repeat(4,1fr)}.school-tool-showcase{padding:18px}.working-layout-head{align-items:flex-start;flex-direction:column}.join-nav .future-link{display:none}}
/* v66.10.12 Master My Education branding + multi-subject roadmap */
.join-brand-logo{width:58px;height:46px;object-fit:contain;flex:0 0 auto}.join-brand-current{color:#155a8a!important;font-weight:800}.join-hero-logo{display:block;width:min(330px,72%);height:auto;margin:0 0 12px}.join-current-release{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px}.join-current-release strong{color:#0c365f}.subject-roadmap{margin-top:28px}.subject-roadmap-head{max-width:850px;margin:0 auto 18px;text-align:center}.subject-roadmap-head h3{font-size:1.7rem;margin:.25em 0}.subject-roadmap-head p{color:#d2d5df;line-height:1.55}.subject-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.subject-card{padding:18px;border-radius:16px;border:1px solid #ffffff1f;background:#ffffff0b}.subject-card h4{font-size:1.05rem;margin:0 0 8px;color:#fff}.subject-card p,.subject-card ul{color:#d2d5df;line-height:1.5;font-size:.88rem}.subject-card ul{margin:0;padding-left:18px}.subject-card.current-subject{border-color:#73d9ff;background:linear-gradient(145deg,#173c5c,#17334f)}.subject-card.current-subject h4{color:#8ee7ff}.subject-card .future-pill{display:inline-block;margin-bottom:8px;padding:4px 8px;border-radius:999px;background:#ffffff17;color:#e4e6ef;font-size:.7rem;font-weight:900;letter-spacing:.04em}.roadmap-platform-note{margin:20px auto 0;max-width:930px;padding:16px 18px;border-radius:14px;background:#ffffff0d;border:1px solid #ffffff17;color:#e4e6ef;line-height:1.55}.join-footer-brand{display:flex;align-items:center;gap:10px}.join-footer-brand img{width:72px;height:58px;object-fit:contain}.join-footer-brand span{display:grid}.join-footer-brand small{color:#7a8294}.join-page .brand-current-badge{background:#eef7ff;color:#155a8a;border-color:#cfe9fa}
@media(max-width:900px){.subject-grid{grid-template-columns:1fr 1fr}.join-hero-logo{width:min(280px,70%)}}
@media(max-width:620px){.subject-grid{grid-template-columns:1fr}.join-brand-logo{width:48px;height:38px}.join-hero-logo{margin-left:auto;margin-right:auto;width:min(270px,82%)}.join-current-release{justify-content:center}.join-footer-brand{align-items:flex-start}}