.problem-solution-section{background:linear-gradient(180deg,var(--color-background)0%,var(--color-primary-light)54%,var(--color-background)100%);height:450vh;min-height:2600px;padding-bottom:15vh;position:relative}.scroll-stage{isolation:isolate;height:calc(100vh - 4rem);min-height:680px;position:sticky;top:4rem;overflow:hidden}.ambient-wash{z-index:-2;filter:blur(16px);background:radial-gradient(#ffffffe0 0%,#0000 68%);position:absolute;inset:10% 12%}.chapter-copy{z-index:8;text-align:center;width:min(760px,100% - 2rem);position:absolute;top:clamp(.5rem,2vh,1.5rem);left:50%;translate:-50%}.eyebrow{color:var(--color-primary);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:800}.chapter-copy h1,.chapter-copy h2,.next-section h2{color:var(--color-foreground);font-family:var(--font-serif);letter-spacing:-.025em;margin-top:.35rem;font-size:clamp(2.7rem,5vw,4.5rem);font-weight:400;line-height:.91}.chapter-copy h1 em,.chapter-copy h2 em{color:var(--color-primary);font-style:italic;font-weight:400}.chapter-support{max-width:650px;color:var(--color-muted-foreground);margin:1rem auto 0;font-size:clamp(.88rem,1.1vw,1.05rem);line-height:1.65}.solution-copy{opacity:0;top:clamp(.25rem,1vh,1rem);transform:translateY(44px)}.chapter-copy:before{content:"";z-index:-1;pointer-events:none;filter:blur(12px);background:radial-gradient(#fffffff2 0%,#ffffffb3 35%,#0000 70%);width:160%;height:180%;position:absolute;top:50%;left:50%;translate:-50% -50%}.activity-column{z-index:5;gap:.72rem;width:clamp(245px,23vw,330px);display:grid;position:absolute;top:26%}.student-column{left:clamp(1rem,5vw,6rem)}.teacher-column{right:clamp(1rem,5vw,6rem)}.audience-tag{--tag-accent:var(--color-primary);border-bottom:1px solid color-mix(in oklab,var(--color-foreground)9%,transparent);text-align:left;z-index:10;justify-self:stretch;gap:.55rem;margin-bottom:1.1rem;padding-bottom:1rem;display:grid}.teacher-tag{--tag-accent:var(--color-primary);text-align:right}.tag-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--tag-accent);align-items:center;gap:.6rem;font-size:.66rem;font-weight:700;line-height:1;display:flex}.tag-index{font-variant-numeric:tabular-nums;color:color-mix(in oklab,var(--color-foreground)38%,transparent);letter-spacing:.08em}.tag-rule{opacity:.45;background:currentColor;width:1.6rem;height:1px}.tag-title{font-family:var(--font-display);letter-spacing:-.035em;color:var(--color-foreground);margin:0;font-size:clamp(1.45rem,2vw,1.95rem);font-weight:700;line-height:1}.tag-title em{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--tag-accent);-webkit-text-decoration:underline wavy color-mix(in oklab,var(--tag-accent)45%,transparent);text-decoration:underline wavy color-mix(in oklab,var(--tag-accent)45%,transparent);text-underline-offset:.2em;font-size:1.12em;font-style:italic;font-weight:400;text-decoration-thickness:1.5px}.tag-meta{color:var(--color-muted-foreground);align-items:center;gap:.5rem;font-size:.72rem;font-weight:500;line-height:1.2;display:flex}.teacher-tag .tag-kicker,.teacher-tag .tag-meta{justify-content:flex-end}.tag-broken{align-items:center;gap:4px;display:inline-flex}.tag-broken i{background:color-mix(in oklab,var(--tag-accent)55%,transparent);border-radius:2px;width:9px;height:2px;display:block}.tag-broken i:first-child{transform:rotate(-18deg)translateY(-1px)}.tag-broken i:last-child{transform:rotate(18deg)translateY(-1px)}.activity-card{--card-rgb:39,110,225;--card-deep:#1c56ba;background:linear-gradient(135deg,rgba(var(--card-rgb),.08)0%,rgba(var(--card-rgb),.02)45%,#ffffffa6 100%),#ffffff73;min-height:76px;box-shadow:inset 0 1px 0 #ffffffe6,inset 0 0 0 1px rgba(var(--card-rgb),.05),0 14px 34px -18px rgba(var(--card-rgb),.35);-webkit-backdrop-filter:blur(16px)saturate(160%);will-change:transform,opacity;border:1px solid #ffffffbf;border-radius:18px;align-items:center;gap:.85rem;padding:.8rem .95rem .8rem .8rem;transition:box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.activity-card:before{content:"";background:radial-gradient(closest-side,rgba(var(--card-rgb),.08),transparent);pointer-events:none;width:55%;height:180%;position:absolute;top:-40%;left:-12%}.activity-card:hover{border-color:rgba(var(--card-rgb),.28);box-shadow:inset 0 1px 0 #ffffffe6,inset 0 0 0 1px rgba(var(--card-rgb),.14),0 20px 40px -18px rgba(var(--card-rgb),.7)}.activity-card--teacher{--card-rgb:39,110,225;--card-deep:#1c56ba;text-align:right;flex-direction:row-reverse;padding:.8rem .8rem .8rem .95rem}.activity-card--teacher:before{left:auto;right:-12%}.activity-card:nth-of-type(2){transform:translate(10px)}.activity-card:nth-of-type(3){transform:translate(-8px)}.activity-card:nth-of-type(4){transform:translate(14px)}.teacher-column .activity-card:nth-of-type(2){transform:translate(-12px)}.teacher-column .activity-card:nth-of-type(3){transform:translate(8px)}.teacher-column .activity-card:nth-of-type(4){transform:translate(-14px)}.activity-icon{color:#fff;background:linear-gradient(145deg,rgba(var(--card-rgb),.85)0%,var(--card-deep)100%);width:42px;height:42px;box-shadow:inset 0 1px 0 #ffffff59,0 6px 14px -4px rgba(var(--card-rgb),.55);border-radius:13px;flex:0 0 42px;place-items:center;display:grid;position:relative}.activity-icon svg{width:20px;height:20px}.activity-text{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.activity-card--student .activity-text{padding-right:1.1rem}.activity-card--teacher .activity-text{padding-left:1.1rem}.activity-card strong,.activity-card small{display:block}.activity-card strong{color:var(--color-foreground);font-family:var(--font-display);letter-spacing:-.02em;font-size:.9rem;font-weight:700;line-height:1.15}.activity-card small{color:color-mix(in oklab,var(--color-foreground)55%,transparent);white-space:pre-line;margin-top:.3rem;font-size:.7rem;line-height:1.4}.activity-index{font-variant-numeric:tabular-nums;letter-spacing:.08em;color:rgba(var(--card-rgb),.55);font-size:.6rem;font-weight:700;position:absolute;top:.55rem;right:.75rem}.activity-card--teacher .activity-index{left:.75rem;right:auto}.mascot-anchor{z-index:6;aspect-ratio:1;will-change:transform;width:clamp(160px,18vw,240px);position:absolute;top:51%;left:50%;translate:-50% -15%}.mascot-airbrush{pointer-events:none;filter:blur(28px);background:radial-gradient(circle at 42% 40%,#60a5fa38,#0000 55%),radial-gradient(circle at 60% 62%,#a78bfa29,#0000 58%),radial-gradient(circle,#276ee11a,#0000 70%);border-radius:50%;position:absolute;inset:-18%}.mascot-images{isolation:isolate;position:absolute;inset:0}.mascot-image{object-fit:contain;filter:drop-shadow(0 22px 24px #276ee133);mix-blend-mode:multiply;width:100%;height:100%}.question-mark{color:var(--color-primary);font-family:var(--font-serif);font-size:2.4rem;font-style:italic;animation:3s ease-in-out infinite alternate float-question;position:absolute}@keyframes float-question{0%{transform:translateY(0)rotate(var(--q-rot,0deg))}to{transform:translateY(-12px)rotate(calc(var(--q-rot,0deg) + 5deg))}}.question-one{--q-rot:9deg;top:5%;right:-3%}.question-two{--q-rot:-14deg;opacity:.55;animation-delay:-1.5s;top:25%;left:-10%}.laptop{z-index:15;flex-direction:column;justify-content:flex-end;align-items:center;width:200px;height:115px;margin-left:-100px;display:flex;position:absolute;bottom:-2%;left:50%}.mascot-anchor .laptop{transform-origin:50% 100%;animation:none}.laptop-lid{z-index:2;background:linear-gradient(#f8fafc,#cbd5e1 40%,#94a3b8 85%,#64748b 100%);border:1px solid #ffffffb3;border-top-color:#fff;border-bottom:none;border-radius:14px 14px 6px 6px;justify-content:center;align-items:center;width:200px;height:105px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 6px 15px #ffffffe6,inset -4px 0 10px #0000000d,inset 4px 0 10px #0000000d}.laptop-lid:before{content:"";pointer-events:none;z-index:5;background:linear-gradient(115deg,#0000 40%,#fff9 45%,#fff3 50%,#0000 55%);position:absolute;inset:-50%}.laptop-lip{z-index:10;background:linear-gradient(#0000,#fff9 30%,#00000026 100%);border-top:1px solid #ffffff1a;height:12px;position:absolute;bottom:0;left:0;right:0}.laptop-logo{z-index:2;filter:drop-shadow(0 1px 1px #fffc)drop-shadow(0 -1px 1px #0000001a);justify-content:center;align-items:center;display:flex}.laptop-hinge{z-index:1;background:linear-gradient(#0f172a,#1e293b);border-radius:0 0 10px 10px;width:194px;height:16px;position:relative;top:-4px;box-shadow:0 4px 10px #0000004d}.orbit-container{z-index:5;--orbit-scale:1;--orbit-period:90s;width:2px;height:2px;animation:orbit-spin var(--orbit-period)linear infinite;position:absolute;top:50%;left:50%}@keyframes orbit-spin{0%{transform:scale(var(--orbit-scale))rotate(0deg)}to{transform:scale(var(--orbit-scale))rotate(360deg)}}.orbit-rings{z-index:0;pointer-events:none;position:absolute;top:50%;left:50%;scale:.8}.orbit-ring{border-radius:50%;position:absolute;top:0;left:0;translate:-50% -50%}.orbit-ring--inner{background:radial-gradient(circle,#0000 62%,#0f172a09 100%);border:1px solid #0f172a17;width:323px;height:323px}.orbit-ring--outer{border:1px dashed #0f172a1a;width:408px;height:408px}.floating-card{--accent:96,165,250;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;will-change:transform;background:#ffffffd1;border:1px solid #0f172a12;border-radius:12px;flex-direction:column;width:118px;padding:7px;display:flex;position:absolute;box-shadow:0 8px 20px -12px #0f172a38}.fc-header{align-items:center;gap:5px;margin-bottom:4px;display:flex}.fc-icon{width:18px;height:18px;color:rgb(var(--accent));background:rgba(var(--accent),.1);border-radius:5px;place-items:center;display:grid}.fc-title{letter-spacing:.01em;color:#1e293b;font-size:9px;font-weight:700}.fc-well{background:#0f172a09;border-radius:8px}.fc-strong{color:#1e293b;font-weight:700}.fc-soft{color:#334155;font-weight:500}.fc-muted{color:#64748b;font-weight:500}.card-lecture{top:-152px;left:-202px}.card-ai{top:-179px;left:37px}.card-quiz{top:78px;left:-192px}.card-assignment{top:87px;left:28px}.floating-card,.lms-chip{animation:orbit-counter-spin var(--orbit-period)linear infinite}@keyframes orbit-counter-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.lms-chip{z-index:9;will-change:transform;flex-direction:column;align-items:center;gap:5px;width:76px;display:flex;position:absolute}.lms-chip--top{top:-214px;left:-41px}.lms-chip--right{top:-34px;left:132px}.lms-chip--bottom{top:149px;left:-41px}.lms-chip--left{top:-25px;left:-250px}.lms-tile{background:#ffffffd1;border:1px solid #0f172a12;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;position:relative;box-shadow:0 6px 16px -10px #0f172a38}.lms-logo{object-fit:contain;width:24px;height:24px}.lms-logo--wide{width:30px;height:15px}.lms-name{color:#64748b;letter-spacing:.02em;white-space:nowrap;font-size:8px;font-weight:600;line-height:1.35}.wordmark{opacity:0;z-index:10;align-items:flex-start;width:max-content;display:flex;position:absolute;top:calc(100% + 16px);left:-40px;transform:translateY(20px)}.concept-cloud{z-index:22;pointer-events:none;position:absolute;inset:0}.concept-kicker,.concept-chip{white-space:nowrap;opacity:0;align-items:center;gap:4px;display:inline-flex;position:absolute}.concept-kicker{color:#2563eb;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:7px;font-weight:600;top:5%;left:-4%}.concept-chip{color:#1e293b;background:#ffffffeb;border:1px solid #2563eb38;border-radius:999px;padding:2px 7px 2px 4px;font-size:7.5px;font-weight:600;box-shadow:0 6px 14px -8px #2563eb73,0 1px 2px #0f172a0f}.concept-chip svg{box-sizing:content-box;color:#fff;background:#2563eb;border-radius:50%;padding:1.5px}.concept-chip--l1{top:16%;left:-4%}.concept-chip--l2{top:29%;left:-9%}.concept-chip--l3{top:42%;left:-4%}.concept-chip--r1{top:36%;right:-7%}.concept-chip--r2{top:49%;right:-3%}.connection-map{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.chaos-path{stroke:#276ee16b;stroke-width:2px;stroke-dasharray:7 9}.chaos-path-right{stroke:#a78bfa}.flow-path{stroke-width:2.5px;stroke-linecap:round;opacity:0;fill:none}.flow-dot{opacity:0;filter:drop-shadow(0 0 4px #38bdf899)}.mascot-bulb-idea{z-index:25;opacity:0;transform-origin:bottom;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:6%;right:6%}.bulb-glow-aura{filter:blur(6px);mix-blend-mode:screen;background:radial-gradient(circle,#ffecaae6 0%,#fbbf2461 38%,#f59e0b1f 60%,#0000 72%);border-radius:50%;width:96px;height:96px;animation:3.2s ease-in-out infinite alternate bulb-pulse;position:absolute;top:-18px;left:50%;translate:-50%}.bulb-icon-wrap{width:46px;height:74px;animation:3s ease-in-out infinite alternate bulb-bob;position:relative;transform:rotate(12deg)}.idea-bulb{filter:drop-shadow(0 0 6px #fbbf248c)drop-shadow(0 8px 10px #78350f38);width:100%;height:100%;display:block;overflow:visible}.idea-bulb-filament,.idea-bulb-core{animation:4.5s step-end infinite bulb-flicker}.spark-ray{transform-origin:bottom;background:linear-gradient(#fde68a,#f59e0b 55%,#fbbf2400);border-radius:2px;width:2px;animation:2.4s ease-in-out infinite alternate spark-twinkle;position:absolute}.spark-1{height:13px;top:-32px;left:calc(50% + 2px);transform:rotate(8deg)}.spark-2{height:11px;animation-delay:-.8s;top:-22px;left:calc(50% + 24px);transform:rotate(52deg)}.spark-3{height:11px;animation-delay:-1.6s;top:-22px;left:calc(50% - 20px);transform:rotate(-38deg)}@keyframes bulb-pulse{0%{opacity:.75;transform:scale(.92)}to{opacity:1;transform:scale(1.12)}}@keyframes bulb-bob{0%{transform:rotate(12deg)translateY(0)}to{transform:rotate(9deg)translateY(-3px)}}@keyframes bulb-flicker{0%,to{opacity:1}62%{opacity:.86}64%{opacity:1}88%{opacity:.93}}@keyframes spark-twinkle{0%{opacity:.35}to{opacity:1}}.ecosystem{z-index:4;opacity:0;pointer-events:none;position:absolute;inset:0;transform:scale(.96)}.ecosystem-card{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffef9;border:1px solid #e2e8f0d9;border-radius:18px;flex-direction:column;gap:.6rem;width:clamp(220px,18vw,270px);padding:.9rem;transition:transform .25s,box-shadow .25s,rotate .25s;display:flex;position:absolute;box-shadow:4px 18px 30px -8px #64748b38,-2px 8px 14px -3px #64748b1f,inset 0 0 0 1px #fffc}.ecosystem-card:hover{transform:translateY(-4px)scale(1.02)rotate(0);box-shadow:0 24px 40px -8px #64748b4d,0 6px 16px -2px #64748b26,inset 0 0 0 1px #ffffffe6;z-index:50!important}.eco-top-left{top:27%;left:clamp(1rem,3.5vw,4.5rem);transform:rotate(-6deg)}.eco-bottom-left{bottom:12%;left:clamp(1rem,3.5vw,4.5rem);transform:rotate(5deg)}.eco-top-right{top:27%;right:clamp(1rem,3.5vw,4.5rem);transform:rotate(6deg)}.eco-bottom-right{bottom:12%;right:clamp(1rem,3.5vw,4.5rem);transform:rotate(-5deg)}.connection-links{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.link-track{fill:none;stroke:#2563eb29;stroke-width:1.25px;stroke-dasharray:2 6;stroke-linecap:round}.link-draw{fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-dasharray:1}.link-port{fill:#fff;stroke-width:1.5px;filter:drop-shadow(0 2px 4px #0f172a1f)}.link-socket{fill:#2563eb;opacity:.55}.link-pulse{stroke:#fff;stroke-width:1.5px}.link-hub{fill:none;stroke:#2563eb38;stroke-width:1px;stroke-dasharray:3 7;transform-box:fill-box;transform-origin:50%;animation:60s linear infinite link-hub-spin}@keyframes link-hub-spin{to{transform:rotate(360deg)}}@media (max-width:900px){.connection-links{display:none}}.eco-content{flex-direction:column;flex:1;justify-content:center;gap:.65rem;display:flex}.eco-header{align-items:flex-start;gap:.7rem;display:flex}.eco-icon{border-radius:10px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.eco-title-group{flex-direction:column;gap:.15rem;display:flex}.eco-title{font-family:var(--font-display);color:#090b0d;letter-spacing:-.015em;margin:0;font-size:.95rem;font-weight:700;line-height:1.2}.eco-subtitle{font-family:var(--font-display);color:#2563eb;margin:0;font-size:.76rem;font-weight:700}.eco-desc{font-family:var(--font-sans);color:#64748b;margin:0;font-size:.78rem;font-weight:450;line-height:1.5}.eco-ui{flex-shrink:0;width:auto}.eco-cite{color:#713f12;font-family:var(--font-mono);white-space:nowrap;background:#fef08a;border-radius:4px;flex-shrink:0;align-self:center;margin-left:auto;padding:2px 6px;font-size:.6rem;font-weight:500}.lecture-scan{z-index:20;opacity:0;transform-origin:50% 0;will-change:transform,opacity;width:290px;position:absolute;top:58%;left:calc(50% - 145px)}.lecture-file{z-index:4;color:#f8fafc;font-family:var(--font-mono);opacity:0;background:#0f172a;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:7px;display:inline-flex;position:absolute;top:-9px;left:12px;box-shadow:0 6px 14px -6px #0f172a80}.lecture-page{color:#1e293b;background:#fffefb;border:1px solid #0f172a14;border-radius:14px;padding:14px 16px 16px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 30px 60px -30px #1e293b73,0 10px 24px -14px #2563eb40}.lecture-meta{font-family:var(--font-mono);letter-spacing:.04em;color:#94a3b8;justify-content:space-between;font-size:7.5px;display:flex}.lecture-region{position:relative}.lecture-title{font-family:var(--font-serif);letter-spacing:-.01em;color:#0f172a;font-size:21px;line-height:1.05}.lecture-body{color:#475569;margin-top:5px;font-size:8.5px;line-height:1.55}.lecture-formula{text-align:center;font-family:var(--font-serif);color:#0f172a;margin:12px 0 10px;padding:3px 0;font-size:19px;font-style:italic}.lecture-formula sub{font-size:9px}.lecture-split{grid-template-columns:3fr 2fr;align-items:center;gap:12px;display:grid}.lecture-table{border-collapse:collapse;color:#475569;text-align:left;width:100%;font-size:7.5px}.lecture-table th{font-family:var(--font-mono);color:#94a3b8;border-bottom:1px solid #0f172a1a;padding-bottom:3px;font-weight:500}.lecture-table td{white-space:nowrap;border-bottom:1px solid #0f172a0d;padding:3px 0}.lecture-table tr:last-child td{border-bottom:0}.lecture-figure{width:100%;height:60px;display:block}.lecture-idea{color:#0f172a;background:#f1f5f9;border-radius:8px;margin-top:12px;padding:7px 9px;font-size:8.5px}.lecture-page mark{color:inherit;background:linear-gradient(#0000 20%,#fde047cc 20% 90%,#0000 90%) 0 0/0% 100% no-repeat;border-radius:2px;padding:0 1px}.region-frame{opacity:0;pointer-events:none;position:absolute;inset:-5px -6px}.rf{border:0 solid #0f172a;width:8px;height:8px;position:absolute}.rf-tl{border-top-width:1.25px;border-left-width:1.25px;top:0;left:0}.rf-tr{border-top-width:1.25px;border-right-width:1.25px;top:0;right:0}.rf-bl{border-bottom-width:1.25px;border-left-width:1.25px;bottom:0;left:0}.rf-br{border-bottom-width:1.25px;border-right-width:1.25px;bottom:0;right:0}.region-label{color:#0f172a;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;background:#fde047;border-radius:3px;padding:1px 4px;font-size:6.5px;font-weight:600;line-height:1.3;position:absolute;top:-6px;right:10px}.lecture-scanline{z-index:3;opacity:0;pointer-events:none;height:0;position:absolute;top:0;left:0;right:0}.scan-glow{background:linear-gradient(#0000,#2563eb14 65%,#2563eb33);height:56px;position:absolute;bottom:0;left:0;right:0}.scan-edge{background:#2563eb;height:2px;position:absolute;top:-1px;left:0;right:0;box-shadow:0 0 12px 2px #2563eb80}@media (max-width:900px){.activity-column{width:min(31vw,250px);top:30%}.student-column{left:1rem}.teacher-column{right:1rem}.activity-card{min-height:67px;padding:.6rem}.activity-icon{flex-basis:35px;width:35px;height:35px}.activity-card small{display:none}.tag-title{font-size:1.3rem}.tag-meta{display:none}.ecosystem-node{width:180px}.node-1,.node-3{top:16%}}@media (min-width:1024px){.mascot-anchor{top:54%;scale:1.1}}@media (max-width:900px){.problem-solution-section{height:390vh;min-height:2300px}.scroll-stage{min-height:620px}.chapter-copy{top:3vh}.chapter-support{max-width:92%;margin-top:.75rem;font-size:.8rem;line-height:1.5}.activity-column{gap:.38rem;width:calc(50% - 1.1rem);top:auto;bottom:.75rem}.student-column{left:.75rem}.teacher-column{right:.75rem}.audience-tag{gap:.3rem;margin-bottom:.3rem;padding-bottom:.45rem}.tag-kicker{gap:.35rem;font-size:.55rem}.tag-rule{width:.8rem}.tag-title{font-size:.98rem}.activity-card{border-radius:13px;gap:.5rem;min-height:42px;padding:.4rem .5rem .4rem .4rem}.activity-card--teacher{padding:.4rem .4rem .4rem .5rem}.activity-card:nth-of-type(n),.teacher-column .activity-card:nth-of-type(n){transform:none}.activity-icon{border-radius:9px;flex-basis:28px;width:28px;height:28px}.activity-icon svg{width:15px;height:15px}.activity-card strong{font-size:.72rem;line-height:1.2}.activity-index{display:none}.activity-card--student .activity-text,.activity-card--teacher .activity-text{padding:0}.mascot-anchor{z-index:4;width:160px;top:calc(50% - 19px);translate:-50% -50%;scale:.62}.orbit-rings{scale:.64}.mascot-anchor .laptop{scale:.72}.question-mark{font-size:2rem}.wordmark{scale:1.4}.ecosystem{grid-template-columns:1fr 1fr;gap:.5rem;display:grid;inset:auto .75rem .75rem;translate:0 -1.75rem}.ecosystem-card{border-radius:14px;gap:0;width:auto;min-height:64px;padding:.65rem;position:relative;inset:auto}.eco-top-left,.eco-bottom-right{transform:rotate(-2.5deg)}.eco-top-right,.eco-bottom-left{transform:rotate(2.5deg)}.eco-top-left{order:1}.eco-top-right{order:2}.eco-bottom-left{order:3}.eco-bottom-right{order:4}.eco-ui,.eco-desc{display:none}.eco-header{align-items:center;gap:.55rem}.eco-icon{border-radius:8px;width:28px;height:28px}.eco-icon svg{width:15px;height:15px}.eco-title{font-size:.8rem;line-height:1.15}.eco-subtitle{font-size:.64rem}.eco-cite{display:none}}@media (min-width:641px) and (max-width:900px){.mascot-anchor{scale:.9}.ecosystem{width:min(560px,100% - 1.5rem);left:50%;right:auto;translate:-50%}}@media (max-width:900px) and (max-height:720px){.orbit-rings{scale:.5}.orbit-container{--orbit-scale:.7}.mascot-anchor{top:calc(50% - 6px);scale:.5}.chapter-support{margin-top:.5rem;font-size:.74rem}}@media (max-width:360px){.mascot-anchor{scale:.56}.activity-card strong{font-size:.66rem}.eco-title{font-size:.74rem}}@media (max-width:640px){.mascot-anchor{scale:.58}}@media (max-width:640px) and (max-height:720px),(max-width:360px){.mascot-anchor{scale:.5}}.context-trail{display:none}@media (min-width:1024px) and (min-height:1040px){.context-trail{z-index:5;flex-direction:column;align-items:center;gap:.45rem;display:flex;position:absolute;bottom:clamp(.5rem,1.2vh,1rem);left:50%;translate:-50%}}.trail-kicker{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#e11d48;align-items:center;gap:.4rem;font-size:.62rem;font-weight:600;display:inline-flex}.trail-chain{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border:1px solid #e2e8f0e6;border-radius:999px;align-items:center;margin:0;padding:.45rem .55rem;list-style:none;display:flex;box-shadow:0 14px 34px #276ee114,inset 0 1px #fff}.trail-step{align-items:center;display:flex}.trail-stop{color:#334155;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.74rem;font-weight:600;display:inline-flex}.trail-stop svg{color:var(--color-primary)}.trail-link{background-image:linear-gradient(90deg,#94a3b8 50%,#0000 0);background-size:6px 1px;width:3.4rem;height:1px;margin-inline:.25rem;display:block;position:relative}.trail-pulse{background:var(--color-primary);border-radius:50%;width:6px;height:6px;margin-top:-3px;animation:2.4s ease-in infinite trail-pulse;position:absolute;top:50%;left:0;box-shadow:0 0 8px #2563eb99}.trail-break{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3;border-radius:50%;place-items:center;width:15px;height:15px;font-size:11px;font-weight:700;line-height:1;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.trail-caption{color:#64748b;font-size:.78rem;font-weight:500}@keyframes trail-pulse{0%{opacity:0;transform:translate(0)}15%{opacity:1}45%{opacity:1;transform:translate(calc(1.7rem - 9px))}60%,to{opacity:0;transform:translate(calc(1.7rem - 9px))scale(.2)}}@media (prefers-reduced-motion:reduce){.problem-solution-section{height:auto;min-height:1120px}.scroll-stage{height:1120px;position:relative}.problem-copy{opacity:0}.solution-copy{opacity:1;transform:none}.activity-column{display:none}.mascot-anchor{top:24%}.laptop,.lecture-scanline{display:none}.lecture-scan,.lecture-file,.region-frame{opacity:1}.lecture-page mark{background-size:100% 100%}.question-mark,.orbit-container{display:none}.trail-pulse{opacity:0;animation:none}.wordmark,.ecosystem,.ecosystem-node,.flow-path,.concept-kicker,.concept-chip{opacity:1;transform:none}.wordmark{translate:0}.flow-path{stroke-dashoffset:0}}
.action-ghost{mix-blend-mode:screen;opacity:.85;pointer-events:none;white-space:nowrap;animation:4.2s step-end infinite action-glitch}.action-ghost--b{animation-delay:-.08s}@keyframes action-glitch{0%,86%,to{clip-path:none;translate:0}87%{clip-path:inset(10% 0 55%);translate:-5px 1px}89%{clip-path:inset(60% 0 8%);translate:6px -1px}91%{clip-path:inset(30% 0 35%);translate:-3px}93%{clip-path:none;translate:0}}.action-word{text-shadow:0 0 40px #5ee7ff40}.action-flare{overflow:visible}.action-flare-streak{filter:blur(.5px);background:linear-gradient(90deg,#0000,#5ee7ff8c 35%,#fff 50%,#5ee7ff8c 65%,#0000);border-radius:999px;width:55%;height:3px;animation:5.5s cubic-bezier(.65,0,.35,1) infinite action-flare;position:absolute;top:50%;left:0;translate:-100% -50%;box-shadow:0 0 18px 4px #5ee7ff59,0 0 60px 10px #276ee159}@keyframes action-flare{0%{opacity:0;left:0}8%{opacity:1}38%{opacity:1;left:145%}44%,to{opacity:0;left:145%}}@media (prefers-reduced-motion:reduce){.action-ghost{opacity:0;animation:none}}.action-play{position:relative}.action-play:after{content:"";border:1px solid #ffffff80;border-radius:999px;animation:2.4s ease-out infinite action-play-ring;position:absolute;inset:-1px}@keyframes action-play-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@media (prefers-reduced-motion:reduce){.action-play:after{opacity:0;animation:none}}
:root,:host{--font-sans:"Inter","Avenir Next",system-ui,sans-serif;--font-display:"Plus Jakarta Sans","Avenir Next",system-ui,sans-serif;--color-border:var(--border)}:root{--radius:.5rem;--background:#fbfdff;--foreground:#021546;--card:#fff;--card-foreground:#020618;--popover:#fff;--popover-foreground:#020618;--primary:#276ee1;--primary-foreground:#f8fafc;--secondary:#f1f5f9;--secondary-foreground:#0f172b;--muted:#ecf2fc;--muted-foreground:#566684;--accent:#e5efff;--accent-foreground:#0f172b;--destructive:#e40014;--destructive-foreground:#f8fafc;--border:#cfdcee;--input:#d7e2f2;--ring:#276ee1;--surface:#fff;--surface-soft:#f1f7ff;--surface-blue:#dff0ff;--surface-violet:var(--surface-blue);--violet:var(--primary);--navy:#031b55;--success:#00b16c;--line-blue:#4faafe;--mascot-highlight:#30bfff;--mascot-blue:#008bf7;--mascot-deep:#0f46e1;--mascot-sheen:#e7f4ff;--mascot-eye:#fcfcfc;--mascot-pupil:#041239;--mascot-mouth:#162d77;--mascot-shadow:#004aa5;--mascot-floor:#8fbbf038;--accessory-dark:#09205b;--accessory-blue:#005fd1;--accessory-violet:var(--primary);--pointer:#1e2f60;--laptop-light:#d0e4f8;--laptop-dark:#87a8cd;--laptop-edge:#6c92bf;--logo-blue:#0063e0;--screen-glow:#0399ff;--chart-1:#f05100;--chart-2:#009588;--chart-3:#104e64;--chart-4:#fcbb00;--chart-5:#f99c00;--sidebar:#f8fafc;--sidebar-foreground:#020618;--sidebar-primary:#0f172b;--sidebar-primary-foreground:#f8fafc;--sidebar-accent:#f1f5f9;--sidebar-accent-foreground:#0f172b;--sidebar-border:#e2e8f0;--sidebar-ring:#90a1b9}@supports (color:lab(0% 0 0)){:root{--background:lab(99.0671% -.399083 -1.44904);--foreground:lab(8.2906% 10.7037 -33.3678);--card:lab(100% 0 0);--card-foreground:lab(1.76974% 1.32743 -9.28855);--popover:lab(100% 0 0);--popover-foreground:lab(1.76974% 1.32743 -9.28855);--primary-foreground:lab(98.1434% -.369519 -1.05966);--secondary:lab(96.286% -.852436 -2.46847);--secondary-foreground:lab(7.78673% 1.82345 -15.0537);--muted:lab(95.3176% -.929058 -5.55388);--muted-foreground:lab(42.8723% -.292599 -18.9449);--accent:lab(94.072% -.837326 -11.1876);--accent-foreground:lab(7.78673% 1.82345 -15.0537);--destructive:lab(48.4493% 77.4328 61.5452);--destructive-foreground:lab(98.1434% -.369519 -1.05966);--border:lab(87.1499% -1.64664 -10.6615);--input:lab(89.4844% -1.45867 -9.20998);--surface:lab(100% 0 0);--surface-soft:lab(97.0707% -1.11493 -5.12422);--surface-blue:lab(94.1035% -3.65096 -16.0973);--navy:lab(11.552% 12.7347 -38.6368);--success:lab(63.8007% -52.4146 24.3567);--line-blue:lab(66.9448% -7.66623 -50.3791);--mascot-highlight:lab(72.1797% -22.2188 -50.1767);--mascot-blue:lab(55.5696% 1.64101 -73.277);--mascot-deep:lab(36.0383% 34.4211 -84.5723);--mascot-sheen:lab(95.3643% -2.67723 -6.86263);--mascot-eye:lab(98.84% .0000298023 -.0000119209);--mascot-pupil:lab(6.34027% 7.89903 -27.9414);--mascot-mouth:lab(20.6227% 14.7513 -45.9234);--mascot-shadow:lab(32.2909% 10.1103 -55.4187);--mascot-floor:lab(74.1609% -4.82091 -31.6847/.22);--accessory-dark:lab(13.9374% 11.9373 -38.724);--accessory-blue:lab(40.6508% 18.9573 -76.1042);--pointer:lab(20.2003% 7.01649 -32.0102);--laptop-light:lab(89.5328% -3.92792 -12.1922);--laptop-dark:lab(67.3508% -4.77213 -22.8055);--laptop-edge:lab(59.1263% -4.54783 -27.9703);--logo-blue:lab(42.9932% 18.7663 -76.3958);--screen-glow:lab(60.7264% -4.49389 -63.2048);--chart-1:lab(57.1026% 64.2584 89.8886);--chart-2:lab(55.0223% -41.0774 -3.90277);--chart-3:lab(30.372% -13.1853 -18.7887);--chart-4:lab(80.1641% 16.6016 99.2089);--chart-5:lab(72.7183% 31.8672 97.9407);--sidebar:lab(98.1434% -.369519 -1.05966);--sidebar-foreground:lab(1.76974% 1.32743 -9.28855);--sidebar-primary:lab(7.78673% 1.82345 -15.0537);--sidebar-primary-foreground:lab(98.1434% -.369519 -1.05966);--sidebar-accent:lab(96.286% -.852436 -2.46847);--sidebar-accent-foreground:lab(7.78673% 1.82345 -15.0537);--sidebar-border:lab(91.7353% -.998765 -4.76968);--sidebar-ring:lab(65.5349% -2.25151 -14.5072)}}.dark{--background:#020618;--foreground:#f8fafc;--card:#0f172b;--card-foreground:#f8fafc;--popover:#0f172b;--popover-foreground:#f8fafc;--primary:#e2e8f0;--primary-foreground:#0f172b;--secondary:#1d293d;--secondary-foreground:#f8fafc;--muted:#1d293d;--muted-foreground:#90a1b9;--accent:#1d293d;--accent-foreground:#f8fafc;--destructive:#ff6568;--destructive-foreground:#f8fafc;--border:#ffffff1a;--input:#ffffff26;--ring:#6a7282;--chart-1:#1447e6;--chart-2:#00bb7f;--chart-3:#f99c00;--chart-4:#ac4bff;--chart-5:#ff2357;--sidebar:#0f172b;--sidebar-foreground:#f8fafc;--sidebar-primary:#1447e6;--sidebar-primary-foreground:#f8fafc;--sidebar-accent:#1d293d;--sidebar-accent-foreground:#f8fafc;--sidebar-border:#ffffff1a;--sidebar-ring:#6a7282}@supports (color:lab(0% 0 0)){.dark{--background:lab(1.76974% 1.32743 -9.28855);--foreground:lab(98.1434% -.369519 -1.05966);--card:lab(7.78673% 1.82345 -15.0537);--card-foreground:lab(98.1434% -.369519 -1.05966);--popover:lab(7.78673% 1.82345 -15.0537);--popover-foreground:lab(98.1434% -.369519 -1.05966);--primary:lab(91.7353% -.998765 -4.76968);--primary-foreground:lab(7.78673% 1.82345 -15.0537);--secondary:lab(16.132% -.318035 -14.6672);--secondary-foreground:lab(98.1434% -.369519 -1.05966);--muted:lab(16.132% -.318035 -14.6672);--muted-foreground:lab(65.5349% -2.25151 -14.5072);--accent:lab(16.132% -.318035 -14.6672);--accent-foreground:lab(98.1434% -.369519 -1.05966);--destructive:lab(63.7053% 60.745 31.3109);--destructive-foreground:lab(98.1434% -.369519 -1.05966);--border:lab(100% 0 0/.1);--input:lab(100% 0 0/.15);--ring:lab(47.7841% -.393182 -10.0268);--chart-1:lab(36.9089% 35.0961 -85.6872);--chart-2:lab(66.9756% -58.27 19.5419);--chart-3:lab(72.7183% 31.8672 97.9407);--chart-4:lab(52.0183% 66.11 -78.2316);--chart-5:lab(56.101% 79.4328 31.4532);--sidebar:lab(7.78673% 1.82345 -15.0537);--sidebar-foreground:lab(98.1434% -.369519 -1.05966);--sidebar-primary:lab(36.9089% 35.0961 -85.6872);--sidebar-primary-foreground:lab(98.1434% -.369519 -1.05966);--sidebar-accent:lab(16.132% -.318035 -14.6672);--sidebar-accent-foreground:lab(98.1434% -.369519 -1.05966);--sidebar-border:lab(100% 0 0/.1);--sidebar-ring:lab(47.7841% -.393182 -10.0268)}}@layer base{.scholera-page{border-color:var(--color-border)}}@keyframes view-enter{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}@keyframes breathe{0%,to{transform:translateY(0)rotate(-.3deg)}50%{transform:translateY(-5px)rotate(.3deg)}}@keyframes laptop-glow{0%,to{opacity:.16}50%{opacity:.32}}@keyframes poll-fill{0%{width:12%}to{width:72%}}@keyframes node-pulse{0%,to{box-shadow:0 0 0 5px color-mix(in oklab,var(--primary)13%,transparent)}50%{box-shadow:0 0 0 10px color-mix(in oklab,var(--primary)4%,transparent)}}@keyframes line-flow{to{stroke-dashoffset:-36px}}@keyframes accessory-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(1.5deg)}}@keyframes pointer-float{0%,to{transform:rotate(0)}50%{transform:rotate(-5deg)}}@keyframes laptop-hover{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(-1deg)}}@keyframes face-track{0%,to{transform:translate(0)}50%{transform:translate(2px,-2px)}}@keyframes float-accent-1{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(4deg)}}@keyframes float-accent-2{0%,to{transform:translateY(0)rotate(3deg)}50%{transform:translateY(-6px)rotate(-3deg)}}@keyframes float-accent-3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(4px,-4px)scale(1.1)}}@keyframes waveform{0%,to{transform:scaleY(.62)}50%{transform:scaleY(1)}}.scholera-page{background:radial-gradient(circle at 11% 46%,var(--surface-blue),transparent 24%),radial-gradient(circle at 90% 42%,var(--surface-violet),transparent 25%),var(--background);overflow:hidden}.experience-shell{flex-direction:column;justify-content:center;width:min(1380px,100%);min-height:100vh;margin:0 auto clamp(60px,15vh,180px);padding:clamp(28px,5vh,56px) clamp(18px,4vw,64px);display:flex}.experience-header{text-align:center}.eyebrow{color:var(--primary);letter-spacing:.38em;margin:0 0 6px;font-size:11px;font-weight:800}.experience-header h1{color:var(--navy);font-family:var(--font-display);letter-spacing:0;margin:0;font-size:clamp(26px,3.4vw,42px);font-weight:650;line-height:1.06}.experience-header>p:last-of-type{color:var(--muted-foreground);margin:8px auto 12px;font-size:clamp(13px,1.2vw,16px)}.role-switch{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#fff,#f9fafbcc);border:1px solid #e5e7ebb3;border-radius:999px;align-items:center;gap:4px;width:fit-content;margin:0 auto 16px;padding:6px;display:flex;position:relative;box-shadow:0 8px 24px -8px #0f172a1f,inset 0 1px #ffffffe6}.role-switch button{color:#6b7280;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.role-switch button svg{width:16px;height:16px;display:inline-block}.role-switch button:hover{color:#111827}.role-switch button[aria-pressed=true]{color:var(--primary-foreground);box-shadow:0 1px 2px #0000000d,0 4px 10px var(--primary);background:linear-gradient(#2f7ae8,#1c56ba)}@supports (color:color-mix(in lab, red, red)){.role-switch button[aria-pressed=true]{box-shadow:0 1px 2px #0000000d,0 4px 10px color-mix(in oklab,var(--primary)30%,transparent)}}.feature-tabs{justify-content:center;gap:7px;margin:10px 0;display:flex}.feature-tabs button{height:34px;color:var(--muted-foreground);background:var(--muted);border:1px solid #0000;border-radius:999px;padding-inline:18px}@supports (color:color-mix(in lab, red, red)){.feature-tabs button{background:color-mix(in oklab,var(--muted)74%,transparent)}}.feature-tabs button{cursor:pointer;font-family:var(--font-sans)}.feature-tabs button.is-active{background:var(--navy);color:var(--primary-foreground);box-shadow:0 7px 19px var(--navy)}@supports (color:color-mix(in lab, red, red)){.feature-tabs button.is-active{box-shadow:0 7px 19px color-mix(in oklab,var(--navy)20%,transparent)}}.feature-tabs{scrollbar-width:none;position:relative}.feature-tabs::-webkit-scrollbar{display:none}.feature-tabs button{isolation:isolate;transition:color .3s;position:relative}.feature-tabs button.is-active{background:var(--muted)}@supports (color:color-mix(in lab, red, red)){.feature-tabs button.is-active{background:color-mix(in oklab,var(--muted)74%,transparent)}}.feature-tabs button.is-active{box-shadow:none}.tab-glider{z-index:-1;border-radius:inherit;background:var(--navy);box-shadow:0 7px 19px var(--navy);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.tab-glider{box-shadow:0 7px 19px color-mix(in oklab,var(--navy)20%,transparent)}}.experience-header .role-switch button{isolation:isolate;position:relative}.experience-header .role-switch button[aria-pressed=true]{box-shadow:none;background:0 0}.switch-glider{z-index:-1;border-radius:inherit;box-shadow:0 1px 2px #0000000d,0 4px 10px var(--primary);background:linear-gradient(#2f7ae8,#1c56ba);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.switch-glider{box-shadow:0 1px 2px #0000000d,0 4px 10px color-mix(in oklab,var(--primary)30%,transparent)}}.workspace-tilt{height:100%;transform-style:preserve-3d;will-change:transform}.mascot-hop{width:100%;height:100%}.cinematic-stage{--workspace-x:0%;border:1px solid var(--primary);height:clamp(480px,55vh,600px);min-height:480px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.cinematic-stage{border:1px solid color-mix(in oklab,var(--primary)22%,var(--border))}}.cinematic-stage{background:linear-gradient(135deg,var(--surface-blue),var(--surface));border-radius:24px}@supports (color:color-mix(in lab, red, red)){.cinematic-stage{background:linear-gradient(135deg,color-mix(in oklab,var(--surface-blue)64%,var(--surface)),color-mix(in oklab,var(--surface)88%,var(--surface-violet)))}}.cinematic-stage{box-shadow:0 26px 75px var(--navy),inset 0 1px var(--surface)}@supports (color:color-mix(in lab, red, red)){.cinematic-stage{box-shadow:0 26px 75px color-mix(in oklab,var(--navy)10%,transparent),inset 0 1px var(--surface)}}.cinematic-stage{perspective:1200px;transition:transform .75s cubic-bezier(.16,1,.3,1),background .8s}.cinematic-stage.is-teacher{background:linear-gradient(225deg,var(--surface-violet),var(--surface))}@supports (color:color-mix(in lab, red, red)){.cinematic-stage.is-teacher{background:linear-gradient(225deg,color-mix(in oklab,var(--surface-violet)64%,var(--surface)),color-mix(in oklab,var(--surface)88%,var(--surface-blue)))}}.cinematic-stage.is-transitioning{transform:scale(.965)}.stage-wash{pointer-events:none;opacity:.6;transition:transform 1s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.stage-wash i{filter:blur(70px);background:var(--surface-blue);border-radius:50%;width:42%;height:80%;display:block;position:absolute}.stage-wash i:first-child{top:30%;left:-14%}.stage-wash i:nth-child(2){background:var(--surface-violet);top:-30%;right:-10%}.stage-wash i:nth-child(3){background:var(--surface);bottom:-65%;left:45%}.is-transitioning .stage-wash{transform:translate(7%)scale(1.15)}.scene-number{z-index:8;color:var(--primary);letter-spacing:.05em;font-size:12px;font-weight:800;position:absolute;top:6%;left:auto;right:5%}.scene-number span{color:var(--muted-foreground);font-weight:600}.is-teacher .scene-number{left:5%;right:auto}.workspace-wrap{z-index:4;width:48%;height:88%;transition:left .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),opacity .3s;position:absolute;top:6%;left:4%}.is-teacher .workspace-wrap{left:48%}.is-transitioning .workspace-wrap{opacity:.48;transform:translateY(12px)rotateY(-5deg)scale(.92)}.product-workspace{border:1px solid var(--primary);grid-template-columns:118px minmax(0,1fr);height:100%;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.product-workspace{border:1px solid color-mix(in oklab,var(--primary)14%,var(--border))}}.product-workspace{background:var(--surface);box-shadow:0 22px 55px var(--navy);border-radius:13px}@supports (color:color-mix(in lab, red, red)){.product-workspace{box-shadow:0 22px 55px color-mix(in oklab,var(--navy)14%,transparent)}}.workspace-rail{background:var(--surface-soft);border-right:1px solid var(--border);flex-direction:column;padding:17px 11px 13px;display:flex}.workspace-mark{color:var(--navy);align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.workspace-mark>span{background:var(--primary);border-radius:2px;width:11px;height:11px;transform:rotate(45deg)}.rail-course{color:var(--navy);margin:22px 5px 13px;font-size:10px;font-weight:800}.rail-course span{color:var(--muted-foreground);margin-top:2px;font-size:8px;font-weight:500;display:block}.workspace-rail nav{gap:3px;display:grid}.workspace-rail nav div{color:var(--muted-foreground);white-space:nowrap;border-radius:6px;align-items:center;gap:7px;padding:7px 6px;font-size:8px;display:flex}.workspace-rail nav div.is-active{color:var(--primary);background:var(--surface-blue);font-weight:700}.workspace-rail nav svg{width:11px;height:11px}.rail-profile{color:var(--navy);align-items:center;gap:7px;margin-top:auto;font-size:8px;font-weight:700;display:flex}.rail-profile>span{background:var(--navy);width:24px;height:24px;color:var(--primary-foreground);border-radius:50%;place-items:center;display:grid}.rail-profile small{color:var(--muted-foreground);font-weight:500;display:block}.workspace-main{min-width:0;padding:clamp(16px,2vw,25px);overflow:hidden}.ui-view{height:100%;animation:.55s cubic-bezier(.16,1,.3,1) both view-enter}.view-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.view-heading small{color:var(--primary);letter-spacing:.14em;font-size:7px;font-weight:800}.view-heading h3{color:var(--navy);letter-spacing:0;margin:2px 0 0;font-size:clamp(17px,1.65vw,24px);line-height:1.12}.view-heading>span{color:var(--muted-foreground);font-size:8px}.live-chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:5px;padding:5px 8px;display:flex}.live-chip i,.view-heading small i{background:var(--success);border-radius:50%;width:5px;height:5px;display:inline-block}.scene-copy{z-index:5;width:34%;transition:left .9s cubic-bezier(.16,1,.3,1),width .9s cubic-bezier(.16,1,.3,1),opacity .35s,transform .85s cubic-bezier(.16,1,.3,1);position:absolute;top:11%;left:55%}.is-teacher .scene-copy{width:26%;left:20%}.is-transitioning .scene-copy{opacity:0;transform:translateY(18px)}.scene-copy small{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:12px;font-weight:700;display:block}.scene-copy h2{color:var(--navy);font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:0 0 16px;font-size:clamp(26px,2.5vw,36px);font-weight:700;line-height:1.04}.scene-copy p{color:var(--muted-foreground);white-space:pre-line;margin-bottom:24px;font-size:clamp(14px,1.2vw,16px);line-height:1.6}.scene-copy ul{color:var(--navy);gap:12px;margin:24px 0 0;padding:0;font-size:14px;font-weight:500;list-style:none;display:grid}.scene-copy li{align-items:center;gap:12px;display:flex}.scene-copy li span{background:var(--primary);width:20px;height:20px;color:var(--primary-foreground);border-radius:50%;place-items:center;font-size:11px;display:grid}.mascot-wrap{z-index:6;width:30%;height:60%;transition:right 1.05s cubic-bezier(.16,1,.3,1),bottom 1.05s cubic-bezier(.16,1,.3,1),transform 1.05s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-5%;right:-7%}.is-student .mascot-wrap{bottom:-9%}.is-teacher .mascot-wrap{width:26%;height:54%;bottom:-9%;right:78%;transform:translate(0)}.is-transitioning .mascot-wrap{right:39%;transform:translateY(-4%)scale(1.12)}.scholera-mascot{width:100%;height:100%;position:relative}.mascot-visual{width:100%;height:100%;filter:drop-shadow(0 14px 13px var(--mascot-shadow));position:relative}@supports (color:color-mix(in lab, red, red)){.mascot-visual{filter:drop-shadow(0 14px 13px color-mix(in oklab,var(--mascot-shadow)24%,transparent))}}.mascot-breathe{transform-origin:bottom;animation:4.2s ease-in-out infinite breathe}.mascot-avatar-frame{width:100%;height:78%;position:relative}.mascot-avatar-image{object-fit:contain;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.mascot-avatar-teacher,.is-teacher .mascot-avatar-student{opacity:0}.is-teacher .mascot-avatar-teacher{opacity:1}.mascot-accessories{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mascot-laptop{width:72%;height:auto;position:absolute;bottom:4%;left:62%;overflow:visible;transform:translate(-50%)}.laptop ellipse{animation:2.8s ease-in-out infinite laptop-glow}.anim-headphone{transform-origin:125px 90px;animation:4.5s ease-in-out infinite accessory-float}.anim-pointer{transform-origin:228px 66px;animation:3.8s ease-in-out infinite pointer-float}.laptop{transform-origin:110px 86px;animation:5s ease-in-out infinite laptop-hover}.student-accents{opacity:1;transition:opacity .42s}.teacher-accents{opacity:0;transition:opacity .42s}.is-teacher .student-accents{opacity:0}.is-teacher .teacher-accents{opacity:1}.accent-float-1{animation:5s ease-in-out infinite float-accent-1}.accent-float-2{animation:4.5s ease-in-out infinite float-accent-2}.accent-float-3{animation:6s ease-in-out infinite float-accent-3}.wave-1,.wave-2,.wave-3{transform-box:fill-box;transform-origin:50%}.wave-1{animation:1.4s ease-in-out infinite waveform}.wave-2{animation:1.4s ease-in-out .2s infinite waveform}.wave-3{animation:1.4s ease-in-out .4s infinite waveform}.student-headphones,.teacher-glasses,.teacher-pointer,.teacher-mouth{transform-box:fill-box;transform-origin:50%;transition:opacity .42s,transform .82s cubic-bezier(.18,1.3,.4,1)}.teacher-glasses,.teacher-pointer,.teacher-mouth{opacity:0;transform:translate(32px,-30px)rotate(18deg)scale(.72)}.is-teacher .student-headphones{opacity:0;transform:translate(44px,-38px)rotate(19deg)scale(.72)}.is-teacher .teacher-glasses{opacity:1;transition-delay:.2s;transform:none}.is-teacher .teacher-pointer{opacity:1;transition-delay:.36s;transform:none}.is-teacher .teacher-mouth{opacity:1;transition-delay:.3s;transform:none}@keyframes mouth-talk{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}.teacher-mouth ellipse{transform-box:fill-box;transform-origin:50%;animation:.9s ease-in-out infinite mouth-talk}.is-transforming .student-headphones{opacity:.25;transform:translate(21px,-50px)rotate(13deg)scale(.82)}.is-transforming .teacher-glasses{opacity:.65;transform:translate(-13px,-39px)rotate(-12deg)scale(.86)}.connection-line{z-index:3;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.connection-line path{fill:none;stroke:var(--line-blue);stroke-width:2px;stroke-linecap:round;stroke-dasharray:5 10;animation:2s linear infinite line-flow}.is-teacher .connection-line{opacity:.28}.stage-frame{position:relative}.carousel-arrow{z-index:12;background:var(--surface);border-radius:50%;width:42px;height:42px;position:absolute;top:50%;transform:translateY(-50%)}@supports (color:color-mix(in lab, red, red)){.carousel-arrow{background:color-mix(in oklab,var(--surface)84%,transparent)}}.carousel-arrow{color:var(--navy);box-shadow:0 9px 22px var(--navy)}@supports (color:color-mix(in lab, red, red)){.carousel-arrow{box-shadow:0 9px 22px color-mix(in oklab,var(--navy)13%,transparent)}}.carousel-arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border:none}.arrow-prev{left:-21px}.arrow-next{right:-21px}.carousel-arrow svg{width:18px;height:18px;margin:auto}.scene-footer{grid-template-columns:1fr auto 1fr;align-items:center;min-height:34px;display:grid}.progress-dots{grid-column:2;gap:7px;display:flex}.progress-dots button{background:var(--border);cursor:pointer;border:0;border-radius:50%;width:7px;height:7px;padding:0;transition:width .35s,background .35s}.progress-dots button.is-active{background:var(--primary);border-radius:999px;width:23px}.scene-footer p{color:var(--muted-foreground);justify-self:end;font-size:10px}.scene-footer p span{color:var(--primary);font-weight:800}.chat-question{background:var(--surface-blue);width:73%;color:var(--navy);border-radius:12px 12px 2px;margin:17px 0 10px auto;padding:9px 11px;font-size:9px}.chat-answer{border:1px solid var(--border);color:var(--navy);border-radius:10px;grid-template-columns:25px 1fr;gap:8px;padding:11px;font-size:8px;display:grid}.chat-answer p{color:var(--muted-foreground);margin:3px 0 8px;line-height:1.45}.bot-dot{background:var(--primary);width:24px;height:24px;color:var(--primary-foreground);border-radius:50%;place-items:center;display:grid}.bot-dot svg{width:11px}.membrane{border-block:6px double var(--violet);height:43px;position:relative}@supports (color:color-mix(in lab, red, red)){.membrane{border-block:6px double color-mix(in oklab,var(--violet)35%,var(--surface))}}.membrane{background:var(--surface-soft)}.membrane span{background:var(--primary);opacity:.72;border-radius:5px;width:22px;height:31px;margin:-1px 5px;display:inline-block}.membrane i{color:var(--violet);font-style:normal;font-weight:800;position:absolute}.membrane i:first-of-type{top:-12px;left:35%}.membrane i:last-of-type{bottom:1px;right:6px}.chat-answer small{color:var(--primary);margin-top:5px;display:block}.chat-composer{border:1px solid var(--border);color:var(--muted-foreground);border-radius:999px;margin-top:9px;padding:8px 10px;font-size:8px}.chat-composer span{float:right;background:var(--primary);width:18px;height:18px;color:var(--primary-foreground);border-radius:50%;place-items:center;margin-top:-4px;display:grid}.roadmap-canvas{background:var(--surface-soft);border-radius:10px;height:230px;margin-top:12px;position:relative;overflow:hidden}.roadmap-canvas>svg{width:100%;height:100%;position:absolute;inset:0}.roadmap-canvas path{fill:none;stroke:var(--border);stroke-width:4px}.map-node{border:4px solid var(--surface);background:var(--border);width:28px;height:28px;color:var(--muted-foreground);cursor:pointer;border-radius:50%;place-items:center;font-size:9px;display:grid;position:absolute}.map-node svg{width:10px}.map-node.is-done{background:var(--success);color:var(--primary-foreground)}.map-node.is-current{background:var(--primary);color:var(--primary-foreground);animation:2s ease-in-out infinite node-pulse}.n1{top:45%;left:8%}.n2{top:17%;left:34%}.n3{top:51%;left:59%}.n4{top:23%;left:82%}.n5{top:77%;left:51%}.node-note{border:1px solid var(--border);background:var(--surface);width:176px;box-shadow:0 8px 25px var(--navy);border-radius:8px;padding:10px;display:grid;position:absolute;bottom:9%;right:6%}@supports (color:color-mix(in lab, red, red)){.node-note{box-shadow:0 8px 25px color-mix(in oklab,var(--navy)10%,transparent)}}.node-note{font-size:8px}.node-note small{color:var(--primary);font-weight:800}.node-note b{color:var(--navy);margin:2px 0 5px}.node-note span{color:var(--muted-foreground)}.node-note svg{width:9px;height:9px;display:inline}.topic-progress{color:var(--muted-foreground);justify-content:space-between;margin-top:10px;font-size:8px;display:flex}.topic-progress i{background:var(--success);border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.topic-progress b{color:var(--navy)}.quiz-question{color:var(--navy);margin:29px 0 15px;font-size:12px;font-weight:700}.answer-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.answer-grid button{border:1px solid var(--border);background:var(--surface);min-height:50px;color:var(--navy);text-align:left;cursor:pointer;border-radius:8px;padding:10px;font-size:9px}.answer-grid button.correct{border-color:var(--success);background:var(--success);align-items:center;gap:6px;display:flex}@supports (color:color-mix(in lab, red, red)){.answer-grid button.correct{background:color-mix(in oklab,var(--success)9%,var(--surface))}}.answer-grid svg{width:12px;color:var(--success)}.answer-note{background:var(--success);border-radius:7px;align-items:center;gap:7px;margin-top:14px;padding:10px;display:flex}@supports (color:color-mix(in lab, red, red)){.answer-note{background:color-mix(in oklab,var(--success)9%,var(--surface))}}.answer-note{color:var(--success);font-size:8px}.answer-note svg{width:12px}.project-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:21px;display:grid}.project-grid article{border:1px solid var(--border);background:var(--surface-soft);border-radius:9px;min-height:117px;padding:13px}.project-grid article>span{float:right;color:var(--primary);font-size:16px;font-weight:800}.project-grid small{color:var(--primary);font-size:7px;font-weight:800}.project-grid h4{color:var(--navy);margin:14px 0 3px;font-size:11px}.project-grid p{color:var(--muted-foreground);font-size:8px}.project-grid article div{color:var(--success);align-items:center;gap:5px;font-size:8px;display:flex}.project-grid svg{width:10px}.project-grid .archive-next{background:var(--navy);min-height:auto;color:var(--primary-foreground);grid-column:span 2}.archive-next p{color:var(--primary-foreground)}.search-mini{align-items:center;gap:4px;display:flex}.search-mini svg{width:10px}.class-grid{grid-template-columns:1.35fr 1fr;gap:9px;margin-top:14px;display:grid}.lecture-stage{background:var(--surface-soft);border-radius:8px;height:181px;position:relative;overflow:hidden}.network-visual{position:absolute;inset:0}.network-visual span{background:var(--primary);opacity:.7;border-radius:50%;width:25px;height:25px;position:absolute}.network-visual span:first-child{top:18%;left:22%}.network-visual span:nth-child(2){top:12%;left:52%}.network-visual span:nth-child(3){top:48%;left:36%}.network-visual span:nth-child(4){top:43%;left:69%}.network-visual span:nth-child(5){top:67%;left:54%}.video-strip{grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:absolute;inset:auto 8px 8px}.video-strip b{background:var(--navy);height:27px;color:var(--primary-foreground);border-radius:4px;place-items:center;font-size:7px;display:grid}.poll-card{border:1px solid var(--border);border-radius:8px;padding:12px}.poll-card small{color:var(--violet);font-size:7px;font-weight:800}.poll-card b{color:var(--navy);margin:8px 0 16px;font-size:9px;display:block}.poll-card div{color:var(--navy);justify-content:space-between;font-size:8px;display:flex}.poll-card progress{width:100%;height:6px;accent-color:var(--violet)}.poll-card p{color:var(--muted-foreground);font-size:7px}.transcript{border:1px solid var(--border);color:var(--muted-foreground);border-radius:7px;align-items:center;gap:8px;margin-top:8px;padding:8px;font-size:7px;display:flex}.transcript svg{width:10px}.transcript b{color:var(--primary)}.assignment-grid{grid-template-columns:1fr .9fr;gap:11px;margin-top:19px;display:grid}.assignment-grid>div{border:1px solid var(--border);background:var(--surface-soft);border-radius:9px;padding:15px}.assignment-grid label,.rubric small{color:var(--primary);font-size:7px;font-weight:800}.assignment-grid h4{color:var(--navy);margin:16px 0 5px;font-size:12px}.assignment-grid p{color:var(--muted-foreground);font-size:8px;line-height:1.45}.source-chip{background:var(--surface-blue);color:var(--primary);border-radius:6px;align-items:center;gap:5px;margin-top:22px;padding:6px 8px;font-size:7px;display:inline-flex}.source-chip svg,.rubric svg{width:10px}.rubric p{gap:5px;display:flex}.rubric p b{color:var(--navy);margin-left:auto}.rubric button{background:var(--primary);width:100%;color:var(--primary-foreground);cursor:pointer;border:0;border-radius:6px;margin-top:12px;padding:8px;font-size:8px}.question-types{gap:7px;margin:15px 0 10px;display:flex}.question-types span{background:var(--muted);color:var(--muted-foreground);border-radius:5px;padding:5px 9px;font-size:7px}.question-types span.active{background:var(--navy);color:var(--primary-foreground)}.editor-question{border:1px solid var(--border);border-radius:8px;padding:14px}.editor-question small{color:var(--primary);font-size:7px}.editor-question h4{color:var(--navy);margin:8px 0;font-size:11px}.editor-question>div{color:var(--muted-foreground);align-items:center;gap:7px;padding:7px;font-size:8px;display:flex}.editor-question>div span{background:var(--muted);border-radius:4px;place-items:center;width:18px;height:18px;display:grid}.editor-question>div.selected{background:var(--surface-blue);color:var(--navy);border-radius:6px}.editor-question>div svg{width:10px;color:var(--success);margin-left:auto}.topic-result{background:var(--surface-soft);color:var(--muted-foreground);border-radius:7px;justify-content:space-between;margin-top:10px;padding:9px;font-size:8px;display:flex}.topic-result strong{color:var(--navy)}.topic-result i{color:var(--success);font-style:normal}.insight-grid{grid-template-columns:1.25fr 1fr;gap:12px;margin-top:19px;display:grid}.bars{border-bottom:1px solid var(--border);justify-content:center;align-items:end;gap:13px;height:210px;padding:25px 18px;display:flex;position:relative}.bars span{background:var(--primary);opacity:.65;transform-origin:bottom;border-radius:4px 4px 0 0;width:22px;animation:.8s both view-enter}.bars span.needs-help{background:var(--violet);opacity:1}.bars small{color:var(--muted-foreground);font-size:7px;position:absolute;bottom:5px}.insight-callout{border:1px solid var(--violet);padding:16px}@supports (color:color-mix(in lab, red, red)){.insight-callout{border:1px solid color-mix(in oklab,var(--violet)35%,var(--border))}}.insight-callout{background:var(--surface-violet);border-radius:9px}.insight-callout small{color:var(--violet);font-size:7px;font-weight:800}.insight-callout h4{color:var(--navy);margin:13px 0 2px;font-size:13px}.insight-callout strong{color:var(--violet);font-size:30px}.insight-callout p{color:var(--muted-foreground);font-size:8px;line-height:1.5}.insight-callout button{color:var(--primary);cursor:pointer;background:0 0;border:0;margin-top:11px;padding:0;font-size:8px;font-weight:700}@media (max-width:900px){.experience-shell{min-height:auto;padding:22px 14px}.feature-tabs{justify-content:flex-start;margin-inline:-14px;padding:2px 2px 6px;padding-inline:14px;overflow-x:auto}.feature-tabs button{flex:none;padding-inline:14px}.stage-frame>.cinematic-stage{grid-template-columns:minmax(0,1fr) 40%;align-items:end;column-gap:6px;height:auto;min-height:0;padding:42px 16px 0;display:grid}.scene-number,.is-teacher .scene-number{top:15px;left:18px;right:auto}.workspace-wrap,.is-teacher .workspace-wrap{aspect-ratio:1.4;grid-column:1/-1;width:100%;height:auto;position:relative;top:auto;left:auto}.scene-copy,.is-teacher .scene-copy{grid-column:1;align-self:center;width:auto;padding:20px 0 22px 2px;position:relative;top:auto;left:auto}.scene-copy ul{display:none}.mascot-wrap,.is-teacher .mascot-wrap,.is-student .mascot-wrap{aspect-ratio:1.25;grid-column:2;width:100%;height:auto;margin-bottom:2px;position:relative;bottom:auto;right:auto;transform:none}.is-transitioning .mascot-wrap{right:auto;transform:translateY(-4%)scale(1.06)}.connection-line{display:none}.carousel-arrow{width:36px;height:36px;top:calc(35.7143vw + 20.5714px)}.arrow-prev{left:-8px}.arrow-next{right:-8px}.scene-footer{margin-top:12px}.scene-footer p{display:none}}@media (max-width:560px){.eyebrow{letter-spacing:.22em}.experience-header h1{text-wrap:balance;font-size:30px;line-height:1.08}.experience-header>p:last-of-type{max-width:320px;font-size:13.5px;line-height:1.5}.experience-header .role-switch button{padding:9px 20px}.stage-frame>.cinematic-stage{border-radius:16px;grid-template-columns:minmax(0,1fr) 42%;padding:40px 12px 0}.carousel-arrow{top:calc(35.7143vw + 21.4286px)}.product-workspace{border-radius:10px;grid-template-columns:1fr}.workspace-rail{display:none}.workspace-main{padding:16px}.scene-copy small{letter-spacing:.1em;margin-bottom:7px;font-size:10.5px}.scene-copy h2{letter-spacing:-.02em;margin:0 0 8px;font-size:21px;line-height:1.1}.scene-copy p{margin:0;font-size:12.5px;line-height:1.5}.class-grid{grid-template-columns:1fr .8fr}.poll-card{padding:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}