:root{--navy:#081626;--navy-2:#10283a;--ink:#12202d;--paper:#f7f2e8;--white:#fff;--teal:#087d82;--teal-dark:#075b62;--purple:#7154b7;--coral:#ff755f;--mint:#98e5d0;--sand:#ecd9b7;--blue:#8ec9ec;--line:#d8dedb;--muted:#65717a;--shadow:0 16px 42px rgba(8,22,38,.11);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eef2ef;color:var(--ink);font-family:"Atkinson Hyperlegible",Arial,sans-serif;font-size:17px;line-height:1.5}button,textarea,select{font:inherit}button{cursor:pointer}.skip-link{position:fixed;left:1rem;top:-5rem;background:#fff;color:#000;padding:.7rem 1rem;z-index:100}.skip-link:focus{top:1rem}.app-shell{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px 18px;background:var(--navy);color:#fff;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none}.brand-mark{width:46px;height:40px;border-radius:12px;background:var(--mint);color:var(--navy);display:grid;place-items:center;font:800 15px "DM Sans"}.brand small,.sidebar-foot small{display:block;color:#9db0bc;font:700 10px "DM Sans";letter-spacing:.14em}.brand strong{display:block;font:700 18px "DM Sans"}.studio-lockup{margin:30px 6px 22px;padding:18px;background:#11283b;border:1px solid #234053;border-radius:18px}.studio-lockup p{margin:8px 0 0;font:600 15px "DM Sans";line-height:1.4}.eyebrow{font:700 12px "DM Sans";letter-spacing:.14em;color:var(--teal-dark)}.sidebar .eyebrow{color:var(--mint)}.main-nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;border:0;border-radius:14px;padding:11px 12px;color:#b7c6d0;background:transparent;text-align:left;font-weight:700}.nav-item:hover,.nav-item:focus-visible{background:#132e42;color:#fff}.nav-item.active{color:#fff;background:#164051;box-shadow:inset 3px 0 var(--mint)}.nav-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid #355061;border-radius:9px;font:700 12px "DM Sans"}.sidebar-foot{margin-top:auto;padding:16px 6px 0;border-top:1px solid #20384a;display:grid;grid-template-columns:38px 1fr 36px;gap:10px;align-items:center}.mini-avatar{width:38px;height:38px;border-radius:50%;background:var(--coral);display:grid;place-items:center;font-weight:800}.sidebar-foot strong{display:block;font-size:15px}.icon-button{width:34px;height:34px;border-radius:10px;border:1px solid #355061;background:#102538;color:#fff;font-weight:700}.topbar{height:74px;padding:0 clamp(20px,4vw,52px);background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:8;backdrop-filter:blur(12px)}.breadcrumb{display:flex;gap:10px;align-items:center;font:600 14px "DM Sans"}.breadcrumb span{color:var(--muted)}.breadcrumb b{color:#b7c0bf}.top-actions{display:flex;gap:15px;align-items:center}.save-state{font-size:14px;color:var(--muted)}.save-state i,.live-pill i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#20b486;margin-right:6px}.teacher-toggle{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 12px;font-weight:700;color:var(--ink)}.teacher-toggle[aria-pressed="true"]{background:var(--navy);color:#fff}.menu-button{display:none;border:0;background:transparent;font-size:24px}.view{display:none;padding:clamp(24px,4vw,52px);max-width:1500px;margin:0 auto}.view.active{display:block}.welcome-panel{min-height:330px;background:var(--navy);border-radius:32px;color:#fff;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);overflow:hidden;box-shadow:var(--shadow);position:relative}.welcome-panel:after{content:"";position:absolute;width:360px;height:360px;border:1px solid #284052;border-radius:50%;right:3%;top:4%}.welcome-copy{padding:clamp(30px,5vw,68px);position:relative;z-index:2}.mint{color:var(--mint)}.coral-text{color:#df4c39}.purple-text{color:var(--purple)}h1,h2,h3{font-family:"DM Sans",sans-serif;line-height:1.12;margin:0}h1{font-size:clamp(2.2rem,5vw,4.5rem);letter-spacing:-.045em;max-width:940px}h2{font-size:clamp(1.35rem,2.2vw,2rem);letter-spacing:-.025em}.welcome-copy h1{font-size:clamp(2.25rem,4.3vw,4.3rem);max-width:760px;margin:.55rem 0 1rem}.welcome-copy>p{max-width:670px;color:#c7d4dc;font-size:1.08rem}.check-in{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.check-in button{border:1px solid #355064;background:#10283b;color:#fff;border-radius:999px;padding:10px 14px;font-weight:700}.check-in button:hover,.check-in button.selected{background:#fff;color:var(--navy)}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:7px}.green{background:#52d3a8}.yellow{background:#f4c95d}.coral{background:var(--coral)}.blue{background:var(--blue)}.guide-wrap{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:300px;z-index:2}.guide-wrap img{height:310px;max-width:90%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 15px 24px rgba(0,0,0,.25))}.speech-card{position:absolute;z-index:3;top:45px;left:0;background:#fff;color:var(--ink);border-radius:16px 16px 16px 4px;padding:12px 16px;box-shadow:var(--shadow)}.speech-card span{display:block;color:var(--muted);font-size:14px}.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);gap:22px;margin-top:22px}.card,.demo-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 28px rgba(8,22,38,.055)}.today-card,.week-card,.choice-panel,.voice-plan,.progress-card,.capture-card,.timeline,.decision-panel{padding:28px}.card-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.card-head h2{margin-top:4px}.time-chip,.week-count,.step-tag{background:#edf5f1;color:var(--teal-dark);border-radius:999px;padding:7px 10px;font:700 12px "DM Sans";white-space:nowrap}.lead{font-size:1.05rem;color:#54616b;max-width:780px}.route-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.route{border:1px solid var(--line);background:#fafcfb;border-radius:17px;padding:15px;text-align:left;display:grid;grid-template-columns:30px 1fr;column-gap:7px}.route span{grid-row:1/3;font-size:20px}.route b{font-family:"DM Sans"}.route small{color:var(--muted)}.route.active.supported{background:#e7f7f1;border-color:#73cdb4}.route.active.independent{background:#e8f4fa;border-color:#79b9dd}.route.active.challenge{background:#f0ebfa;border-color:#9c83d2}.activity-brief{background:var(--navy);color:#fff;border-radius:18px;padding:18px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:15px;align-items:center}.brief-number{width:40px;height:40px;border:1px solid #466072;border-radius:12px;display:grid;place-items:center;font:700 12px "DM Sans";color:var(--mint)}.activity-brief p{margin:2px 0;color:#b9c8d0;font-size:14px}.primary-button,.secondary-button,.text-button{border:0;font-weight:700;border-radius:12px;padding:11px 15px}.primary-button{background:var(--teal);color:#fff}.primary-button:hover{background:var(--teal-dark)}.secondary-button{background:#fff;border:1px solid var(--line);color:var(--ink)}.text-button{background:transparent;color:var(--teal-dark);padding:0}.week-rail{display:grid;gap:5px;margin:18px 0}.week-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:7px 9px;border-radius:12px}.week-row.current{background:#eef8f5}.week-row .num{width:30px;height:30px;border-radius:10px;background:#f1f3f2;display:grid;place-items:center;font:700 12px "DM Sans"}.week-row.done .num{background:var(--mint)}.week-row b{font-size:14px}.week-row small{color:var(--muted);font-size:12px}.week-row .status{color:var(--teal-dark);font-size:12px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:48px 0 16px}.section-heading h2{margin-top:4px}.section-heading p{color:var(--muted);margin:0}.space-grid{display:grid;grid-template-columns:repeat(7,minmax(135px,1fr));gap:11px}.space-card{border:1px solid var(--line);border-top:5px solid var(--teal);background:#fff;border-radius:18px;padding:18px 13px;text-align:left;min-height:142px}.space-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.space-card b,.space-card small{display:block}.space-card b{font:700 16px "DM Sans";margin:12px 0 5px}.space-card small{color:var(--muted);line-height:1.25}.space-icon{font-size:26px}.space-card.drama{border-top-color:var(--coral)}.space-card.voice{border-top-color:var(--teal)}.space-card.radio{border-top-color:var(--mint)}.space-card.bridge{border-top-color:var(--purple)}.space-card.air{border-top-color:#e85a48}.space-card.create{border-top-color:var(--blue)}.space-card.journey{border-top-color:var(--sand)}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:45px}.demo-card{padding:30px;position:relative}.demo-card h2{margin:7px 0}.demo-card label,.capture-card label{display:block;font-weight:700;margin:20px 0 7px}.demo-card textarea,.capture-card textarea,.capture-card select{width:100%;border:1px solid #c9d2d0;border-radius:13px;padding:13px;background:#fbfcfb;color:var(--ink)}.button-row{display:flex;gap:9px;margin-top:12px;flex-wrap:wrap}.quiet{font-size:13px;color:var(--muted)}.on-air{background:#291f42;color:#fff;border:0}.on-air p{color:#d5cae7}.live-pill{position:absolute;right:24px;top:24px;font:700 11px "DM Sans";letter-spacing:.08em}.live-pill i{background:var(--coral)}.prompt-stage{background:#fff;color:var(--ink);border-radius:17px;padding:28px;margin:24px 0;min-height:160px;display:flex;flex-direction:column;justify-content:center}.prompt-stage span{font:700 11px "DM Sans";letter-spacing:.1em;color:var(--purple)}.prompt-stage strong{font:700 clamp(1.8rem,3vw,3rem) "DM Sans";line-height:1.05;margin:10px 0}.prompt-stage small{color:var(--muted)}.coral-button{background:var(--coral);color:var(--navy)}.page-intro{padding:22px 0 32px}.page-intro h1{color:var(--navy);margin:8px 0 14px}.page-intro p{max-width:850px;color:var(--muted);font-size:1.1rem}.rhythm-strip{display:grid;grid-template-columns:repeat(6,1fr);background:var(--navy);color:#fff;border-radius:20px;padding:12px;gap:4px}.rhythm-strip span{padding:12px;border-right:1px solid #294153;font-size:14px}.rhythm-strip span:last-child{border:0}.rhythm-strip b{display:block;color:var(--mint);font:700 11px "DM Sans"}.pathway-list{display:grid;gap:12px;margin-top:22px}.pathway-week{display:grid;grid-template-columns:70px minmax(190px,.65fr) minmax(320px,1.35fr) auto;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px}.pathway-week.current{border:2px solid var(--teal)}.week-badge{width:54px;height:54px;border-radius:16px;background:#e8f6f2;display:grid;place-items:center;font:800 18px "DM Sans";color:var(--teal-dark)}.pathway-week h3{font-size:19px}.pathway-week p{color:var(--muted);margin:3px 0}.pathway-week .outcome{font-size:14px;color:#52606a}.pathway-week button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:8px 11px;font-weight:700}.split-intro{display:grid;grid-template-columns:1fr 280px;align-items:center}.voice-orb{height:170px;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--navy);border-radius:28px}.voice-orb span{width:14px;background:var(--mint);border-radius:999px;height:42px}.voice-orb span:nth-child(2),.voice-orb span:nth-child(4){height:82px;background:var(--coral)}.voice-orb span:nth-child(3){height:120px;background:var(--purple)}.lab-grid{display:grid;grid-template-columns:1fr 1fr .85fr;gap:20px}.choice-panel h2,.voice-plan h2{margin:14px 0 4px}.purple-bg{background:#eee9f8;color:#5d449a}.choice-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.choice-chips button{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 14px;font-weight:700}.choice-chips button.selected{background:#dff5ef;border-color:#5fbfa7;color:#075b62}.support-chips button.selected{background:#eee9f8;border-color:#9b84cc;color:#513a8d}.voice-plan{background:var(--navy);color:#fff}.voice-plan-list{min-height:240px;margin:18px 0}.voice-plan-list p{color:#aebfca}.voice-plan-list span{display:block;border-bottom:1px solid #2c4354;padding:12px 0}.full{width:100%}.bridge-hero{background:var(--sand);border-radius:30px;padding:45px 45px 0;display:grid;grid-template-columns:1fr 300px;min-height:360px;overflow:hidden}.bridge-hero h1{margin:9px 0 16px;max-width:850px}.bridge-hero p{font-size:1.1rem;max-width:730px}.bridge-hero img{height:340px;width:100%;object-fit:contain;object-position:bottom}.bridge-ladder{padding:26px;margin-top:22px}.ladder{display:flex;align-items:center;gap:8px;margin-top:18px}.ladder button{flex:1;border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px;font-weight:700}.ladder button.active{background:#e5f6ef;border-color:#69c3aa}.ladder i{font-style:normal;color:#99a6a9}.persona-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:22px 0}.persona-grid button{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px;text-align:left}.persona-grid span{font-size:28px}.persona-grid b,.persona-grid small{display:block}.persona-grid b{font-family:"DM Sans";margin-top:14px}.persona-grid small{color:var(--muted)}.record-card{padding:28px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.record-card h2{margin:8px 0}.record-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.record-options button{border:1px solid var(--line);background:#fafcfb;border-radius:13px;padding:13px;text-align:left;font-weight:700}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:22px;text-align:left;min-height:160px}.project-card:hover,.project-card.selected{border-color:var(--teal);box-shadow:0 10px 25px rgba(8,125,130,.12)}.project-card span{font-size:28px}.project-card b,.project-card small{display:block}.project-card b{font:700 19px "DM Sans";margin:12px 0 4px}.project-card small{color:var(--muted)}.project-builder{margin-top:22px;padding:28px;display:grid;grid-template-columns:.8fr 1fr 1fr;gap:32px}.project-builder h2{margin:8px 0}.role-cloud{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.role-cloud span{background:#eef4f1;border-radius:999px;padding:6px 9px;font-size:14px}.project-builder ol{padding-left:20px;margin:12px 0}.journey-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.strand-row{display:grid;grid-template-columns:210px 1fr 44px;gap:14px;align-items:center;margin:20px 0}.strand-row b{font-size:15px}.bar{height:10px;background:#e7ecea;border-radius:999px;overflow:hidden}.bar i{height:100%;display:block;border-radius:999px;background:var(--teal)}.strand-row:nth-child(2) .bar i{background:var(--purple)}.strand-row:nth-child(3) .bar i{background:var(--coral)}.strand-row:nth-child(4) .bar i{background:#6bb8dd}.strand-row:nth-child(5) .bar i{background:#cf9d43}.strand-row span{text-align:right;font:700 13px "DM Sans"}.capture-card h2{margin:8px 0}.timeline{margin-top:20px}.timeline-item{display:grid;grid-template-columns:60px 1fr auto;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.timeline-item:last-child{border:0}.timeline-item .week-badge{width:50px;height:50px}.timeline-item p{margin:3px 0;color:var(--muted)}.timeline-item small{color:var(--teal-dark);font-weight:700}.decision-panel{margin-top:20px;display:grid;grid-template-columns:1fr 1.3fr;gap:24px;align-items:center}.decision-panel h2{margin:7px 0}.decision-panel p{margin:0;color:var(--muted)}.decision-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.decision-buttons button{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px;text-align:left}.decision-buttons button.selected{background:var(--navy);color:#fff}.decision-buttons b,.decision-buttons small{display:block}.decision-buttons small{color:var(--muted)}.decision-buttons button.selected small{color:#bdcad2}.toast{position:fixed;right:24px;bottom:24px;background:var(--navy);color:#fff;border-radius:13px;padding:12px 16px;box-shadow:var(--shadow);transform:translateY(120px);opacity:0;transition:.25s;z-index:50}.toast.show{transform:none;opacity:1}.calm *{animation:none!important;transition:none!important}.calm .welcome-panel:after,.calm .voice-orb{display:none}.staff-only{display:none}.staff-mode .staff-only{display:block}
@media(max-width:1180px){.space-grid{grid-template-columns:repeat(4,1fr)}.lab-grid{grid-template-columns:1fr 1fr}.voice-plan{grid-column:1/-1}.project-builder{grid-template-columns:1fr 1fr}.project-builder>div:last-child{grid-column:1/-1}.pathway-week{grid-template-columns:60px 1fr auto}.pathway-week .outcome{grid-column:2/4}.rhythm-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.app-shell{display:block}.sidebar{position:fixed;left:-290px;transition:.25s;width:272px}.sidebar.open{left:0;box-shadow:20px 0 50px rgba(0,0,0,.3)}.menu-button{display:block}.topbar{padding:0 18px}.save-state{display:none}.content-grid,.demo-grid,.journey-grid,.record-card{grid-template-columns:1fr}.welcome-panel{grid-template-columns:1fr}.guide-wrap{display:none}.space-grid,.project-grid{grid-template-columns:repeat(2,1fr)}.split-intro{grid-template-columns:1fr}.voice-orb{display:none}.bridge-hero{grid-template-columns:1fr 220px}.ladder{flex-wrap:wrap}.ladder i{display:none}.ladder button{flex:1 1 170px}.persona-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){body{font-size:16px}.view{padding:22px 15px}.topbar{height:64px}.breadcrumb span,.breadcrumb b{display:none}.teacher-toggle{font-size:0}.teacher-toggle span{font-size:16px}.welcome-panel{border-radius:22px}.welcome-copy{padding:28px 22px}.check-in{display:grid;grid-template-columns:1fr 1fr}.check-in button{text-align:left}.route-picker,.decision-buttons{grid-template-columns:1fr}.activity-brief{grid-template-columns:40px 1fr}.activity-brief .primary-button{grid-column:1/-1}.space-grid,.project-grid,.persona-grid{grid-template-columns:1fr 1fr}.section-heading{display:block}.section-heading p{margin-top:6px}.rhythm-strip{grid-template-columns:1fr 1fr}.pathway-week{grid-template-columns:48px 1fr}.pathway-week .outcome,.pathway-week button{grid-column:2}.lab-grid{grid-template-columns:1fr}.bridge-hero{display:block;padding:28px 22px 0}.bridge-hero img{height:230px}.project-builder,.decision-panel{grid-template-columns:1fr}.strand-row{grid-template-columns:1fr 40px}.strand-row .bar{grid-column:1/3}.timeline-item{grid-template-columns:50px 1fr}.timeline-item>small{grid-column:2}.space-card{min-height:125px}.top-actions{gap:6px}}