/* Hesabu's three experiences share a quiet mathematical canvas. */
body{position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:url('assets/pattern-marketing.svg');background-repeat:repeat;background-size:1000px 520px;opacity:.075}#app{position:relative;z-index:1}html[data-experience=teacher] body:before{background-image:url('assets/pattern-teacher.svg');opacity:.055}html[data-experience=student] body:before{background-image:url('assets/pattern-student.svg');opacity:.065}html[data-theme=dark] body:before{opacity:.11}.main-shell{background:transparent}.panel,.stat,.followup-box,.subtopic-sidebar{background:var(--surface)}
:root,[data-theme=light]{--paper:#fff3e8;--surface:#fffaf6;--raised:#ffffff;--soft:#ffdfc4;--cream:#fff0e2;--line:#e7d3c3;--ink:#282728;--muted:#675d55}.marketing-shell{min-height:100vh}.marketing-header{position:relative;z-index:3;margin:22px auto 0;width:calc(100% - 56px);max-width:1400px;display:flex;align-items:center;gap:38px;padding:18px 27px;background:var(--raised);border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 35px #5f35100a}.portal-brand{font-family:var(--font-ui);font-size:33px;letter-spacing:-1.8px;font-weight:750;border:0;padding:0;background:transparent;color:var(--ink);line-height:1.2;white-space:nowrap}.portal-brand:hover{background:transparent;border-color:transparent}.portal-brand>span{color:var(--accent);font-size:29px;padding-left:5px}.marketing-header>nav{display:flex;align-items:center;gap:6px;margin-left:auto}.marketing-header>nav button{background:transparent;border:0;border-radius:6px;font-size:13px;padding:10px 14px;color:var(--ink);font-weight:550;white-space:nowrap}.marketing-header>nav button:hover,.marketing-header>nav button.current{background:var(--cream);color:var(--orange)}.marketing-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.marketing-actions .primary{border-radius:8px;font-size:12px;padding:12px 18px}.marketing-actions .theme-toggle{border:0;background:var(--surface);font-size:11px;padding:9px 10px}.login-action{border:0;background:transparent;padding:9px;font-size:12px;color:var(--ink)}.marketing-main{max-width:1250px;padding:0 30px;margin:0 auto}.marketing-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding:85px 0 75px}.hero-copy>.eyebrow{display:inline-block;max-width:440px;font-size:9px;line-height:1.8}.marketing-hero h1,.audience-hero h1{font-family:var(--font-ui);font-size:clamp(40px,4.5vw,64px);letter-spacing:-.055em;font-weight:650;line-height:1.1;margin:18px 0 25px}.marketing-hero h1 em,.audience-hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--orange);font-style:italic;letter-spacing:-.055em}.marketing-hero .hero-copy>p,.audience-hero>div>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:490px}.hero-actions{display:flex;align-items:center;gap:12px;margin:26px 0;flex-wrap:wrap}.hero-actions .primary{font-size:12px;padding:13px 19px}.text-action{background:transparent;border:0;padding:10px 0;color:var(--orange);font-size:12px}.text-action:hover{background:transparent;text-decoration:underline}.hero-proof{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;font-size:11px;color:var(--muted)}.hero-proof>span{display:flex;align-items:center;gap:7px}.hero-proof .ui-icon{color:var(--orange);width:17px;height:17px}.product-preview{border:1px solid var(--line);background:var(--raised);border-radius:17px;box-shadow:0 18px 55px #5a371315;overflow:hidden;transform:rotate(1.4deg);position:relative}.preview-window-bar{display:flex;align-items:center;gap:22px;padding:15px 20px;background:var(--cream);border-bottom:1px solid var(--line)}.preview-window-bar>span{display:flex;gap:5px}.preview-window-bar i{display:block;width:6px;height:6px;border-radius:50%;background:#cd9a75}.preview-window-bar b{font-size:10px;color:var(--muted);font-weight:500}.preview-screen{padding:27px}.preview-screen h3{font-size:20px;margin:20px 0}.preview-screen .eyebrow{font-size:8px}.preview-concept{margin:18px 0}.preview-concept .row{font-size:10px}.preview-concept .row b{font-weight:550;font-size:11px}.preview-concept .row span{color:var(--muted)}.preview-concept .stacked-bar{height:10px;margin:8px 0}.preview-next{display:flex;align-items:center;gap:12px;padding:16px;background:var(--cream);border:1px solid var(--line);border-radius:10px;width:100%;text-align:left;margin-top:24px;white-space:normal}.preview-next>b{color:var(--orange)}.preview-next>span{display:grid;place-items:center;border-radius:8px;width:32px;height:32px;background:var(--soft);color:var(--orange);flex-shrink:0}.preview-next>div{flex:1}.preview-next b{font-size:11px;font-weight:600}.preview-next p{font-size:9px;color:var(--muted);margin:5px 0 0}.preview-screen>p.mini{font-size:9px;margin-bottom:0}.marketing-value{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:46px 0}.marketing-value h2{font-size:34px;line-height:1.25;font-weight:600;margin:13px 0 22px;letter-spacing:-.045em}.value-columns{display:grid;grid-template-columns:1fr 1fr;gap:65px}.value-columns p{font-size:14px;color:var(--muted);line-height:1.9;margin:0}.marketing-section{padding:40px 0}.marketing-section .section-title{margin:12px 0 23px}.marketing-section h2{font-size:27px;line-height:1.3;margin-top:8px}.marketing-section .eyebrow{font-size:9px}.image-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.image-lesson-card{display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid var(--line);border-radius:13px;background:var(--raised);overflow:hidden;white-space:normal;transition:transform .2s,box-shadow .2s,border-color .2s}.image-lesson-card:hover{background:var(--raised);transform:translateY(-4px);box-shadow:0 13px 28px #3b221a12}.lesson-cover{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.lesson-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .3s}.image-lesson-card:hover img{transform:scale(1.035)}.cover-arrow{position:absolute;right:13px;top:13px;display:grid;place-items:center;background:#fff9f0ee;color:#432b1c;width:28px;height:28px;font-size:16px;border-radius:50%}.lesson-card-body{padding:19px;display:flex;flex-direction:column;flex:1}.lesson-card-body .eyebrow{font-size:7px;letter-spacing:.1em}.lesson-card-body h3{font-size:22px;font-weight:600;margin:8px 0 6px;letter-spacing:-.04em}.lesson-card-body>p{font-size:11px;color:var(--muted);line-height:1.7;margin:0 0 12px}.lesson-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 15px;flex:1;align-content:start}.lesson-card-tags>span{font-size:9px;line-height:1.5;padding:4px 6px;background:var(--cream);color:var(--muted);border-radius:4px}.lesson-card-body footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:6px;align-items:center;padding-top:13px;margin-top:auto;color:var(--muted);font-size:9px}.lesson-card-body footer b{font-weight:550;color:var(--orange)}.marketing-section>p.mini{font-size:10px;line-height:1.7;margin-top:17px}.audience-split{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:18px 0 42px}.audience-split button{text-align:left;white-space:normal;padding:36px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.audience-split button:first-child{background:var(--soft)}.audience-split h2{font-size:28px;line-height:1.25;font-weight:550;margin:15px 0}.audience-split p{font-size:13px;color:var(--muted);max-width:350px}.audience-split b{display:block;color:var(--orange);font-size:12px;font-weight:550;margin-top:24px}.founder-note{max-width:840px;padding:25px 0 55px}.founder-note h2{font-size:28px;line-height:1.3;margin-top:13px;font-weight:600}.founder-note p{font-size:14px;line-height:1.8;color:var(--muted)}.founder-note .mini{font-size:11px}.marketing-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:35px;border-radius:14px;background:#f58c43;color:#2b1b0f;margin:5px 0 50px}.marketing-cta h2{font-size:27px;font-weight:600;margin:10px 0 0}.marketing-cta .eyebrow{font-size:8px;color:#653414}.marketing-cta .primary{background:#30241c;color:#fff8f0;border-color:#30241c;flex-shrink:0}.marketing-footer{max-width:1400px;margin:auto;border-top:1px solid var(--line);padding:32px 40px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px}.marketing-footer .portal-brand{font-size:27px}.marketing-footer p{font-size:11px;color:var(--muted)}.marketing-footer>div{display:flex;gap:16px}.marketing-footer button:not(.portal-brand){background:transparent;border:0;font-size:11px;color:var(--muted);padding:5px}.marketing-footer small{grid-column:1/-1;font-size:9px;color:var(--muted)}
/* Educator and student introductions each use their own composition. */
.audience-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;padding:78px 0 55px;align-items:center}.audience-hero h1{font-size:clamp(39px,4vw,56px)}.audience-hero>div>p{font-size:15px}.audience-illustration{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:18px;box-shadow:0 17px 45px #55331918;transform:rotate(-2deg)}.educator-workflow{padding:20px 0 40px}.teaching-loop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.teaching-loop>button{padding:24px;text-align:left;white-space:normal;background:var(--surface);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;align-items:start}.loop-number{font-size:10px;letter-spacing:.05em;color:var(--muted);margin-bottom:17px}.teaching-loop .ui-icon{color:var(--orange);width:23px;height:23px;margin-bottom:16px}.teaching-loop h3{font-size:17px;line-height:1.35}.teaching-loop p{font-size:12px;color:var(--muted);margin-bottom:22px;flex:1}.teaching-loop b{font-size:11px;color:var(--orange)}.insight-feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:45px 0;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.insight-feature h2{font-size:33px;line-height:1.25;margin:14px 0 20px}.insight-feature p,.insight-feature li{font-size:13px;color:var(--muted);line-height:1.8}.insight-feature ul{padding-left:19px;margin-bottom:25px}.student-question-preview{background:var(--raised);border:1px solid var(--line);border-radius:17px;box-shadow:0 18px 50px #62341915;padding:32px;transform:rotate(1.5deg)}.student-question-preview h2{font:26px "Cambria Math",Cambria,Georgia,serif;margin:27px 0 18px}.student-question-preview>p{font-size:13px;color:var(--muted)}.mini-answer-grid{display:grid;gap:10px;margin:20px 0}.mini-answer-grid button{font:18px "Cambria Math",Georgia,serif;text-align:left;padding:15px;background:var(--cream);border-color:var(--line)}.mini-answer-grid button:focus,.mini-answer-grid button:hover{border-color:var(--orange)}.student-question-preview .public-answer{font-size:11px;min-height:45px;color:var(--orange);line-height:1.7;border-top:1px solid var(--line);padding-top:15px;margin-bottom:0}.student-path{padding:30px 0 45px}.student-path>h2{font-size:28px;margin-bottom:22px}.student-path>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.student-path button{display:flex;flex-direction:column;align-items:flex-start;padding:24px;text-align:left;background:var(--surface);white-space:normal;border-radius:12px}.student-path .ui-icon{color:var(--orange);margin-bottom:23px;width:25px;height:25px}.student-path h3{font-size:16px}.student-path p{font-size:12px;color:var(--muted);flex:1}.student-path b{font-size:11px;color:var(--orange);margin-top:18px}.student-promise{padding:35px;margin:5px 0 45px;max-width:850px;border-left:3px solid var(--orange);background:var(--surface);border-radius:10px}.student-promise h2{font-size:27px}.student-promise p{font-size:14px;color:var(--muted)}.student-promise button{margin-top:12px}
/* Role access and honest demo entry. */
.portal-modal-backdrop{position:fixed;inset:0;background:#111a23a6;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:30}.portal-modal{position:relative;background:var(--raised);border:1px solid var(--line);border-radius:18px;padding:36px;width:680px;max-width:100%;max-height:calc(100dvh - 40px);overflow-y:auto;box-shadow:0 30px 100px #0004}.portal-modal h2{font-size:29px;margin:12px 30px 13px 0;font-weight:600;line-height:1.2}.portal-modal>.eyebrow{font-size:9px}.portal-modal>p{font-size:13px}.modal-close{position:absolute;top:18px;right:18px;width:30px;height:30px;padding:0;font-size:24px;background:var(--cream);border:0;color:var(--muted)}.role-access{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.role-access button{padding:24px;text-align:left;white-space:normal;border-radius:12px;display:block}.role-access .ui-icon{width:25px;height:25px;color:var(--orange);margin-bottom:14px}.role-access h3{font-size:18px}.role-access p{font-size:12px;color:var(--muted);margin-bottom:0}.preview-disclosure{background:var(--cream);border-radius:9px;padding:17px;margin:18px 0 24px}.preview-disclosure b{font-size:12px}.preview-disclosure p{font-size:11px;line-height:1.7;color:var(--muted);margin:6px 0 0}.full-width{width:100%}.demo-entry-cards{display:grid;gap:10px;margin:22px 0}.demo-entry-cards>button{padding:18px;display:grid;grid-template-columns:26px 1fr;column-gap:14px;row-gap:5px;text-align:left;border-radius:10px;background:var(--surface)}.demo-entry-cards .ui-icon{grid-row:1/3;color:var(--orange)}.demo-entry-cards b{font-size:13px;font-weight:600}.demo-entry-cards p{font-size:11px;color:var(--muted);margin:0}.demo-request{border:1px solid var(--line);border-radius:10px;padding:0 18px}.demo-request summary{padding:14px 0;font-size:12px;font-weight:600}.demo-request .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.demo-request label{font-size:11px}.demo-request input,.demo-request select{font-size:12px}.demo-request form>button{margin-bottom:20px}.demo-request .mini{font-size:10px}
/* Image-first library and a less cluttered learner evidence table. */
.teacher-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.teacher-library-grid .lesson-cover{aspect-ratio:16/9}.teacher-library-grid .lesson-card-body{padding:23px}.teacher-library-grid .lesson-card-body h3{font-size:26px}.teacher-library-grid .lesson-card-body .eyebrow{font-size:8px}.teacher-library-grid .lesson-card-body>p{font-size:12px}.teacher-library-grid .lesson-card-tags>span{font-size:10px}.teacher-library-grid .lesson-card-body footer{font-size:10px}.back-to-intro{font-size:10px;padding:6px 9px;background:transparent;border:0;color:var(--muted);order:-2}.topbar .breadcrumb{font-size:10px}.learner-overview h2{font-size:20px;margin:8px 0}.learner-evidence-table{width:100%;font-size:11px}.learner-evidence-table thead th{font-size:10px;font-weight:600;color:var(--muted);white-space:nowrap;padding:12px}.learner-evidence-table td,.learner-evidence-table tbody th{padding:16px 12px;vertical-align:middle}.learner-evidence-table tbody tr:hover{background:var(--cream)}.learner-name{display:flex;align-items:center;gap:9px;background:transparent;border:0;padding:0;text-align:left;font-size:12px;font-weight:550;white-space:nowrap}.learner-initial{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border-radius:50%;background:var(--soft);color:var(--orange);font-weight:600}.table-progress{height:5px;background:var(--cream);border-radius:4px;margin:7px 0 3px;min-width:65px}.table-progress i{display:block;height:100%;border-radius:4px;background:var(--orange)}.learner-evidence-table small{display:block;font-size:9px;color:var(--muted);margin-top:4px;line-height:1.6}.learner-evidence-table td button{font-size:10px;padding:6px 9px}.concept-check{font-size:11px}.learner-detail{border-left:3px solid var(--orange)}.learner-detail h2{font-size:22px;margin:9px 0}.learner-concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.learner-concept-grid>article{background:var(--cream);border:1px solid var(--line);border-radius:11px;padding:20px;min-width:0}.learner-concept-grid .eyebrow{font-size:8px}.learner-concept-grid h3{font-size:17px;margin-top:10px}.learner-concept-grid article>p{font-size:12px}.learner-concept-grid button{font-size:11px}.concept-level-mini{display:grid;gap:8px;margin:16px 0}.concept-level-mini>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;border-bottom:1px solid var(--line);padding-bottom:8px}.concept-level-mini b{font-weight:550}.concept-level-mini span{color:var(--muted)}
/* The learner workspace prioritises its next open round. */
.student-welcome{margin-bottom:25px}.student-welcome h1{font-size:30px;margin:8px 0}.student-welcome p{font-size:13px;margin:0}.student-focus-card{display:grid;grid-template-columns:1.3fr .8fr;align-items:center;gap:35px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:30px;margin-bottom:24px;overflow:hidden}.student-focus-card h2{font-size:28px;line-height:1.2;font-weight:600;margin:19px 0 13px}.student-focus-card p{font-size:13px;color:var(--muted)}.student-focus-card img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:11px;transform:rotate(-2deg)}.student-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:20px 0 24px}.student-route-grid button{position:relative;text-align:left;padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:12px;white-space:normal;display:flex;flex-direction:column;align-items:flex-start}.student-route-grid .ui-icon{color:var(--orange);width:24px;height:24px;margin-bottom:22px}.route-count{position:absolute;top:28px;right:22px;font-size:10px;color:var(--muted);max-width:65%;text-align:right}.student-route-grid h3{font-size:20px;margin:0 0 9px}.student-route-grid p{font-size:12px;color:var(--muted);margin-bottom:20px;max-width:350px;flex:1}.student-route-grid b{color:var(--orange);font-size:11px}.student-route-grid button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #2f211108}
@media(max-width:1150px){.marketing-header{gap:18px;padding:17px 20px}.marketing-header>nav{gap:0}.marketing-header>nav button{padding:9px 11px;font-size:12px}.marketing-actions{gap:5px}.marketing-actions .primary{padding:11px 13px;font-size:11px}.marketing-hero{gap:35px;padding:60px 0}.marketing-hero h1{font-size:48px}.image-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.teacher-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-main{padding:0 35px}.audience-hero{gap:35px;padding:60px 0 45px}.insight-feature{gap:35px}.teaching-loop{grid-template-columns:repeat(2,minmax(0,1fr))}.student-path>div{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-footer{padding:30px 35px}.topbar .breadcrumb{display:none}.back-to-intro{margin-right:auto}}
@media(max-width:850px){.marketing-header{width:calc(100% - 32px);gap:15px;flex-wrap:wrap;margin-top:16px;padding:15px 18px}.marketing-header .portal-brand{font-size:29px}.marketing-header>nav{order:3;width:100%;margin:0;justify-content:center;border-top:1px solid var(--line);padding-top:9px}.marketing-header>nav button{font-size:12px;padding:8px 16px}.marketing-actions{margin-left:auto}.marketing-main{padding:0 25px}.marketing-hero{grid-template-columns:1fr;gap:35px;padding:48px 0}.marketing-hero h1{font-size:49px}.hero-copy{max-width:650px}.marketing-hero .hero-copy>p{max-width:600px}.product-preview{max-width:640px;transform:none}.marketing-value h2{font-size:30px}.value-columns{gap:30px}.audience-split{gap:20px}.audience-split button{padding:27px}.audience-split h2{font-size:25px}.audience-hero{grid-template-columns:1fr;gap:30px}.audience-illustration{max-width:620px;transform:none}.insight-feature{grid-template-columns:1fr;gap:30px}.student-question-preview{max-width:600px;transform:none}.marketing-cta{padding:27px}.marketing-cta h2{font-size:24px}.marketing-footer{grid-template-columns:auto 1fr;gap:16px;padding:30px 25px}.marketing-footer>div{grid-column:1/-1}.student-focus-card{gap:20px;padding:24px;grid-template-columns:1fr .7fr}.student-focus-card h2{font-size:25px}.learner-concept-grid{grid-template-columns:1fr}.learner-evidence-table{font-size:10px}.learner-evidence-table th,.learner-evidence-table td{padding:12px 8px}}
@media(max-width:650px){body:before{background-size:750px 390px;opacity:.05}.marketing-header{width:calc(100% - 24px);margin-top:12px;padding:13px 14px;border-radius:11px;gap:12px}.marketing-header .portal-brand{font-size:26px}.marketing-header .portal-brand span{font-size:23px}.marketing-actions{gap:5px}.marketing-actions .theme-toggle{font-size:10px;padding:6px 7px}.marketing-actions .login-action{font-size:10px;padding:6px 5px}.marketing-actions .primary{font-size:10px;padding:9px 11px;border-radius:7px}.marketing-header>nav{padding-top:8px;justify-content:space-between}.marketing-header>nav button{font-size:11px;padding:7px 10px}.marketing-main{padding:0 20px}.marketing-hero{padding:39px 0;gap:28px}.marketing-hero h1{font-size:42px;margin:16px 0 21px}.hero-copy>.eyebrow{font-size:8px}.marketing-hero .hero-copy>p{font-size:14px}.hero-actions{gap:9px;margin:22px 0}.hero-actions .primary{font-size:11px;padding:12px 16px}.text-action{font-size:11px}.hero-proof{gap:13px;font-size:10px;margin-top:20px}.hero-proof .ui-icon{width:15px;height:15px}.preview-window-bar{padding:12px 16px;gap:18px}.preview-window-bar b{font-size:9px}.preview-screen{padding:21px}.preview-screen h3{font-size:19px}.preview-next{padding:13px;gap:10px}.preview-next b{font-size:10px}.preview-next p{font-size:9px}.preview-screen>p.mini{font-size:8px}.marketing-value{padding:32px 0}.marketing-value h2{font-size:26px;line-height:1.3;margin-bottom:20px}.value-columns{grid-template-columns:1fr;gap:16px}.value-columns p{font-size:12px}.marketing-section{padding:30px 0}.marketing-section .section-title{gap:10px;align-items:flex-start}.marketing-section h2{font-size:23px;max-width:290px}.marketing-section .eyebrow{font-size:8px}.image-card-grid,.teacher-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.image-lesson-card{border-radius:10px}.lesson-card-body,.teacher-library-grid .lesson-card-body{padding:15px}.lesson-card-body h3,.teacher-library-grid .lesson-card-body h3{font-size:19px;margin:8px 0}.lesson-card-body .eyebrow,.teacher-library-grid .lesson-card-body .eyebrow{font-size:6px;line-height:1.8}.lesson-card-body>p,.teacher-library-grid .lesson-card-body>p{font-size:10px;line-height:1.6}.lesson-card-tags>span,.teacher-library-grid .lesson-card-tags>span{font-size:8px;padding:4px 5px}.lesson-card-body footer,.teacher-library-grid .lesson-card-body footer{font-size:8px;line-height:1.6;align-items:flex-start;flex-wrap:wrap;padding-top:10px}.cover-arrow{width:24px;height:24px;right:9px;top:9px;font-size:14px}.marketing-section>p.mini{font-size:9px}.audience-split{grid-template-columns:1fr;gap:14px;margin-bottom:30px}.audience-split button{padding:27px}.audience-split h2{font-size:25px}.audience-split p{font-size:12px}.audience-split b{font-size:11px;margin-top:21px}.founder-note{padding:15px 0 35px}.founder-note h2{font-size:25px}.founder-note p{font-size:12px}.founder-note .mini{font-size:10px}.marketing-cta{flex-direction:column;align-items:flex-start;padding:26px;margin-bottom:35px}.marketing-cta h2{font-size:25px;line-height:1.2}.marketing-cta .eyebrow{font-size:7px;line-height:1.9}.marketing-footer{padding:26px 20px;gap:14px}.marketing-footer>p{font-size:10px;text-align:right}.marketing-footer .portal-brand{font-size:25px}.marketing-footer small{font-size:8px;line-height:1.8}.marketing-footer>div{gap:12px}.marketing-footer button:not(.portal-brand){font-size:10px}.audience-hero{padding:40px 0 28px}.audience-hero h1{font-size:39px;margin:16px 0 20px}.audience-hero>div>p{font-size:14px}.audience-hero .eyebrow{font-size:8px}.educator-workflow{padding:15px 0 30px}.teaching-loop{gap:12px}.teaching-loop>button{padding:19px}.teaching-loop h3{font-size:16px}.teaching-loop p{font-size:11px}.teaching-loop b{font-size:10px}.insight-feature{padding:30px 0}.insight-feature h2{font-size:29px}.insight-feature p,.insight-feature li{font-size:12px}.insight-feature .primary{font-size:11px}.student-question-preview{padding:25px}.student-question-preview h2{font-size:25px}.student-question-preview>p{font-size:12px}.student-path{padding:25px 0 30px}.student-path>h2{font-size:25px;line-height:1.3}.student-path>div{gap:12px}.student-path button{padding:20px}.student-path h3{font-size:16px}.student-path p{font-size:11px}.student-path b{font-size:10px}.student-promise{padding:25px}.student-promise h2{font-size:25px;line-height:1.3}.student-promise p{font-size:12px}.portal-modal-backdrop{padding:12px}.portal-modal{padding:27px 21px;max-height:calc(100dvh - 24px);border-radius:14px}.portal-modal h2{font-size:25px}.portal-modal .eyebrow{font-size:8px}.role-access{gap:10px;margin:20px 0}.role-access button{padding:19px}.role-access h3{font-size:16px}.role-access p{font-size:11px}.preview-disclosure{padding:14px}.preview-disclosure b{font-size:11px}.preview-disclosure p{font-size:10px}.demo-entry-cards>button{padding:16px}.demo-entry-cards b{font-size:12px}.demo-entry-cards p{font-size:10px}.demo-request{padding:0 14px}.demo-request .form-grid{grid-template-columns:1fr;gap:13px}.back-to-intro{font-size:9px;padding:5px 7px;margin-right:0}.topbar .student-entry{font-size:9px}.topbar{gap:4px}.topbar .theme-toggle{font-size:9px;padding:5px 7px}.student-welcome{margin-bottom:21px}.student-welcome h1{font-size:26px;line-height:1.2}.student-welcome p{font-size:12px}.student-focus-card{grid-template-columns:1fr;gap:20px;padding:24px}.student-focus-card img{display:none}.student-focus-card h2{font-size:25px}.student-focus-card p{font-size:12px}.student-route-grid{gap:12px}.student-route-grid button{padding:21px}.student-route-grid h3{font-size:18px;line-height:1.3}.student-route-grid p{font-size:11px}.student-route-grid .ui-icon{margin-bottom:26px}.route-count{font-size:8px;top:22px;right:15px}.student-route-grid b{font-size:10px}.learner-evidence-table thead{display:none}.learner-evidence-table tbody,.learner-evidence-table tr{display:block}.learner-evidence-table tr{border:1px solid var(--line);border-radius:10px;padding:15px;margin:12px 0;background:var(--raised)}.learner-evidence-table tbody th{display:block;border:0;padding:0 0 12px}.learner-evidence-table td{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;border:0;padding:7px 0;font-size:11px}.learner-evidence-table td:before{font-weight:550;color:var(--muted);font-size:10px}.learner-evidence-table td:nth-child(2):before{content:'Participation'}.learner-evidence-table td:nth-child(3):before{content:'Independent'}.learner-evidence-table td:nth-child(4):before{content:'With hints'}.learner-evidence-table td:nth-child(5):before{content:'Concept check'}.learner-evidence-table td small{width:100%;text-align:right;margin-top:0}.learner-evidence-table .table-progress{width:100%;order:3;margin:1px 0}.learner-evidence-table td:last-child{justify-content:flex-end;padding-top:10px}.learner-evidence-table .learner-name{font-size:13px}.learner-overview .table-scroll{overflow:visible}.learner-detail h2{font-size:20px}.learner-concept-grid>article{padding:18px}}
@media(max-width:390px){.marketing-header{gap:8px}.marketing-actions .primary{font-size:9px;padding:8px}.marketing-actions .login-action{padding:6px 3px;font-size:9px}.marketing-actions .theme-toggle{font-size:9px;padding:6px 5px}.marketing-header .portal-brand{font-size:23px}.marketing-main{padding:0 17px}.marketing-hero h1{font-size:36px}.marketing-hero .eyebrow{font-size:7px}.image-card-grid,.teacher-library-grid{grid-template-columns:1fr}.lesson-card-body,.teacher-library-grid .lesson-card-body{padding:20px}.lesson-card-body h3,.teacher-library-grid .lesson-card-body h3{font-size:24px}.lesson-card-body>p,.teacher-library-grid .lesson-card-body>p{font-size:12px}.lesson-card-tags>span,.teacher-library-grid .lesson-card-tags>span{font-size:10px}.lesson-card-body footer,.teacher-library-grid .lesson-card-body footer{font-size:10px}.lesson-card-body .eyebrow,.teacher-library-grid .lesson-card-body .eyebrow{font-size:8px}.teaching-loop,.student-path>div,.student-route-grid{grid-template-columns:1fr}.role-access{grid-template-columns:1fr}.role-access button{display:grid;grid-template-columns:25px 1fr;gap:8px 12px;padding:17px}.role-access .ui-icon{grid-row:1/3;margin:0}.role-access h3{margin:0}.role-access p{margin:0}.topbar .student-entry{font-size:8px}.topbar .back-to-intro{font-size:8px}.topbar select{width:91px;font-size:9px}.student-welcome h1{font-size:24px}.audience-hero h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
[data-theme=dark]{--paper:#111619;--surface:#1a2126;--raised:#212a30;--soft:#2f2923;--cream:#292a27;--line:#354047;--ink:#f5f2ed;--muted:#acb6be}[data-theme=dark] .marketing-header,[data-theme=dark] .product-preview,[data-theme=dark] .student-question-preview{box-shadow:0 12px 45px #0003}[data-theme=dark] .marketing-header .portal-brand{color:var(--ink)}[data-theme=dark] .marketing-header>nav button.current{background:var(--soft)}.portal-modal:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.student-focus-card .pill{font-size:9px}.lesson-cover img{color:transparent}.portal-modal-backdrop .portal-modal form .mini{overflow-wrap:anywhere}.marketing-actions #bookDemo{white-space:nowrap}