:root{--bg:#0d1717;--surface:#172525;--surface2:#21322f;--text:#f5f6ec;--muted:#bac7c0;--accent:#b8ef87;--on-accent:#153721;--border:#354640;--soft-green:#1d3a2c;--ring:#b8ef87;--header:#152320f2;--shadow:0 24px 80px #0005}
:root[data-theme=light]{--bg:#f4f5ed;--surface:#fffef9;--surface2:#e9ede4;--text:#1c3029;--muted:#52685a;--accent:#24653d;--on-accent:#fff;--border:#d0d9c9;--soft-green:#deebd4;--ring:#24653d;--header:#fffef9f2;--shadow:0 24px 80px #263b251b}
/* Shared text colours live with the current theme, outside the legacy layer. */
:root{color-scheme:dark;color:var(--text,#f5f6ec)}
:root[data-theme=light]{color-scheme:light}
body{background:var(--bg,#0d1717);color:var(--text,#f5f6ec)}
a:where(:link,:visited,:active){color:inherit}
h1,h2,h3{color:var(--text,#f5f6ec)}
p,.eyebrow,.section-kicker,.section-note,.category-label,.breadcrumbs{color:var(--muted,#bac7c0)}
button,input,select,textarea,summary{color:inherit}
input,select,textarea{color:var(--text,#f5f6ec)}
input::placeholder,textarea::placeholder{color:var(--muted,#bac7c0);opacity:1}
.logo small,.primary-nav a,.hero-topics a{color:var(--muted,#bac7c0)}
.primary-nav a:hover,.hero-topics a:hover{color:var(--text,#f5f6ec)}
.button-primary,.skip-link{color:var(--on-accent,#153721)}
.button-outline,.button-quiet{color:var(--text,#f5f6ec)}
.text-action{color:var(--accent,#b8ef87)}
.info-block ul,.footer-bottom,.program-price span{color:var(--muted,#bac7c0)}
.container{width:min(1280px,calc(100% - 88px))}h1,h2,h3{font-weight:560;letter-spacing:-.045em}h2{font-size:clamp(30px,3.3vw,46px)}.section-kicker{font-size:13px;font-weight:500;letter-spacing:0;margin-bottom:14px}.eyebrow{font-size:13px;margin-bottom:28px}.status-dot{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 10%,transparent)}
.site-header{position:relative;top:auto;padding:20px 0 0;z-index:40;pointer-events:none;background:transparent;border:0;backdrop-filter:none}.header-row{position:relative;display:flex;align-items:center;gap:26px;height:86px;padding:0 24px;background:var(--header);border:1px solid var(--border);border-radius:23px;box-shadow:0 6px 28px #0000000c;pointer-events:auto;backdrop-filter:blur(14px)}.logo{gap:9px}.logo img{width:48px;height:48px;border-radius:0}.logo strong{font-size:28px;font-weight:650;letter-spacing:-.055em;display:block;white-space:nowrap}.logo small{font-size:9px;margin-top:8px;letter-spacing:.005em}.catalog-menu{margin-left:20px}.catalog-menu summary{gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:14px;padding:2px 15px 2px 4px;min-height:48px;font-size:14px;font-weight:550}.menu-art{width:43px;height:43px}.chevron{width:7px;height:7px;margin:0 0 4px 7px;transition:transform .2s}.catalog-menu[open] summary{background:var(--soft-green);border-color:var(--accent)}.primary-nav{gap:23px;white-space:nowrap}.primary-nav a{font-size:13px;padding:12px 0}.header-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.icon-button,.dialog-close{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;border:1px solid var(--border);color:var(--text);background:var(--surface2)}.icon-button svg,.search-trigger svg,.voice-button svg,.dialog-close svg{width:20px;height:20px}.icon-button:hover,.dialog-close:hover{border-color:var(--accent)}.search-trigger{display:flex;align-items:center;gap:10px;min-height:44px;border:1px solid var(--border);border-radius:14px;padding:9px 11px;color:var(--muted);font-size:12px;background:var(--surface)}.search-trigger:hover{color:var(--text);border-color:var(--accent)}kbd{font-family:inherit;font-size:10px;letter-spacing:0;border:1px solid var(--border);border-radius:5px;padding:2px 5px;color:var(--muted)}
.mega-menu{left:0;right:0;top:calc(100% + 10px);padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:28px;max-height:calc(100svh - 132px);overflow:auto;box-shadow:var(--shadow);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.mega-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:0 5px 22px;border-bottom:1px solid var(--border);margin-bottom:20px}.mega-heading .section-kicker{display:block;margin-bottom:7px;font-size:11px}.mega-heading h2{font-size:25px;letter-spacing:-.035em;color:var(--text);margin:0}.menu-all{font-size:12px;font-weight:550;background:var(--surface2);padding:9px 15px;border-radius:12px;white-space:nowrap}.mega-columns{display:grid;grid-template-columns:2.8fr 1fr;gap:26px}.mega-columns h3{font-size:12px;font-weight:550;letter-spacing:0;color:var(--muted);margin:0 8px 12px}.mega-links{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mega-columns a.mega-link{display:flex;align-items:center;gap:9px;border:1px solid transparent;border-radius:14px;padding:8px;min-height:67px;transition:background .15s,border-color .15s}.mega-link span{min-width:0}.mega-link strong{display:block;font-size:12px;line-height:1.4;font-weight:550}.mega-link small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.mega-link .art{width:43px;height:43px}.mega-columns a.mega-link:hover{background:var(--surface2);border-color:var(--border);color:var(--text)}.mega-secondary{padding-left:18px;border-left:1px solid var(--border)}.mega-secondary a.mega-link{min-height:52px;padding:4px 8px}.mega-secondary .art{width:34px;height:34px}
.hero{display:grid;grid-template-columns:1.02fr 1.13fr;gap:10px;align-items:center;min-height:690px;padding-block:56px 48px}.hero h1{font-size:clamp(40px,4.9vw,72px);line-height:1.06;font-weight:530;max-width:620px;letter-spacing:-.056em}.hero-intro{font-size:16px;line-height:1.8;max-width:485px;margin-top:27px}.hero-actions{gap:12px;margin-top:29px}.button{min-height:51px;padding:13px 21px;border-radius:14px;font-weight:600;font-size:13px;transition:background .2s,border-color .2s}.button-primary{box-shadow:inset 0 1px 0 #ffffff48,0 5px 20px #00000012}.button-primary:hover{transform:none;filter:brightness(1.06)}.button-outline{background:var(--surface)}.button-outline:hover{border-color:var(--muted)}.hero-topics{gap:8px;margin-top:27px}.hero-topics a{font-size:11px;padding:6px 12px}.hero-visual{position:relative;min-width:0;display:block;align-self:center}.learning-stage{aspect-ratio:1.07;position:relative;isolation:isolate;perspective:1300px;overflow:visible}.stage-disc{position:absolute;inset:8% 5% 4% 5%;border-radius:50%;background:radial-gradient(ellipse at 48% 45%,#2c554a80 0%,#193b3540 48%,transparent 71%)}:root[data-theme=light] .stage-disc{background:radial-gradient(ellipse at 48% 45%,#c4dcbd 0%,#dbe6d150 50%,transparent 71%)}.stage-ring{position:absolute;left:8%;right:6%;top:24%;height:54%;border:1px solid var(--border);border-radius:50%;transform:rotate(-21deg);z-index:-1}.stage-ring:after{content:'';position:absolute;inset:10%;border:1px solid var(--border);border-radius:50%}.scene-object{position:absolute;object-fit:contain;filter:drop-shadow(0 15px 15px #0002);animation:object-hover 8s ease-in-out infinite}.scene-cap{width:43%;height:auto;top:-3%;right:7%;z-index:4;animation-delay:-2s;transform:rotate(10deg)}.scene-globe{width:29%;height:auto;left:0;top:17%;z-index:3;animation-delay:-4s}.scene-blocks{width:26%;height:auto;right:-1%;bottom:3%;z-index:5;animation-delay:-6s}.book-scene{position:absolute;left:15%;top:37%;width:72%;height:49%;perspective:1000px;z-index:3}.study-book{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(38deg) rotateZ(-18deg);filter:drop-shadow(10px 27px 12px #0003)}.book-cover{position:absolute;inset:-5px -8px -15px;border-radius:9px;background:linear-gradient(110deg,#19573e,#448562 46%,#144a34 50%,#2d6a4b);transform:translateZ(-12px);box-shadow:inset 0 0 0 1px #559375}.book-edge{position:absolute;inset:3px 1px -9px;border-radius:8px;background:repeating-linear-gradient(#d1cbbb 0 1px,#ece6d7 1px 3px);transform:translateZ(-4px)}.book-spread{position:absolute;inset:0;transform-style:preserve-3d}.book-left,.book-right{position:absolute;top:0;bottom:0;width:50%;overflow:hidden}.book-left{left:0;border-radius:9px 0 0 7px;background:linear-gradient(100deg,#efead8 0%,#fff9e9 60%,#dfd8c4 100%);transform:rotateY(5deg);transform-origin:right center}.book-right{right:0;border-radius:0 9px 7px 0;background:linear-gradient(90deg,#d8d1be,#faf4e5 12%,#fff9ea 80%,#e9e2cc);transform:rotateY(-5deg);transform-origin:left center}.book-spine{position:absolute;width:7px;left:calc(50% - 3px);top:0;bottom:0;background:linear-gradient(90deg,#c9c1ac,#eee7d4,#d5ccb7);border-radius:40%;transform:translateZ(1px)}.page-emblem{position:absolute;top:20%;left:20%;width:60%;height:34%;display:flex;align-items:end;justify-content:center;gap:8%}.page-emblem span{width:21%;height:44%;background:linear-gradient(100deg,#85ba8b,#447758);border-radius:9px 9px 3px 3px;box-shadow:3px 3px 0 #d0dbc1}.page-emblem span:nth-child(2){height:75%;background:linear-gradient(100deg,#adc79c,#66865e)}.page-emblem span:nth-child(3){height:100%;background:linear-gradient(100deg,#e8b995,#c98d65)}.page-lines{position:absolute;inset:63% 20% 16%;background:repeating-linear-gradient(transparent 0 10px,#c6c9b6 10px 12px)}.page-seal{position:absolute;right:17%;top:12%;width:14%;aspect-ratio:1;border:2px solid #b8c6a2;border-radius:50%}.page-sketch{position:absolute;inset:0;width:100%;height:100%;padding:10% 4% 5%}.sketch-guide{stroke:#d4dec4;stroke-width:3;stroke-dasharray:3 6}.sketch-line{stroke:#448467;stroke-width:3;stroke-linecap:round;stroke-dasharray:220;animation:sketch-write 12s ease-in-out infinite}.page-sketch circle{fill:#f2d0ad;stroke:#e2b88e;stroke-width:1}.page-sketch path:not(.sketch-line):not(.sketch-guide){stroke:#699c77;stroke-width:2}.sketch-rule{stroke:#c5cdb9!important}.writing-pencil{position:absolute;top:49%;left:46%;height:7px;width:62%;border-radius:2px 8px 8px 2px;background:linear-gradient(#f9ce9b,#dfa267 45%,#b77a44 60%,#edb074);transform:rotate(-47deg);transform-origin:0 center;box-shadow:0 6px 5px #4e563b3b;animation:pencil-write 12s ease-in-out infinite}.writing-pencil:before{content:'';position:absolute;left:-13px;top:0;border-right:13px solid #e4c79e;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent}.writing-pencil:after{content:'';position:absolute;left:-16px;top:2px;border-right:5px solid #384338;border-top:1.5px solid transparent;border-bottom:1.5px solid transparent}.writing-pencil span{position:absolute;right:11%;width:10%;height:100%;background:linear-gradient(#dcded3,#8fafa1,#dcdfd1)}.turning-page{position:absolute;top:0;bottom:0;left:50%;width:50%;border-radius:0 8px 6px 0;background:linear-gradient(90deg,#dcd4c1,#fff9e9 18%,#eee7d4 96%);transform-origin:left center;transform-style:preserve-3d;box-shadow:1px 3px 3px #504b3520;transform:rotateY(-178deg)}.turning-page .page-lines{inset:15% 18%;opacity:.7}.page-one{animation:turn-page-one 12s ease-in-out infinite;z-index:3}.page-two{animation:turn-page-two 12s ease-in-out infinite;z-index:2}.scene-label{position:absolute;font-size:12px;line-height:1.4;border:1px solid var(--border);padding:11px 17px;background:var(--surface);border-radius:30px;z-index:6;box-shadow:0 8px 25px #0000000a}.label-curiosity{left:7%;bottom:4%;transform:rotate(-8deg)}.label-discovery{right:1%;top:31%;transform:rotate(7deg)}.scene-spark{position:absolute;width:12px;height:12px;background:#d7eabb;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.spark-one{left:34%;top:12%}.spark-two{right:4%;bottom:35%;width:20px;height:20px;background:#edc49a}.motion-toggle{display:flex;align-items:center;gap:7px;margin:5px auto 0;border:0;background:transparent;color:var(--muted);font-size:10px;padding:8px;border-radius:8px}.motion-toggle svg{width:14px;height:14px}.learning-stage.is-paused *,.learning-stage.is-offscreen *{animation-play-state:paused!important}
.learning-stage{width:100%;margin:0}.study-book{filter:none}.book-cover{box-shadow:inset 0 0 0 1px #559375,10px 27px 20px #0004}.pencil-track{position:absolute;inset:0;animation:pencil-track 12s ease-in-out infinite}.writing-pencil{animation:none;top:72%;left:20%}
@keyframes pencil-track{0%,30%{transform:translate(0,0)}42%{transform:translate(21%,-15%)}52%{transform:translate(37%,-26%)}65%,90%{transform:translate(58%,-50%)}100%{transform:translate(0,0)}}
@keyframes object-hover{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes turn-page-one{0%,2%{transform:rotateY(-4deg)}20%,94%{transform:rotateY(-178deg)}100%{transform:rotateY(-4deg)}}@keyframes turn-page-two{0%,9%{transform:rotateY(-3deg)}28%,92%{transform:rotateY(-177deg)}100%{transform:rotateY(-3deg)}}@keyframes sketch-write{0%,30%{stroke-dashoffset:220}65%,94%{stroke-dashoffset:0}100%{stroke-dashoffset:220}}@keyframes pencil-write{0%,30%{top:72%;left:20%;transform:rotate(-47deg)}42%{top:57%;left:41%;transform:rotate(-38deg)}52%{top:46%;left:57%;transform:rotate(-45deg)}65%,90%{top:22%;left:78%;transform:rotate(-48deg)}100%{top:72%;left:20%;transform:rotate(-47deg)}}