/* Adapted from the owner’s new.erudis.ai demonstration; see sources/erudis-demo.md. */
.demo[data-erudis]{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-2);box-shadow:var(--shadow-2);overflow:hidden}.demo-head[data-erudis]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line)}.demo-switch-label[data-erudis]{font-size:var(--step-small);color:var(--text-muted)}.demo-switch[data-erudis]{display:flex;gap:4px;padding:4px;background:var(--surface);border-radius:var(--radius-pill)}.demo-tab[data-erudis]{min-height:44px;padding:0 var(--space-4);border:0;border-radius:var(--radius-pill);background:transparent;font:inherit;font-size:var(--step-small);font-weight:500;color:var(--text-muted);cursor:pointer;transition:background-color var(--duration) var(--easing),color var(--duration) var(--easing)}.demo-tab[data-erudis]:disabled,.step[data-erudis]:disabled{cursor:default}.demo-tab[data-erudis][aria-selected=true]{background:var(--bg);color:var(--text);box-shadow:var(--shadow-1)}.stage[data-erudis]{position:relative;min-height:476px}.aud[data-erudis],.phase[data-erudis]{display:none}.aud[data-erudis][data-active]{display:block}.phase[data-erudis][data-active]{display:flex;flex-direction:column;min-height:476px;padding:var(--space-5) var(--space-5) 22px}.phase-head[data-erudis]{display:flex;align-items:center;gap:11px;height:27px;margin-bottom:var(--space-4);animation:hero-demo-settle 1.5s cubic-bezier(.62,0,.3,1) both}.phase-no[data-erudis]{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 7px;border-radius:var(--radius-1);background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);font-size:.78125rem;font-weight:500;font-variant-numeric:tabular-nums}.phase-title[data-erudis]{font-size:1em;line-height:1.2;font-weight:600;letter-spacing:-.022em;text-wrap:balance}.phase-body[data-erudis]{display:flex;flex-direction:column;gap:var(--space-3);flex:1;min-height:0}[data-erudis][data-tone=accent]{--tone-bg: var(--accent-soft);--tone-ink: var(--accent)}[data-erudis][data-tone=video]{--tone-bg: var(--tint-video);--tone-ink: var(--tint-video-ink)}[data-erudis][data-tone=drill]{--tone-bg: var(--tint-drill);--tone-ink: var(--tint-drill-ink)}.dot[data-erudis]{width:6px;height:6px;border-radius:50%;flex:none;background:var(--tone-ink, var(--brand))}.dot--ok[data-erudis]{background:var(--tint-drill-ink)}.dot--pulse[data-erudis]{background:var(--brand);animation:hero-demo-pulse 2.2s ease-in-out infinite}.files[data-erudis]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.file[data-erudis]{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-2);background:var(--surface);animation:hero-demo-pop .6s cubic-bezier(.22,.9,.28,1) both var(--d)}.file-kind[data-erudis]{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border-radius:var(--radius-1);background:var(--tone-bg);color:var(--tone-ink);font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.04em}.file-text[data-erudis]{display:flex;flex-direction:column;gap:5px;min-width:0}.file-name[data-erudis]{font-size:var(--step-small);word-break:break-word}.file-meta[data-erudis]{font-size:var(--step-legal);color:var(--text-muted)}.file-status[data-erudis]{margin-left:auto;display:flex;align-items:center;gap:7px;flex:none;font-size:var(--step-legal);color:var(--tint-drill-ink)}.files-more[data-erudis]{margin-top:auto;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px dashed var(--line-strong);border-radius:var(--radius-2);font-size:var(--step-small);color:var(--text-muted);animation:hero-demo-rise .6s both var(--d)}.files-more-plus[data-erudis]{font-size:1.0625rem;color:var(--text-faint)}.scan[data-erudis]{position:relative;padding:var(--space-4);border-radius:var(--radius-2);background:var(--surface);overflow:hidden;animation:hero-demo-pop .5s both var(--d)}.scan-beam[data-erudis]{position:absolute;left:0;right:0;height:64px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--brand) 22%,transparent),transparent);animation:hero-demo-scan 2.4s ease-in-out infinite}.scan-lines[data-erudis]{position:relative;display:flex;flex-direction:column;gap:9px}.scan-lines[data-erudis] span[data-erudis]{height:8px;border-radius:var(--radius-pill);background:var(--line);width:var(--w)}.concepts[data-erudis]{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px}.concepts[data-erudis] li[data-erudis]{padding:10px var(--space-3);border-radius:var(--radius-pill);background:var(--surface);font-size:var(--step-small);animation:hero-demo-chip .45s cubic-bezier(.22,.9,.28,1) both var(--d)}.extract-stats[data-erudis]{list-style:none;margin:auto 0 0;padding-top:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);border-top:1px solid var(--line);animation:hero-demo-rise .5s both var(--d)}.course-title[data-erudis]{display:flex;align-items:center;gap:9px;font-size:var(--step-small);color:var(--text-muted);animation:hero-demo-rise .45s both var(--d)}.counters[data-erudis]{list-style:none;margin:0;padding:0;display:flex;gap:var(--space-2);animation:hero-demo-rise .5s both var(--d)}.counters[data-erudis] li[data-erudis]{flex:1;padding:var(--space-3) var(--space-4);border-radius:var(--radius-2);background:var(--tone-bg)}.modules[data-erudis]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.module[data-erudis]{padding:13px 15px;border:1px solid var(--line);border-radius:var(--radius-2);animation:hero-demo-slide .5s cubic-bezier(.22,.9,.28,1) both var(--d)}.module-head[data-erudis]{display:flex;align-items:baseline;gap:10px}.module-n[data-erudis]{font-family:var(--font-mono);font-size:var(--step-legal);color:var(--accent);flex:none}.module-name[data-erudis]{font-size:var(--step-small)}.module-time[data-erudis]{margin-left:auto;flex:none;font-size:var(--step-legal);color:var(--text-muted)}.module-items[data-erudis]{list-style:none;margin:0;padding:9px 0 0;display:flex;flex-wrap:wrap;gap:6px}.module-items[data-erudis] li[data-erudis]{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:var(--radius-1);background:var(--tone-bg);font-size:var(--step-legal);animation:hero-demo-chip .4s both var(--d)}.modules-note[data-erudis]{margin-top:auto;padding-top:var(--space-3);font-size:var(--step-legal);line-height:1.45;color:var(--text-muted);animation:hero-demo-rise .5s both var(--d)}.progress[data-erudis]{display:flex;gap:var(--space-2)}.metric[data-erudis]{flex:1;padding:var(--space-4);border-radius:var(--radius-2);background:var(--surface);animation:hero-demo-pop .55s both var(--d)}.metric--xp[data-erudis]{flex:1.25}.metric-label[data-erudis]{font-size:var(--step-legal);color:var(--text-muted)}.metric-value[data-erudis]{display:flex;align-items:baseline;gap:var(--space-2);padding-top:var(--space-2)}.metric-value[data-erudis] .num[data-erudis]{font-size:2.125rem;letter-spacing:-.03em}.unit[data-erudis]{font-size:var(--step-small);color:var(--text-muted)}.metric-bar[data-erudis]{display:flex;align-items:center;gap:9px;padding-top:var(--space-3)}.bar-track[data-erudis]{flex:1;height:7px;border-radius:var(--radius-pill);background:var(--line);overflow:hidden}.bar-fill[data-erudis]{display:block;height:7px;border-radius:var(--radius-pill);background:var(--brand);animation:hero-demo-grow 1.1s cubic-bezier(.22,.9,.28,1) both var(--d)}.bar-label[data-erudis]{flex:none;font-size:var(--step-legal);color:var(--text-muted)}.streak-cells[data-erudis]{display:flex;gap:3px;padding-top:var(--space-4)}.streak-cells[data-erudis] span[data-erudis]{flex:1;height:16px;border-radius:var(--radius-1);background:var(--line);animation:hero-demo-chip .3s both var(--d)}.streak-cells[data-erudis] span[data-erudis][data-state=done]{background:var(--brand)}.streak-cells[data-erudis] span[data-erudis][data-state=today]{background:var(--accent-border)}.feed[data-erudis]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.feed[data-erudis] li[data-erudis]{display:flex;align-items:center;gap:11px;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-2);animation:hero-demo-slide .45s both var(--d)}.feed-text[data-erudis]{font-size:var(--step-small)}.feed-tag[data-erudis]{margin-left:auto;flex:none;font-size:var(--step-legal);color:var(--text-muted)}.feed-note[data-erudis]{margin-top:auto;display:flex;align-items:center;gap:10px;font-size:var(--step-legal);color:var(--text-muted);animation:hero-demo-rise .5s both var(--d)}.num[data-erudis]{font-family:var(--font-mono);font-size:1.25rem;font-weight:500;letter-spacing:-.02em}.num--accent[data-erudis]{color:var(--accent)}.lbl[data-erudis]{font-size:var(--step-legal);color:var(--text-muted)}.counters[data-erudis] .lbl[data-erudis]{display:block}.extract-stats[data-erudis] .lbl[data-erudis]{padding-left:5px}.demo-foot[data-erudis]{display:flex;align-items:flex-start;gap:var(--space-4);padding:0 var(--space-5) 18px}.demo-play[data-erudis][hidden]{display:none}.demo-play[data-erudis]{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:-12px;border:1px solid var(--line-strong);border-radius:50%;background:var(--bg);color:var(--text-muted);cursor:pointer;transition:background-color var(--duration) var(--easing)}.demo-play[data-erudis]:hover{background:var(--surface)}.icon-pause[data-erudis],.icon-play[data-erudis]{display:block;width:10px;height:10px}.icon-pause[data-erudis]{border-left:3px solid currentColor;border-right:3px solid currentColor}.icon-play[data-erudis]{display:none;width:0;height:0;margin-left:3px;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}.demo[data-erudis][data-paused] .icon-pause[data-erudis]{display:none}.demo[data-erudis][data-paused] .icon-play[data-erudis]{display:block}.steps[data-erudis]{flex:1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;min-width:0}.step[data-erudis]{display:block;width:100%;padding:0 0 var(--space-2);border:0;background:none;font:inherit;text-align:left;cursor:pointer}.step-track[data-erudis]{display:block;height:3px;border-radius:var(--radius-pill);background:var(--line);overflow:hidden}.step-fill[data-erudis]{display:block;width:0;height:3px;border-radius:var(--radius-pill);background:var(--brand)}.step-name[data-erudis]{display:block;padding-top:9px;font-size:var(--step-legal);line-height:1.35;color:var(--text-faint);transition:color var(--duration) var(--easing)}.step[data-erudis][aria-current=step] .step-name[data-erudis]{color:var(--text)}.demo-note[data-erudis]{padding-top:var(--space-3);font-size:var(--step-legal);line-height:1.5;color:var(--text-muted)}.demo[data-erudis][data-frozen] .phase[data-erudis][data-active],.demo[data-erudis][data-frozen] .phase[data-erudis][data-active] [data-erudis],.demo[data-erudis][data-frozen] .step-fill[data-erudis]{animation-play-state:paused!important}.phase[data-erudis][data-static] .phase-head[data-erudis],.phase[data-erudis][data-static] .phase-body[data-erudis] [data-erudis]:not(.scan-beam):not(.dot--pulse){animation:none!important;opacity:1!important;transform:none!important}.phase[data-erudis][data-static] .bar-fill[data-erudis]{width:var(--w)}@keyframes hero-demo-settle{0%{opacity:0;font-size:clamp(1.375rem,5.4vw,1.9375rem);transform:translateY(168px)}12%,58%{opacity:1;font-size:clamp(1.375rem,5.4vw,1.9375rem);transform:translateY(168px)}to{opacity:1;font-size:clamp(.96875rem,3.4vw,1.1875rem);transform:none}}@keyframes hero-demo-pop{0%{opacity:0;transform:translateY(14px) scale(.97)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes hero-demo-chip{0%{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:none}}@keyframes hero-demo-slide{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}@keyframes hero-demo-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes hero-demo-scan{0%{top:-20%;opacity:0}12%,88%{opacity:1}to{top:100%;opacity:0}}@keyframes hero-demo-grow{0%{width:0}to{width:var(--w)}}@keyframes hero-demo-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.5);opacity:1}}@media(max-width:520px){.progress[data-erudis]{flex-direction:column}.steps[data-erudis]{grid-template-columns:repeat(2,1fr)}.stage[data-erudis],.phase[data-erudis][data-active]{min-height:540px}}@media(prefers-reduced-motion:reduce){.phase-head[data-erudis],.file[data-erudis],.files-more[data-erudis],.scan[data-erudis],.concepts[data-erudis] li[data-erudis],.extract-stats[data-erudis],.course-title[data-erudis],.counters[data-erudis],.module[data-erudis],.module-items[data-erudis] li[data-erudis],.modules-note[data-erudis],.metric[data-erudis],.streak-cells[data-erudis] span[data-erudis],.feed[data-erudis] li[data-erudis],.feed-note[data-erudis]{animation:none!important;opacity:1;transform:none}.bar-fill[data-erudis]{animation:none!important;width:var(--w)}.scan-beam[data-erudis],.dot--pulse[data-erudis]{animation:none!important}}@keyframes hero-demo-fill{0%{width:0}to{width:100%}}
