/* REVISE. master homepage V4 | 10 Nov 2026 | self-hosted, dependency-free */
:root{--page:#faf9f6;--ink:#18152d;--ink-soft:#555166;--purple:#6430a4;--purple-dark:#4b2089;--lime:#d5fc50;--stroke:#e3dfe7;--reading-bg:#fff;--reading-ink:#18152d;--reading-muted:#514a59;--reading-line:#e6e1e8;--shadow:0 18px 40px rgba(42,28,72,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;overflow-x:hidden;background:var(--page);font-family:'Segoe UI',Inter,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}a,button,input,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #5f2ba2!important;outline-offset:4px}button:focus-visible{outline-offset:3px}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{overflow-wrap:normal}p{line-height:1.6}a{text-underline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute!important;height:1px!important;width:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;padding:0!important;border:0!important}.page-width{width:min(1320px,calc(100% - 88px));margin-inline:auto}.skip-link{position:absolute;top:-80px;left:10px;z-index:999;background:var(--lime);color:var(--ink);font-weight:800;padding:12px 16px;border-radius:10px}.skip-link:focus{top:10px}.reading-surface{background:var(--reading-bg)!important;color:var(--reading-ink)!important;border-color:var(--reading-line)!important}.reading-surface p,.reading-surface small{color:var(--reading-muted)}
/* Header */
.site-header{position:relative;z-index:50;background:rgba(250,249,246,.96);border-bottom:1px solid #e9e6ec}.header-inner{display:flex;align-items:center;gap:24px;min-height:85px}.brand{font-family:'Arial Black','Segoe UI',Arial,sans-serif;font-size:37px;line-height:1;font-weight:1000;letter-spacing:-.095em;text-decoration:none;white-space:nowrap}.brand span{color:#a2d80e;letter-spacing:0}.header-descriptor{border-left:3px solid var(--lime);padding-left:15px;max-width:171px;font-size:10px;line-height:1.45;letter-spacing:.09em;font-weight:900;color:#4a3d67}.site-nav{display:flex;align-items:center;gap:29px;margin-left:auto;white-space:nowrap}.site-nav a{font-size:13px;font-weight:750;text-decoration:none;padding:8px 0}.site-nav a:hover{color:var(--purple)}.header-actions{display:flex;align-items:center;gap:12px}.header-cta{border:1px solid var(--ink);border-radius:999px;padding:12px 17px;font-size:12px;font-weight:850;text-decoration:none;white-space:nowrap;display:flex;gap:18px;align-items:center}.header-cta:hover{background:var(--ink);color:white}.colours-anchor{position:relative}.colours-trigger{display:flex;align-items:center;gap:7px;padding:10px 12px;font-size:12px;font-weight:850;border:1px solid #ded8e8;border-radius:99px;background:transparent;color:var(--ink);white-space:nowrap}.colours-trigger:hover,.colours-trigger[aria-expanded=true]{background:#ede6f4}.colours-symbol{font-size:20px;color:var(--purple);line-height:.9}.colours-panel{position:absolute;top:calc(100% + 12px);right:0;z-index:90;width:min(350px,calc(100vw - 22px));background:#fff;border:1px solid #d6cfdc;padding:21px;box-shadow:0 22px 68px rgba(29,20,49,.2);border-radius:18px;color:var(--ink)}.colours-panel-top{display:flex;justify-content:space-between;gap:10px}.colours-panel h2{font-size:20px;letter-spacing:-.04em;margin-bottom:3px}.colours-panel p{font-size:12px;color:#625d68;margin:0}.icon-button{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;background:#f0edf3;border:0;border-radius:50%;font-size:24px;line-height:1}.palette-fieldset{padding:0;margin:20px 0;border:0}.colour-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 9px}.colour-option{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:10px;font-weight:700;text-align:center;cursor:pointer}.colour-option input{position:absolute;opacity:0;width:1px;height:1px}.swatch{width:37px;height:37px;border-radius:50%;border:1px solid #b9b3bc;background:var(--swatch);display:block}.colour-option input:checked+.swatch{outline:2px solid var(--purple);outline-offset:3px}.colour-option input:focus-visible+.swatch{outline:3px solid var(--purple);outline-offset:4px}.custom-colour-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;border-top:1px solid #e9e5ed;font-size:12px;font-weight:750}.custom-colour-row input{height:38px;width:54px;padding:3px;border:1px solid #cfc8d5;border-radius:8px;background:#fff}.reset-colours{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid #e6deea;background:#f7f3fa;border-radius:9px;margin:13px 0;padding:10px 12px;font-size:12px;font-weight:800}.reset-colours:hover{background:#ede5f4}.colours-panel .palette-note{font-size:10px}
/* Hero */
.hero{position:relative;background:radial-gradient(ellipse at 74% 24%,#f5f1f9 0,transparent 54%),var(--page);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:34px;align-items:center;min-height:567px;padding-block:55px 61px}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;gap:10px;align-items:center;color:#653c9c;font-weight:900;font-size:11px;letter-spacing:.12em}.eyebrow-mark{width:9px;height:9px;background:var(--lime);box-shadow:0 0 0 3px #ebe9d9;border-radius:50%}.hero h1{font-family:'Arial Black','Segoe UI',Arial,sans-serif;font-size:clamp(44px,4.6vw,70px);line-height:1.035;font-weight:1000;letter-spacing:-.076em;margin:23px 0 22px;white-space:nowrap}.hero h1 em,.section-head h2 em,.directory-head h3 em,.how h2 em,.showcase h2 em,.teacher-section h2 em,.closing h2 em{color:var(--purple);font-family:Georgia,'Times New Roman',serif;font-weight:650;font-style:italic;letter-spacing:-.07em}.final-period{color:var(--lime)}.hero-intro{font-size:17px;max-width:530px;line-height:1.7;color:#545066;margin-bottom:0}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:29px 0}.button{border-radius:999px;padding:15px 21px;display:inline-flex;align-items:center;justify-content:center;gap:22px;text-decoration:none;font-size:13px;line-height:1.2;font-weight:900;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--lime);color:var(--ink);box-shadow:0 3px 0 #b3d642}.button-primary:hover{background:#e3ff8e}.button-outline{border:1.5px solid var(--purple-dark);color:#261736;background:transparent}.button-outline:hover{background:#eee8f7}.button span:last-child{font-size:18px;line-height:1}.hero-metadata{display:flex;flex-wrap:wrap;gap:11px 17px;color:#6a6571;font-size:11px;font-weight:700}.hero-metadata>span{display:inline-flex;align-items:center;gap:6px}.hero-check{font-size:13px;color:var(--purple);font-weight:900}.hero-visual{position:relative}.hero-visual-frame{border-radius:30px;overflow:hidden;box-shadow:0 29px 76px rgba(78,47,114,.11);border:1px solid #e2d6ed;background:#ede4f5;transform:rotate(-1deg)}.hero-visual-frame img{width:100%;height:auto;object-fit:cover}.hero-image-note{position:absolute;right:18px;bottom:-24px;background:#fff;border:1px solid #e6dfe8;border-radius:30px;box-shadow:0 10px 30px rgba(24,20,42,.09);color:#4a4258;font-size:10px;font-weight:800;padding:12px 15px;display:flex;align-items:center;gap:8px}.note-pulse{width:8px;height:8px;border-radius:50%;background:#a6d333}
.proof-strip{background:var(--ink);color:#fff}.proof-strip-inner{min-height:59px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px;font-weight:850;letter-spacing:.1em}.proof-strip-inner span:first-child span{color:var(--lime);font-size:19px;vertical-align:middle;margin-right:5px}.proof-strip-inner>span:nth-child(2){color:#e2d5fc}
/* Subjects and directory */
.explore{padding-block:88px 92px}.section-overline{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:950;letter-spacing:.15em;color:var(--purple)}.section-overline>span{width:23px;height:2px;background:var(--lime)}.section-head{margin:16px 0 31px;display:flex;align-items:end;justify-content:space-between;gap:30px}.section-head h2,.how h2,.showcase h2,.teacher-section h2,.closing h2{font-family:'Arial Black','Segoe UI',Arial,sans-serif;letter-spacing:-.073em;font-weight:1000;font-size:clamp(38px,4.25vw,62px);line-height:1.08;margin:0 0 14px}.section-head p{font-size:16px;color:#696475;max-width:580px;margin:0}.plain-link{border:0;background:transparent;color:var(--purple-dark);font-weight:850;font-size:12px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap;padding:12px}.plain-link:hover{color:#8655c3}.plain-link span{font-size:17px;margin-left:5px;text-decoration:none}.subjects-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.subject-tile{color:var(--ink);min-height:164px;border:1px solid rgba(41,27,70,.055);text-align:left;padding:18px 20px;border-radius:20px;background:var(--subject-tint);display:flex;flex-direction:column;align-items:stretch;position:relative;transition:transform .2s ease,box-shadow .2s ease,outline-color .2s ease}.subject-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.subject-tile[aria-pressed=true]{outline:3px solid var(--subject-accent);outline-offset:2px}.subject-tile-upper{display:flex;align-items:start;justify-content:space-between;gap:8px}.subject-icon{width:51px;height:51px;display:grid;place-items:center;color:var(--subject-accent);background:rgba(255,255,255,.57);border-radius:16px}.subject-icon svg{width:36px;height:36px}.tile-arrow{margin-top:auto;position:absolute;right:16px;bottom:16px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--purple-dark);font-size:16px;box-shadow:0 2px 9px rgba(25,20,33,.05)}.tile-title{font-family:'Arial Black','Segoe UI',Arial,sans-serif;letter-spacing:-.048em;font-size:19px;line-height:1.15;margin-top:auto;margin-bottom:5px;max-width:88%;font-weight:900}.tile-count{font-size:11px;font-weight:750;color:#575168}.subject-tile[aria-pressed=true] .tile-arrow{background:var(--ink);color:#fff}
.directory{margin-top:49px;border:1px solid #e8e4eb;background:#fffdfc;border-radius:27px;padding:30px 32px 34px}.directory-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:21px}.directory-head h3{font-family:'Arial Black','Segoe UI',Arial,sans-serif;font-size:clamp(27px,2.8vw,37px);letter-spacing:-.065em;line-height:1.1;margin:8px 0 0}.directory-hint{font-size:12px;color:#726b77}.small-overline{font-size:9px;letter-spacing:.12em}.search-panel{display:flex;gap:11px;border:1px solid var(--reading-line);border-radius:13px;padding:8px;background:var(--reading-bg);box-shadow:0 5px 15px rgba(45,32,61,.025)}.search-input-wrap{display:flex;align-items:center;flex:1;gap:12px;padding:0 14px;color:#645a72;background:#fff;border:1px solid #d9d3df;border-radius:10px;min-width:0}.search-input-wrap input{width:100%;min-width:0;background:transparent;border:0;outline:none!important;padding:14px 0;color:#21182b;font-size:14px}.search-input-wrap:focus-within{outline:3px solid #6b3aab;outline-offset:1px}.search-input-wrap input::placeholder{color:#877f91}.search-shortcut{font-size:11px;background:#f6f2f8;color:#7a7282;padding:2px 6px;border:1px solid #e4dce9;border-radius:5px}.availability-wrap{position:relative;display:block;min-width:176px}.availability-wrap select{width:100%;height:100%;background:#f7f4f9;color:#31263c;border:1px solid #ded7e3;border-radius:10px;padding:0 12px;font-size:12px;font-weight:780;cursor:pointer}.result-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px}.result-header p{font-size:12px;font-weight:700;color:#6e6576;margin:0}.clear-filters{font-size:12px;color:var(--purple-dark);border:0;background:transparent;font-weight:800}.clear-filters:hover{text-decoration:underline}.directory-prompt{display:flex;align-items:center;gap:16px;border:1px dashed var(--reading-line);border-radius:14px;padding:19px 22px;background:var(--reading-bg)}.directory-prompt h4{font-size:15px;margin:0 0 3px}.directory-prompt p{margin:0;font-size:12px}.prompt-icon{width:44px;height:44px;background:var(--lime);color:var(--ink);font-weight:900;display:grid;place-items:center;border-radius:13px;font-size:24px;flex-shrink:0}.course-groups{display:grid;gap:28px}.subject-group{scroll-margin-top:128px}.subject-group-heading{display:flex;align-items:center;gap:12px;margin:4px 0 13px}.subject-heading-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--group-tint);color:var(--group-accent)}.subject-heading-mark svg{width:30px;height:30px}.subject-heading-copy{display:flex;flex-direction:column;gap:2px}.subject-group-title{margin:0;font-size:18px;font-weight:900;letter-spacing:-.045em}.subject-course-count{font-size:11px;color:#726d78;font-weight:750}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.course-card{display:flex;flex-direction:column;gap:13px;min-height:261px;border:1px solid var(--reading-line);border-radius:16px;background:var(--reading-bg);color:var(--reading-ink);padding:20px}.course-card-header{display:flex;align-items:center;justify-content:space-between;gap:9px}.course-subject{font-size:10px;font-weight:850;display:flex;align-items:center;gap:6px}.subject-dot{background:var(--card-accent);width:8px;height:8px;border-radius:50%}.course-status{font-size:10px;background:#eaf8d5;border-radius:20px;color:#315316;padding:6px 9px;font-weight:850;white-space:nowrap}.course-status.upcoming{background:#f7e9cf;color:#70531c}.course-main{display:flex;gap:15px;align-items:start;justify-content:space-between}.course-unit{font-size:10px;color:var(--card-accent);font-weight:900;letter-spacing:.105em;margin-bottom:7px}.course-main h4{font-family:'Arial Black','Segoe UI',Arial,sans-serif;letter-spacing:-.055em;font-size:21px;line-height:1.13;margin:0 0 6px;color:var(--reading-ink)}.course-qualification{font-size:11px;font-weight:750;color:var(--reading-muted);margin:0;line-height:1.4}.course-graphic{width:48px;height:48px;flex:0 0 48px;border-radius:13px;display:grid;place-items:center;background:var(--card-tint);color:var(--card-accent)}.course-graphic svg{width:35px;height:35px}.course-description{font-size:12px;line-height:1.5;margin:0;color:var(--reading-muted);flex:1}.course-card-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--reading-line);padding-top:12px}.course-open{font-size:12px;font-weight:900;color:var(--purple-dark);text-decoration:none;display:inline-flex;gap:9px;align-items:center}.course-open:hover{text-decoration:underline}.course-open span{font-size:17px}.classroom-share{border:0;background:transparent;color:var(--reading-ink);font-weight:750;text-decoration:underline;text-decoration-color:#a8a0b1;font-size:10px;display:inline-flex;align-items:center;gap:5px}.classroom-share:hover{text-decoration-color:currentColor}.classroom-share svg{width:13px;height:13px}.course-disabled{font-size:11px;font-weight:750;color:var(--reading-muted)}.empty-state{border:1px solid var(--reading-line);border-radius:13px;padding:32px;text-align:center}.empty-state>span{font-size:43px;color:var(--purple)}.empty-state h4{font-size:22px;margin:0 0 5px}.empty-state p{font-size:13px;margin-bottom:18px}.business-hub{display:flex;align-items:center;gap:18px;margin-top:25px;padding:20px;border-radius:14px;border:1px solid var(--reading-line);background:var(--reading-bg)}.hub-brand{width:54px;height:54px;background:#eee4f9;color:#2e1e45;border-radius:14px;display:grid;place-items:center;font-family:'Arial Black',sans-serif;font-size:32px;flex:0 0 54px}.hub-brand span{color:var(--purple)}.mini-label{font-size:9px;font-weight:900;color:var(--purple);letter-spacing:.09em}.business-hub h4{font-size:15px;margin:5px 0 2px}.business-hub p{font-size:12px;margin:0;color:var(--reading-muted)}.hub-link{margin-left:auto;font-size:12px;font-weight:900;white-space:nowrap;color:var(--purple-dark)}
/* Method */
.how{background:#f4f0f9;padding-block:91px 88px;border-top:1px solid #e9e3f1;border-bottom:1px solid #e9e3f1}.how-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin:18px 0 29px}.how-top p{max-width:430px;color:#61576d;font-size:15px;margin:0 0 9px}.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.method-card{padding:26px;min-height:264px;border:1px solid var(--reading-line);background:var(--reading-bg);border-radius:18px;display:flex;flex-direction:column}.method-top{display:flex;align-items:start;justify-content:space-between}.method-number{display:grid;place-items:center;background:var(--lime);color:#292237;width:37px;height:37px;border-radius:50%;font-size:12px;font-weight:900}.method-icon{font-size:40px;line-height:1;color:var(--purple);font-weight:800}.method-card h3{font-family:'Arial Black',Arial,sans-serif;font-size:26px;letter-spacing:-.065em;margin:21px 0 6px}.method-card p{font-size:13px;line-height:1.65;margin-bottom:20px;color:var(--reading-muted)}.method-bottom{margin-top:auto;border-top:1px solid var(--reading-line);padding-top:12px;font-size:10px;letter-spacing:.07em;font-weight:900;display:flex;justify-content:space-between}.evidence-line{font-size:12px;color:#5e5369;margin-top:22px;font-weight:650}.evidence-line>span{color:var(--purple);font-size:20px;vertical-align:middle;margin-right:5px}
/* Showcase */
.showcase{padding-block:104px;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.showcase-text h2{margin-top:18px}.showcase-text p{font-size:16px;color:#645d6e;line-height:1.7;max-width:490px}.showcase-text .button{margin-top:8px}.showcase-panel{padding:31px;background:#f0eafa;border:1px solid #e6daf1;border-radius:24px;box-shadow:0 15px 35px rgba(42,21,76,.055)}.showcase-kicker{color:var(--purple);letter-spacing:.12em;font-weight:950;font-size:10px;margin-bottom:14px}.showcase-step{background:#fff;display:grid;grid-template-columns:42px 1fr 20px;gap:15px;align-items:center;padding:17px;border:1px solid #eee8f3;border-radius:12px;margin-bottom:9px}.showcase-step>span:first-child{display:grid;place-items:center;background:#e2f7a3;border-radius:50%;width:36px;height:36px;font-weight:900;font-size:12px}.showcase-step strong{display:block;font-size:13px}.showcase-step small{display:block;color:#746f7b;font-size:11px;margin-top:4px}.showcase-step>span:last-child{color:var(--purple);font-size:20px}.showcase-panel-footer{display:flex;justify-content:space-between;align-items:center;color:#776b89;font-size:9px;letter-spacing:.1em;font-weight:900;margin-top:20px}.showcase-panel-footer span{color:var(--purple);font-size:20px}
/* Teachers */
.teacher-section{background:#e8f0e9;padding-block:86px}.teacher-wrap{display:grid;grid-template-columns:1fr .95fr;gap:74px;align-items:center}.teacher-copy>h2{margin-top:18px}.teacher-copy>p{max-width:540px;font-size:16px;color:#554d5f}.teacher-copy ul{padding:0;margin:25px 0 29px;list-style:none;display:grid;gap:12px}.teacher-copy li{font-size:13px;font-weight:750;line-height:1.5;display:flex;gap:11px;align-items:flex-start}.teacher-copy li:before{content:'✓';width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#222;flex-shrink:0;font-size:12px}.teacher-visual{background:#fff;border:1px solid #dce7dc;border-radius:19px;box-shadow:var(--shadow);padding:20px}.teacher-picture{background:#f4eefa;border-radius:12px;overflow:hidden}.teacher-picture img{width:100%;height:auto}.teacher-caption{margin:13px 4px 0;font-size:11px;color:#6b6372;line-height:1.5}
/* Closing/footer */
.closing{padding-block:93px;display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative}.closing-spark{position:absolute;color:var(--purple);font-size:55px;right:28%;top:60px;transform:rotate(-10deg)}.closing h2{font-size:clamp(43px,4.5vw,67px);margin:13px 0 0}.footer{background:var(--ink);color:#fff;padding-block:42px 27px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:31px}.footer-brand{font-size:37px}.footer-main p{color:#cfc7dc;font-size:12px;margin:10px 0 0}.footer-main nav{display:flex;gap:25px}.footer-main nav a{text-decoration:none;font-size:12px;font-weight:750}.footer-main nav a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #463d56;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#b3aabc;font-size:10px}.noscript{padding-block:30px}.noscript a{display:inline-block;margin:5px}
/* Responsive */
@media(max-width:1180px){.header-descriptor{display:none}.hero-grid{grid-template-columns:1.06fr .94fr;gap:20px}.hero h1{font-size:clamp(41px,4.75vw,62px)}.hero-intro{font-size:15px}.subject-tile{padding:17px}.subject-tile .tile-title{font-size:17px}.teacher-wrap{gap:35px}.site-nav{gap:18px}.header-inner{gap:16px}}
@media(max-width:900px){.page-width{width:min(100% - 44px,1320px)}.site-nav{gap:13px}.site-nav a{font-size:12px}.header-cta{display:none}.hero-grid{grid-template-columns:1fr 1fr;padding-block:56px;min-height:480px}.hero h1{font-size:clamp(38px,4.6vw,50px)}.hero-visual-frame{border-radius:20px}.hero-intro{font-size:14px}.hero-actions{margin-block:22px}.hero-metadata{gap:6px 10px}.hero-image-note{position:static;margin:15px auto 0;width:max-content;max-width:100%}.subjects-grid{gap:11px}.subject-tile{min-height:151px;padding:14px;border-radius:15px}.subject-icon{height:44px;width:44px;border-radius:13px}.subject-icon svg{width:30px;height:30px}.tile-title{font-size:15px!important}.tile-arrow{right:11px;bottom:13px;width:27px;height:27px}.course-grid{grid-template-columns:1fr}.method-card{padding:20px}.method-card h3{font-size:21px}.showcase{gap:35px}.teacher-wrap{gap:28px}}
@media(max-width:680px){html{scroll-padding-top:125px}.page-width{width:calc(100% - 32px)}.header-inner{min-height:66px;flex-wrap:wrap;gap:0;justify-content:space-between;padding-top:10px}.brand{font-size:29px}.header-actions{margin-left:auto}.colours-trigger{padding:8px 11px}.site-nav{order:3;margin-left:0;width:100%;display:flex;justify-content:space-around;gap:5px;padding:11px 0 9px}.site-nav a{padding:7px 8px;font-size:11px}.hero-grid{grid-template-columns:1fr;gap:27px;padding-block:51px 48px}.hero h1{font-size:clamp(41px,8.4vw,58px);margin:19px 0 20px;letter-spacing:-.077em}.hero-intro{font-size:15px;max-width:520px}.hero-actions{gap:11px}.button{padding:14px 17px;font-size:12px}.hero-visual{max-width:620px}.hero-visual-frame{transform:none;border-radius:16px}.hero-image-note{position:absolute;right:9px;bottom:-17px;margin:0;padding:8px 11px;font-size:9px}.hero-metadata{font-size:10px;margin-bottom:6px}.proof-strip-inner{flex-wrap:wrap;justify-content:center;text-align:center;gap:5px 22px;padding-block:13px;min-height:68px;font-size:9px}.proof-strip-inner>span:last-child{display:none}.explore{padding-block:65px 69px}.section-head{align-items:start;margin-bottom:25px;flex-direction:column;gap:14px}.section-head h2,.how h2,.showcase h2,.teacher-section h2{font-size:clamp(37px,7.5vw,48px)}.section-head p{font-size:14px}.plain-link{padding:0;font-size:12px}.subjects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.subject-tile{min-height:145px;padding:15px}.subject-icon{width:46px;height:46px}.subject-icon svg{width:34px;height:34px}.tile-title{font-size:17px!important}.directory{margin-top:32px;padding:21px 16px;border-radius:18px}.directory-head{align-items:start;flex-direction:column;gap:5px}.directory-hint{font-size:11px}.search-panel{flex-direction:column;padding:6px;gap:7px}.search-input-wrap input{padding:12px 0}.availability-wrap{min-width:0;height:41px}.result-header{align-items:start}.course-card{min-height:0;padding:17px}.course-main h4{font-size:20px}.business-hub{flex-wrap:wrap}.hub-link{margin-left:0}.how{padding-block:71px}.how-top{align-items:start;flex-direction:column;gap:0}.how-top p{font-size:14px;margin:0 0 14px}.method-grid{grid-template-columns:1fr;gap:12px}.method-card{min-height:205px}.method-card h3{margin-top:16px}.evidence-line{font-size:11px}.showcase{grid-template-columns:1fr;gap:30px;padding-block:76px}.showcase-text p{font-size:14px}.showcase-panel{padding:19px;border-radius:17px}.teacher-section{padding-block:74px}.teacher-wrap{grid-template-columns:1fr;gap:30px}.teacher-copy>p{font-size:14px}.teacher-visual{padding:14px}.closing{padding-block:71px;align-items:start;flex-direction:column;gap:24px}.closing h2{font-size:clamp(43px,9vw,57px)}.closing-spark{right:7px;top:55px;font-size:41px}.footer-main{align-items:start;flex-direction:column;gap:20px}.footer-main nav{flex-wrap:wrap;gap:14px}.footer-bottom{flex-direction:column;gap:8px;font-size:10px}}
@media(max-width:375px){.page-width{width:calc(100% - 26px)}.hero h1{font-size:39px}.hero-actions .button{gap:8px;padding:12px 14px}.subject-tile{min-height:137px;padding:12px}.tile-title{font-size:15px!important}.tile-count{font-size:10px}.course-graphic{width:39px;height:39px;flex-basis:39px}.course-graphic svg{width:31px;height:31px}.hero-image-note{font-size:8px}.course-card-footer{gap:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Keep essential text and links legible even with very dark custom reading colours. */
.reading-surface .course-unit,.reading-surface .course-open,.reading-surface .hub-link,.reading-surface .mini-label,.reading-surface .method-icon{color:var(--reading-ink)}