:root{--ink:#302052;--green:#602ac5;--lime:#ffdb68;--paper:#fbf9ff;--muted:#756885;--line:#e4dcf1}.hero-art:before{background:#eee3ff}.hero h1 em{color:#8b50d8}.mark{background:#602ac5;color:#ffdb68}.btn:hover{background:#7540d5}.dot{background:#9959df}.icon{background:#eee4fc;color:#6724c6}.stat{background:#f6f1fd}.stat small{color:#7650ab}.dash-bottom{background:#efe7fb}.tick{background:#eee0ff;color:#6d28ce}.section-label{color:#8056ae}.insights{background:linear-gradient(125deg,#301075,#6625c5);color:white}.insights p{color:#e1d4f6}.insights .tabs{border-color:#8b62bb}.insights .tabs button{color:#dfd0f2}.focus-panel{background:#fcfaff}.badge{background:#e9dcff;color:#612ca9}.focus-panel p{color:#756885}.features{background:#f1eafa}.feature{border-color:#d8c8ec}.step b,.measure b{color:#9259c5}.contact-band{background:#eee2ff;border-color:#d6bdf4}.contact-band p{color:#6f5688}input,select,textarea{background:#fffdff;border-color:#d6c2ed}footer{background:#2a105e}footer p,.footbottom{color:#cab7e3}.float-note{color:#513078}.audiences span{color:#736087}.hero .chart{background:repeating-linear-gradient(to top,#ece5f5 0,#ece5f5 1px,transparent 1px,transparent 30px)}.demo-section{background:#f3edfc}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:28px}.section-heading p{max-width:440px}.demo-tag{font-size:10px;font-weight:700;border:1px solid #d7bfef;background:#efe3ff;color:#672ab6;padding:7px 10px;border-radius:20px;display:inline-block;margin-bottom:15px}.workspace{background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 60px #5420900b;overflow:hidden}.workspace-header{background:#faf7ff;padding:19px 25px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.workspace-header h3{margin:0;font-size:18px}.workspace-header p{font-size:11px;margin:5px 0 0}.workspace-controls{display:flex;gap:10px;align-items:center}.workspace-controls label{min-width:120px}.workspace-controls select{font-size:11px;max-width:185px}.board-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:22px 25px}.board-metric{border-inline-start:3px solid #cfb5ee;padding-inline-start:13px}.board-metric small{font-size:10px;color:var(--muted)}.board-metric strong{display:block;font-size:25px;margin-top:6px}.board-metric span{font-size:9px;color:#88749a}.board-layout{display:grid;grid-template-columns:1.6fr 1fr;border-top:1px solid var(--line)}.table-scroll{overflow-x:auto;padding:0 22px 20px}.board-table{width:100%;border-collapse:collapse;font-size:11px;text-align:start;min-width:490px}.board-table th{text-align:start;font-size:9px;color:var(--muted);padding:17px 8px;border-bottom:1px solid var(--line);font-weight:600}.board-table td{padding:16px 8px;border-bottom:1px solid #f1eafa}.board-table button{color:var(--ink);border:0;background:none;padding:0;font-weight:700;text-align:start}.board-table tr.selected{background:#f7f0ff}.board-table tr:has(button:hover){background:#fbf8ff}.mini-progress{height:5px;width:65px;background:#eee5f8;border-radius:5px;margin-top:5px;overflow:hidden}.mini-progress span{display:block;height:100%;background:#8c4bda}.status-pill{padding:5px 7px;border-radius:20px;font-size:9px;display:inline-block;white-space:nowrap;background:#e9dcfc;color:#6026a6}.status-pill.attention{background:#fff0d6;color:#8d5913}.learner-detail{padding:23px;background:#fcfaff;border-inline-start:1px solid var(--line)}.learner-detail h4{font-size:17px;margin:4px 0 7px}.learner-detail p{font-size:11px}.learner-detail .skill{margin-top:15px;font-size:10px;display:flex;justify-content:space-between}.learner-detail .mini-progress{width:100%;height:7px;margin-bottom:15px}.board-foot{padding:12px 25px;font-size:10px;border-top:1px solid var(--line);color:var(--muted)}.feedback-layout{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:25px}.answer-box,.feedback-box{background:#fff;border:1px solid var(--line);padding:27px;border-radius:14px}.answer-box label{font-size:11px}.answer-box select{margin-bottom:20px}.question{font-size:16px;font-weight:700;line-height:1.7;margin:10px 0 18px}.answer-box textarea{min-height:120px;font-size:14px;line-height:1.8}.sample-options{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.sample-options button{background:#faf5ff;border:1px solid #decbf2;color:#6f3b9e;padding:7px 10px;border-radius:5px;font-size:10px}.sample-options button[aria-pressed=true]{background:#6429bd;color:white;border-color:#6429bd}.feedback-state{min-height:275px}.feedback-score{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:20px}.feedback-score strong{font-size:25px;color:#7332c1}.feedback-part{padding:13px 15px;border-radius:8px;background:#f7f3fc;margin:10px 0}.feedback-part h4{font-size:12px;margin:0 0 5px}.feedback-part p{font-size:12px;line-height:1.8;margin:0}.feedback-part.correct{border-inline-start:3px solid #46a47b}.feedback-part.missing{border-inline-start:3px solid #f4b83a}.feedback-part.improve{border-inline-start:3px solid #a365e4}.feedback-part.full-answer{border-inline-start:3px solid #6771dd}.demo-explanation{font-size:11px!important;line-height:1.8}.tablet-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.tablet-frame{background:#291546;border:1px solid #6a4989;border-radius:20px;padding:12px;box-shadow:0 18px 30px #24103b12}.tablet-bar{display:flex;justify-content:space-between;color:#f6edff;padding:8px 9px 15px;font-size:11px}.tablet-frame canvas{display:block;width:100%;height:auto;background:#fff;border-radius:10px;touch-action:none;aspect-ratio:600/310}.teacher-canvas{pointer-events:none}.canvas-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}.canvas-toolbar .actions{margin:0}.canvas-toolbar button{font-size:11px}.live-indicator{display:flex;gap:7px;align-items:center;font-size:10px;color:#d8c0f7}.live-indicator:before{content:'';width:6px;height:6px;background:#b4ecb5;border-radius:50%}.stroke-status{font-size:11px;color:var(--muted)}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:30px}.integration-panel{border:1px solid var(--line);border-radius:12px;background:#fcfaff;padding:25px}.platform-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.platform-pills button{background:white;border:1px solid var(--line);border-radius:7px;padding:11px 15px;color:var(--muted);font-size:12px}.platform-pills button[aria-pressed=true]{background:#6830bb;color:white}.integration-panel h3{font-size:20px}.integration-panel ul{padding-inline-start:19px;color:var(--muted);font-size:12px;line-height:2.2}.feature .feature-type{display:inline-block;font-size:9px;border-radius:4px;background:#e7daf7;color:#765099;padding:4px 6px;margin-bottom:10px}.demo-shortcuts{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.demo-shortcuts a{font-size:11px;border-bottom:1px solid #b998da;padding:8px 0}.result-announcement{font-size:11px;color:#765099}.empty-board{padding:30px}.export-link{border:1px solid #d6c2ed;background:white;color:#6026a6;font-size:10px;padding:10px;border-radius:6px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}@media(max-width:850px){.board-layout{grid-template-columns:1fr}.learner-detail{border-inline-start:0;border-top:1px solid var(--line)}.feedback-layout,.tablet-layout,.integration-grid{grid-template-columns:1fr}.section-heading{display:block}.workspace-header{align-items:start;flex-direction:column}.workspace-controls{width:100%;flex-wrap:wrap}.board-metrics{grid-template-columns:1fr 1fr;gap:20px}.integration-grid{gap:20px}.navlinks{gap:14px}}@media(max-width:480px){.answer-box,.feedback-box{padding:19px}.board-metrics{padding:20px}.workspace-header{padding:20px}.canvas-toolbar .actions{width:100%}.canvas-toolbar .btn{flex:1}.section-heading h2{font-size:30px}}

.btn.light:hover{background:#eee2ff;color:#512098}.stat strong{color:#512098}.hero .demo-note{color:#81718d}header{background:#fbf9fff5}.tabs button:focus-visible,.platform-pills button:focus-visible{outline:2px solid #ffdb68;outline-offset:4px}.navlinks a:hover,.text-link:hover{color:#9752d0}