.cms-section { padding:100px 0; background:var(--cms-bg); color:var(--cms-text); position:relative; overflow:hidden; }
.cms-container { width:min(1180px,calc(100% - 40px)); margin:auto; }
.cms-heading { margin-bottom:40px; max-width:820px; }.cms-heading h2,.cms-story-grid h2,.cms-strip h2 { font-size:clamp(2.4rem,4.5vw,4.4rem); margin:0 0 14px; letter-spacing:-.045em; }.cms-heading p { font-size:1.05rem; }.cms-eyebrow { display:inline-block; color:#8f7aff; font-size:.7rem; font-weight:900; letter-spacing:.15em; text-transform:uppercase; margin-bottom:14px; }
.cms-hero { min-height:calc(100vh - 76px); display:flex; align-items:center; padding:90px 0; }.cms-hero:before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:70px 70px; mask-image:linear-gradient(black,transparent); }.cms-hero-grid { position:relative; display:grid; grid-template-columns:1.05fr .95fr; gap:70px; align-items:center; }.cms-hero-copy h1 { font-size:clamp(3.9rem,7vw,7rem); line-height:.96; letter-spacing:-.07em; margin:0 0 25px; }.cms-hero-copy .cms-subtitle { font-size:1.3rem; font-weight:700; }.cms-hero-copy>p { max-width:700px; }.cms-actions { display:flex; gap:11px; flex-wrap:wrap; margin-top:28px; }.cms-btn { display:inline-flex; align-items:center; justify-content:center; padding:14px 21px; border:1px solid rgba(255,255,255,.2); font-weight:800; transition:.25s; }.cms-btn:hover { transform:translateY(-3px); }.cms-btn-primary { background:#6757f5; border-color:#6757f5; color:#fff!important; }.cms-btn-secondary { background:transparent; }.cms-btn-text { padding:0; border:0; color:var(--accent)!important; }.cms-hero-art { min-height:480px; position:relative; display:grid; place-items:center; }.cms-hero-media { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:36px; opacity:.72; }.cms-code-avatar { width:260px; height:300px; display:grid; place-items:center; align-content:center; gap:22px; position:relative; z-index:2; border:1px solid rgba(255,255,255,.2); background:linear-gradient(145deg,rgba(103,87,245,.7),rgba(56,189,248,.35)); border-radius:120px 120px 35px 35px; box-shadow:0 35px 90px rgba(0,0,0,.3); animation:cmsFloat 4s ease-in-out infinite; }.cms-code-avatar>span { display:grid; place-items:center; width:130px; height:110px; border-radius:40px; background:#f2fdff; color:#171b32; font:900 3.2rem Fredoka,Manrope,sans-serif; border:7px solid #222845; }.cms-code-avatar b { font-size:.78rem; letter-spacing:.1em; text-transform:uppercase; }.cms-code-kids { background:linear-gradient(145deg,#6757f5,#49c9c4); }.cms-code-business { border-radius:0; background:linear-gradient(145deg,#151d29,#263448); }.cms-code-business>span { border-radius:0; background:#d7b56d; }.cms-avatar-img { position:relative; z-index:2; width:min(420px,90%); max-height:480px; object-fit:contain; }.cms-orbit { position:absolute; inset:8%; border:1px solid rgba(255,255,255,.13); border-radius:50%; animation:cmsOrbit 15s linear infinite; }.cms-orbit i { position:absolute; width:12px; height:12px; border-radius:50%; background:#d7b56d; }.cms-orbit i:nth-child(1){left:8%;top:20%}.cms-orbit i:nth-child(2){right:3%;top:45%;background:#38bdf8}.cms-orbit i:nth-child(3){left:40%;bottom:-6px;background:#34d399}
.cms-pathway-grid,.cms-course-grid,.cms-component-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.cms-pathway-grid article,.cms-course-grid article,.cms-component-grid article { position:relative; min-height:360px; padding:28px; border:1px solid rgba(127,136,158,.24); background:rgba(255,255,255,.035); display:flex; flex-direction:column; overflow:hidden; transition:.3s; }.cms-pathway-grid article:before,.cms-course-grid article:before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:var(--accent); transform:scaleY(0); transition:.3s; }.cms-pathway-grid article:hover,.cms-course-grid article:hover { transform:translateY(-7px); box-shadow:0 25px 60px rgba(0,0,0,.16); }.cms-pathway-grid article:hover:before,.cms-course-grid article:hover:before { transform:scaleY(1); }.cms-path-icon,.cms-course-top>span { display:grid; place-items:center; width:64px; height:64px; border:1px solid var(--accent); color:var(--accent); font-size:1.5rem; margin-bottom:22px; }.cms-pathway-grid small,.cms-course-top small,.cms-component-grid small { color:var(--accent); font-size:.62rem; letter-spacing:.13em; text-transform:uppercase; }.cms-pathway-grid h3,.cms-course-grid h3,.cms-component-grid h3 { font-size:1.4rem; margin:14px 0; }.cms-pathway-grid p,.cms-course-grid p,.cms-component-grid p { color:inherit; opacity:.68; }.cms-pathway-grid article>a,.cms-course-grid article>a { display:flex; justify-content:space-between; margin-top:auto; padding-top:17px; border-top:1px solid rgba(127,136,158,.2); color:var(--accent); font-weight:800; }.cms-card-media,.cms-course-media { width:100%; height:150px; object-fit:cover; margin-bottom:20px; }.cms-course-top { display:flex; align-items:center; gap:15px; }.cms-course-top>span { width:55px; height:55px; margin:0; }.cms-meta { display:flex; flex-wrap:wrap; gap:7px; margin:15px 0; }.cms-meta span { padding:5px 8px; border:1px solid rgba(127,136,158,.2); font-size:.65rem; }.cms-component-grid article { min-height:240px; }.cms-component-grid article>span { color:var(--accent); font-size:2rem; }.cms-component-grid .cms-component-media { width:100%; height:140px; object-fit:cover; }
.cms-story-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }.cms-story-art { min-height:430px; position:relative; display:grid; place-items:center; background:rgba(255,255,255,.04); border:1px solid rgba(127,136,158,.2); }.cms-story-media { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.55; }.cms-story-grid .cms-subtitle { font-size:1.2rem; font-weight:800; }.cms-faq-list { max-width:900px; }.cms-faq-list details { border-top:1px solid rgba(127,136,158,.25); padding:20px 0; }.cms-faq-list summary { display:flex; justify-content:space-between; cursor:pointer; font-size:1.08rem; font-weight:800; }.cms-faq-list summary span { color:#8f7aff; }.cms-strip { display:flex; justify-content:space-between; align-items:center; gap:45px; }.cms-strip>div:first-child { max-width:760px; }.cms-strip .cms-actions { flex-shrink:0; }
.cms-kids { color:#19213d; }.cms-kids .cms-eyebrow { color:#6757f5; }.cms-kids .cms-btn-secondary { border-color:#d9d8e6; }.cms-kids.cms-hero { background:radial-gradient(circle at 12% 20%,#e4f9ff,transparent 28%),radial-gradient(circle at 88% 30%,#f2eaff,transparent 30%),var(--cms-bg); }.cms-kids .cms-pathway-grid article,.cms-kids .cms-course-grid article,.cms-kids .cms-component-grid article { background:#fff; border-radius:26px; box-shadow:0 10px 35px rgba(55,50,92,.07); }.cms-kids .cms-course-grid article { min-height:390px; }.cms-kids .cms-path-icon,.cms-kids .cms-course-top>span { border-radius:18px; background:#f3f1ff; }.cms-kids .cms-story-art { border-radius:34px; }.cms-kids .cms-btn-secondary { color:#19213d; }
.cms-business,.cms-general { color:#f4f2ed; }.cms-business .cms-eyebrow,.cms-general .cms-eyebrow { color:#d7b56d; }.cms-business .cms-btn-primary { background:#d7b56d; border-color:#d7b56d; color:#111!important; }.cms-business.cms-hero { background:radial-gradient(circle at 75% 22%,rgba(56,189,248,.09),transparent 29%),var(--cms-bg); }.cms-business .cms-pathway-grid article,.cms-business .cms-course-grid article,.cms-business .cms-component-grid article,.cms-general .cms-pathway-grid article { background:#0f141e; }.cms-business p,.cms-general p { color:#929bab; }.cms-business .cms-story-art { background:#0b1018; }.cms-business .cms-btn-secondary,.cms-general .cms-btn-secondary { color:#fff; }
@keyframes cmsFloat { 50%{transform:translateY(-12px)} } @keyframes cmsOrbit { to{transform:rotate(360deg)} }
@media(max-width:900px){.cms-hero-grid,.cms-story-grid{grid-template-columns:1fr}.cms-pathway-grid,.cms-course-grid,.cms-component-grid{grid-template-columns:repeat(2,1fr)}.cms-hero-art{min-height:400px}.cms-strip{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.cms-section{padding:72px 0}.cms-container{width:min(100% - 28px,1180px)}.cms-hero-copy h1{font-size:3.7rem}.cms-pathway-grid,.cms-course-grid,.cms-component-grid{grid-template-columns:1fr}.cms-hero-art{min-height:360px}.cms-code-avatar{transform:scale(.82)}.cms-story-grid{gap:35px}}
@media(prefers-reduced-motion:reduce){.cms-code-avatar,.cms-orbit{animation:none}}

.managed-lesson-content{margin:65px 0;padding:30px;border:1px solid rgba(127,136,158,.25);background:rgba(127,136,158,.05)}
.managed-content-head{display:flex;align-items:center;gap:18px;margin-bottom:25px}.managed-content-head img,.managed-content-head lottie-player{width:86px;height:86px;object-fit:cover;border-radius:50%}.managed-content-head small{font-size:.62rem;letter-spacing:.12em;opacity:.7}.managed-content-head h2,.managed-content-head p{margin:3px 0}.managed-audio{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px;margin-bottom:15px;border:1px solid rgba(127,136,158,.2)}.managed-audio audio{max-width:100%}.managed-block{padding:24px 0;border-top:1px solid rgba(127,136,158,.2)}.managed-block h3{font-size:1.4rem}.managed-block-media{width:100%;max-height:500px;object-fit:contain;margin-top:15px}.managed-block-btn{display:inline-block;margin-top:15px;padding:11px 16px;background:#6757f5;color:#fff!important;font-weight:800}.managed-checklist p{white-space:pre-line}.managed-download{background:rgba(56,189,248,.07);padding:22px}@media(max-width:620px){.managed-lesson-content{padding:20px}.managed-audio{align-items:flex-start;flex-direction:column}}