:root{--ink:#29235c;--muted:#666578;--coral:#ed7865;--amber:#efb346;--paper:#fcfaf6;--line:#e8e3ec;--lilac:#f0ecfa;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #ab4a36;outline-offset:5px;border-radius:4px}img{display:block;max-width:100%}.skip-link{position:fixed;left:16px;top:-100px;padding:12px 18px;background:var(--ink);color:white;z-index:10}.skip-link:focus{top:12px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:600}p{line-height:1.65}section,aside{scroll-margin-top:24px}
.site-header{border-bottom:1px solid var(--line)}.header-inner{max-width:1240px;margin:auto;padding:8px 32px;display:flex;align-items:center;gap:25px;min-height:76px}.brand{display:block;flex:0 0 218px;margin-left:-14px}.brand img{width:218px;height:70px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:22px;white-space:nowrap;margin-left:auto}.site-nav a{font-size:14px;font-weight:600;text-decoration:none;padding:10px 0}.site-nav a:hover{text-decoration:underline}
/* Shared account actions remain text links inside the single homepage header. */
.home-redesign .iroomhub-account-nav{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:0;padding:0;max-width:100%}.home-redesign .iroomhub-account-nav a,.home-redesign .iroomhub-account-nav button{font:600 13px/1.4 "Segoe UI",Arial,sans-serif!important;display:inline-flex;align-items:center;padding:8px 0!important;min-height:40px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--ink)!important;text-decoration:none!important;white-space:nowrap;cursor:pointer}.home-redesign .iroomhub-account-nav a:hover,.home-redesign .iroomhub-account-nav button:hover{text-decoration:underline!important}.home-redesign .iroomhub-account-nav a[href$="student-login.html"]{color:#99452e!important}.home-redesign .iroomhub-student-name{color:var(--ink);font-size:14px;padding:0}.header-inner:has(.iroomhub-account-nav a[href$="owner-access.html"]){flex-wrap:wrap;gap:6px 24px}.header-inner:has(.iroomhub-account-nav a[href$="owner-access.html"]) .iroomhub-account-nav{width:100%;justify-content:flex-end}
main{max-width:1180px;margin:auto;padding:0 32px}.hero{text-align:center;padding:34px 0 28px;max-width:820px;margin:auto}.eyebrow{font:700 12px/1.5 "Segoe UI",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7a4c73;margin-bottom:12px}.eyebrow span{padding:0 6px;color:#ae5846}.hero h1{font-size:clamp(34px,4.2vw,54px);line-height:1.08;letter-spacing:-.04em;margin:0 0 14px;text-wrap:balance}.hero .intro{max-width:680px;margin:0 auto;color:var(--muted);font-size:15px;line-height:1.6}.subjects{padding:0 0 38px}.section-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px}.section-title h2{font:650 20px/1.3 "Segoe UI",Arial,sans-serif;letter-spacing:-.03em;margin:0}.section-title p{margin:0;color:var(--muted);font-size:13px}.subjects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.subject{--tint:#f2eaf9;display:flex;flex-direction:column;text-decoration:none!important;background:var(--tint);border-radius:23px;padding:10px;transition:transform .18s ease,box-shadow .18s ease;min-width:0}.subject:hover{transform:translateY(-4px);box-shadow:0 8px 22px #29235c12}.subject.maths{--tint:#eaf0fc}.subject.science{--tint:#fff0d5}.subject.social{--tint:#fce9e1}.subject.gym{--tint:#eee9fc}.subject.cooking{--tint:#f9e9ef}.subject-picture{border-radius:16px;overflow:hidden;background:#ffffff70}.subject img{width:100%;height:145px;object-fit:cover}.subject.maths img{object-fit:contain;background:#f3f7fe}.subject.cooking img{object-fit:contain;background:#fdf2ee}.subject.gym img{object-position:center 57%}.card-copy{padding:14px 10px 12px;flex:1;display:flex;flex-direction:column}.card-copy h3{font-size:21px;font-weight:700;letter-spacing:-.035em;margin:0 0 5px}.card-copy p{color:#5e5b71;font-size:13px;line-height:1.5;margin:0 0 14px}.subject-action{display:flex;justify-content:space-between;align-items:center;font-weight:650;font-size:13px;margin-top:auto;gap:8px}.subject-action>span{font-size:20px;line-height:1}.subject:hover .subject-action{text-decoration:underline;text-underline-offset:4px}.card-copy small{color:#6a6579;font-size:11px;margin-top:5px}.teacher-note{display:flex;gap:26px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 20px;margin:4px 0 0}.note-mark{font-size:70px;line-height:1;color:var(--coral);flex:0 0 80px;text-align:center}.teacher-note .eyebrow{margin:0 0 8px}.teacher-note h2{font-size:28px;margin:0 0 10px;letter-spacing:-.025em}.teacher-note p:last-child{font-size:14px;color:var(--muted);max-width:800px;margin:0}
.home-subscriptions{padding:55px 0 42px}.home-plans-heading{text-align:center;max-width:660px;margin:0 auto 26px}.home-plans-heading h2{font-size:clamp(28px,3.5vw,38px);letter-spacing:-.035em;line-height:1.15;margin-bottom:14px}.home-plans-heading>p:last-child{color:var(--muted);font-size:14px;margin-bottom:0}.home-plans-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:840px;margin:auto;gap:22px}.home-plan{display:flex;flex-direction:column;align-items:flex-start;padding:28px;border:1px solid #ded8eb;background:#fff;border-radius:20px;min-width:0}.home-plan-class{background:#f2eefb}.home-plan .plan-label{font-weight:650;text-transform:uppercase;letter-spacing:.07em;font-size:11px;color:#7c567d;margin:0 0 12px}.home-plan h3{font-size:23px;margin:0;letter-spacing:-.03em}.home-plan-price{font-size:44px;letter-spacing:-.04em;font-weight:700;line-height:1.2;margin:15px 0 10px}.home-plan-price span{font-size:15px;letter-spacing:0;font-weight:400;color:var(--muted)}.home-plan>p:not(.home-plan-price):not(.plan-label){font-size:14px;color:var(--muted);margin:0}.home-plan ul{padding-left:20px;margin:20px 0 26px;font-size:14px;line-height:1.6;flex:1}.home-plan li{padding-left:3px;margin-bottom:8px}.home-plan li::marker{color:#a65349}.subscribe-button{display:flex;justify-content:space-between;gap:14px;background:var(--ink);color:white;border-radius:10px;padding:13px 16px;text-decoration:none;font-size:14px;font-weight:600;width:100%;line-height:1.5}.subscribe-button:hover{background:#43377b;text-decoration:none}.home-renewal-note{max-width:730px;margin:20px auto 0;font-size:12px;line-height:1.7;color:var(--muted);text-align:center}.home-registration-note{font-size:14px;text-align:center;margin:20px auto 10px}.home-registration-note a,.home-numeracy-note a{font-weight:600}.home-numeracy-note{font-size:12px;line-height:1.7;color:var(--muted);text-align:center;max-width:700px;margin:0 auto}.curriculum-note{border-top:1px solid var(--line);padding:24px 0;font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}.curriculum-note strong{color:var(--ink)}.curriculum-note p{margin:0;max-width:570px}.curriculum-note a{white-space:nowrap;color:var(--ink)}.site-footer{background:#f1edf6;border-top:1px solid #e6deef}.footer-inner{max-width:1240px;margin:auto;padding:32px;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-brand{font-size:23px;font-weight:750;letter-spacing:-.06em;text-decoration:none}.footer-brand span{display:inline-block;margin-left:8px;color:#b55743}.footer-inner p{font-size:13px;color:var(--muted);margin:8px 0}.footer-inner small{font-size:11px;color:var(--muted)}.footer-inner nav{display:flex;flex-wrap:wrap;max-width:450px;justify-content:flex-end;gap:8px 20px}.footer-inner nav a{padding:6px 0;font-size:13px;text-decoration:none}.footer-inner nav a:hover{text-decoration:underline}
@media(min-width:1100px){.header-inner:has(.iroomhub-account-nav a[href$="students.html"]){flex-wrap:wrap;gap:4px 25px}.header-inner:has(.iroomhub-account-nav a[href$="students.html"]) .iroomhub-account-nav{width:100%;justify-content:flex-end}}
@media(max-width:1100px){.header-inner{flex-wrap:wrap;gap:0 20px;padding:4px 24px}.brand{flex-basis:190px}.brand img{width:190px;height:62px}.home-redesign .iroomhub-account-nav{margin-left:auto;gap:18px}.header-inner .site-nav{margin-left:auto;gap:20px}.header-inner .iroomhub-account-nav{flex-basis:100%;justify-content:flex-end;padding-bottom:5px}main{padding-inline:24px}.hero{padding-top:25px}.subjects-grid{gap:18px}}
@media(max-width:650px){.header-inner{padding:4px 18px 6px;gap:0 12px}.brand{flex-basis:140px;margin-left:-8px}.brand img{width:140px;height:50px}.header-inner .site-nav{gap:14px}.site-nav a{font-size:12px;min-height:40px;display:flex;align-items:center}.home-redesign .header-inner .iroomhub-account-nav{justify-content:center;gap:18px;padding:0;margin:0}.home-redesign .iroomhub-account-nav a,.home-redesign .iroomhub-account-nav button{font-size:12px!important;min-height:36px!important;padding:6px 0!important}main{padding-inline:18px}.hero{padding:24px 0}.hero .eyebrow{font-size:10px;letter-spacing:.05em;margin-bottom:10px}.hero h1{font-size:35px;margin-bottom:12px}.hero .intro{font-size:13px;max-width:420px;line-height:1.6}.section-title{display:block;margin-bottom:15px}.section-title h2{font-size:18px}.section-title p{font-size:12px;margin:5px 0 0}.subjects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.subject{padding:7px;border-radius:18px}.subject-picture{border-radius:12px}.subject img{height:105px}.card-copy{padding:11px 5px 10px}.card-copy h3{font-size:18px}.card-copy p{font-size:12px;margin-bottom:12px}.subject-action{font-size:11px;line-height:1.4}.subject-action>span{font-size:17px}.card-copy small{font-size:10px}.teacher-note{padding:24px 0;gap:14px}.note-mark{font-size:42px;flex-basis:36px;align-self:flex-start}.teacher-note .eyebrow{font-size:10px}.teacher-note h2{font-size:25px}.teacher-note p:last-child{font-size:13px}.home-subscriptions{padding:36px 0}.home-plans-grid{grid-template-columns:1fr;gap:16px}.home-plan{padding:24px}.home-plans-heading{margin-bottom:22px}.home-plans-heading h2{font-size:29px}.home-plans-heading>p:last-child{font-size:13px}.home-registration-note{font-size:13px}.footer-inner{padding:26px 18px;display:block}.footer-inner nav{justify-content:flex-start;margin-top:20px;gap:6px 18px}.curriculum-note{display:block}.curriculum-note p{margin:8px 0}.curriculum-note a{display:inline-block;padding:8px 0;white-space:normal}}
@media(max-width:360px){.header-inner .site-nav{gap:10px}.brand{flex-basis:122px}.brand img{width:122px}.hero h1{font-size:31px}.card-copy h3{font-size:16px}.subject-action{font-size:10px}.subjects-grid{gap:12px}.subject img{height:90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.subject{transition:none}.subject:hover{transform:none}}
@media print{.site-header,.site-footer,.subscribe-button{display:none}.subjects-grid{grid-template-columns:repeat(3,1fr)}.subject{break-inside:avoid}.home-plan{break-inside:avoid}}
/* Compact welcome and curriculum: keep learning choices in the first screen. */
.header-inner{min-height:60px;padding-block:3px;gap:20px}
.brand{flex-basis:180px}.brand img{width:180px;height:54px}
.hero{max-width:940px;padding:18px 0 20px}
.hero .eyebrow{font-size:11px;margin-bottom:7px}
.hero h1{font-size:clamp(28px,3vw,38px);line-height:1.12;margin-bottom:10px}
.hero .intro{max-width:780px;font-size:14px;line-height:1.5}
.section-title{margin-bottom:12px}.section-title h2{font-size:18px}
.subjects-grid{gap:14px;max-width:960px;margin-inline:auto}
.subject{padding:7px;border-radius:17px}.subject-picture{border-radius:11px}
.subject img{height:100px}.card-copy{padding:10px 7px 8px}
.card-copy h3{font-size:18px;margin-bottom:4px}.card-copy p{font-size:12px;margin-bottom:9px}
.subject-action{font-size:12px}.card-copy small{font-size:10px;margin-top:3px}
.subjects{padding-bottom:26px}
@media(min-width:1101px){
 .header-inner:has(.iroomhub-account-nav a[href$="students.html"]):not(:has(a[href$="owner-access.html"])){flex-wrap:nowrap;gap:18px}
 .header-inner:has(.iroomhub-account-nav a[href$="students.html"]):not(:has(a[href$="owner-access.html"])) .iroomhub-account-nav{width:auto;justify-content:flex-end;flex-wrap:nowrap;gap:14px}
}
@media(min-width:651px) and (max-width:1100px){
 .header-inner{padding-block:2px}.brand img{height:44px}.header-inner .iroomhub-account-nav{padding-bottom:0}
 .home-redesign .iroomhub-account-nav a,.home-redesign .iroomhub-account-nav button{min-height:32px!important;padding-block:4px!important}
}
@media(max-width:650px){
 .header-inner{padding-block:2px;gap:0 10px}.brand{flex-basis:130px}.brand img{width:130px;height:42px}
 .hero{padding:16px 0 18px}.hero h1{font-size:29px}.hero .eyebrow{font-size:10px;margin-bottom:7px}.hero .intro{font-size:12px;line-height:1.5}
 .subjects-grid{gap:12px}.subject img{height:78px}.card-copy{padding:8px 4px 7px}.card-copy h3{font-size:16px}.card-copy p{font-size:11px;margin-bottom:8px}.subject-action{font-size:11px}.section-title h2{font-size:17px}.section-title p{margin-top:3px}
}
@media(max-width:360px){.brand{flex-basis:122px}.brand img{width:122px}.hero h1{font-size:26px}.subject img{height:70px}.subject-action{font-size:10px}}
/* Smaller curriculum tiles: one scan-friendly row on wide screens. */
.subjects-grid{max-width:800px;gap:12px}
.subject{padding:6px;border-radius:14px}.subject-picture{border-radius:9px}
.subject img{height:76px}.card-copy{padding:8px 5px 6px}
.card-copy h3{font-size:16px}.card-copy p{font-size:12px;line-height:1.45;margin-bottom:8px}
.subject-action{font-size:11px;line-height:1.4}.subject-action>span{font-size:17px}
@media(min-width:1200px){.subjects-grid{grid-template-columns:repeat(6,minmax(0,1fr));max-width:none;gap:12px}.subject img{height:76px}.card-copy h3{font-size:16px}.card-copy p{font-size:12px}.subject-action{font-size:11px}}
@media(max-width:650px){.subjects-grid{gap:10px}.subject img{height:60px}.card-copy{padding:7px 4px 5px}.card-copy h3{font-size:15px}.card-copy p{font-size:11px;margin-bottom:6px}.subject-action{font-size:10px}.card-copy small{font-size:10px}}
.subject.ebookshelf{--tint:#f6e9dd}.subject .ebookshelf-art{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:3px;height:76px}.subject .ebookshelf-art img{width:100%;height:100%;min-height:0;object-fit:cover}.ebookshelf-art img:first-child{grid-row:1 / 3}
@media(min-width:1200px){.subjects-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:650px){.subject .ebookshelf-art{height:60px}}
/* Square curriculum cards: four per row, two on phones. */
.subjects-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:960px;gap:14px}
.subject{aspect-ratio:1;min-height:0;padding:7px}
.subject-picture{height:42%;flex:0 0 42%}
.subject img{height:100%;width:100%;object-fit:cover}
.subject.maths img,.subject.cooking img{object-fit:contain}
.subject .ebookshelf-art{height:42%}
.card-copy{min-height:0;padding:9px 5px 6px}
.card-copy h3{font-size:17px;margin-bottom:4px}
.card-copy p{font-size:12px;line-height:1.4;margin-bottom:7px}
.subject-action{font-size:11px;line-height:1.35}
@media(min-width:1200px){.subjects-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:960px}.subject img{height:100%}.card-copy h3{font-size:17px}}
@media(min-width:651px) and (max-width:900px){.subjects-grid{gap:10px}.subject{padding:6px}.subject-picture,.subject .ebookshelf-art{height:36%;flex-basis:36%}.card-copy{padding:7px 3px 4px}.card-copy h3{font-size:15px}.card-copy p{font-size:11px;margin-bottom:5px}.subject-action{font-size:10px}.card-copy small{font-size:9px}}
@media(max-width:650px){.subjects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:420px}.subject{padding:6px}.subject-picture,.subject .ebookshelf-art{height:37%;flex-basis:37%}.subject img{height:100%}.card-copy{padding:7px 4px 5px}.card-copy h3{font-size:15px}.card-copy p{font-size:11px;line-height:1.35;margin-bottom:5px}.subject-action{font-size:10px}.card-copy small{font-size:9px;margin-top:2px}}
@media(max-width:360px){.subjects-grid{gap:10px}.subject{padding:5px}.subject-picture,.subject .ebookshelf-art{height:32%;flex-basis:32%}.card-copy{padding:5px 3px 3px}.card-copy h3{font-size:14px;margin-bottom:3px}.card-copy p{font-size:10px;line-height:1.3;margin-bottom:3px}.subject-action{font-size:9px}.card-copy small{font-size:8px}}