/* Theme A: clean, Astra-style look. Loaded last so it overrides the base styles. Content and scripts are untouched. */
:root{--ink:#1f1b2e;--green:#5421b6;--lime:#ffd23f;--paper:#ffffff;--muted:#4a4560;--line:#ece8f5}
body,html[lang=he] body{font-family:Heebo,Manrope,Arial,sans-serif;background:#fff;color:var(--ink)}
header{background:#fffffff2;border-bottom:1px solid var(--line)}
.navlinks{font-size:15px;font-weight:500}
.navlinks a{color:#4a4560}.navlinks a:hover{color:var(--green)}
.lang{font-size:14px}
.btn{border-radius:6px;font-size:15px;font-weight:700;padding:14px 26px;background:var(--green);border-color:var(--green);color:#fff}
.btn:hover{background:#3b1685}
.btn.light{background:#fff;border:2px solid var(--green);color:var(--green)}
.btn.light:hover{background:#f3edfd;color:#3b1685}
.btn.lime{background:var(--lime);border-color:var(--lime);color:#1f1b2e}
.mark{background:var(--green);color:#fff;border-radius:10px;transform:none}
.hero{background:linear-gradient(180deg,#f7f4fd 0%,#ffffff 100%)}
.hero-art:before{background:#e6dcfa}
h1 em,.hero h1 em{color:var(--green)}
h3{letter-spacing:0}
.hero-copy p{font-size:18px;max-width:520px}
.dot{background:var(--green)}
.micro{font-size:12px}
.benefit{border-top:2px solid #d9cdf3}
.icon{background:#efe8fc;border-radius:12px}
h1{letter-spacing:-1.5px}
h2{letter-spacing:-1px}

/* Twelve capabilities: card grid */
.features{background:linear-gradient(180deg,#f4eefd 0%,#ffffff 100%)}
.educator-capabilities{gap:22px}
.educator-capabilities .feature{background:#fff;border:1px solid #e8def8;border-top:1px solid #e8def8;border-radius:18px;padding:28px 26px 30px;box-shadow:0 6px 22px rgba(84,33,182,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;gap:4px}
.educator-capabilities .feature:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(84,33,182,.15);border-color:#cdb8f1}
.educator-capabilities .feature .assignment-chip{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#5421b6,#8b50d8);color:#fff;font-size:15px;font-weight:700;margin-bottom:16px;box-shadow:0 6px 14px rgba(84,33,182,.28)}
.educator-capabilities .feature h3{font-size:19px;font-weight:700;margin:0 0 8px;color:#1f1b2e;line-height:1.3}
.educator-capabilities .feature p{font-size:15px;line-height:1.65;color:#4a4560;margin:0}
@media (prefers-reduced-motion:reduce){.educator-capabilities .feature{transition:none}.educator-capabilities .feature:hover{transform:none}}

/* Open-answer demo video */
.actual-feedback figure video{display:block;width:100%;height:auto;aspect-ratio:548/1280;border-radius:16px;background:#1f1b2e;box-shadow:0 14px 34px rgba(84,33,182,.18)}

/* Assessments & grading: static four-step example */
.gr-section{background:#f7f4fd}
.gr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.gr-steps{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px;align-items:stretch}
.gr-card{background:#fff;border:1px solid #e4dcf3;border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:20px;box-shadow:0 6px 20px rgba(84,33,182,.07)}
.gr-step-head{display:flex;gap:16px;align-items:flex-start}
.gr-num{flex:none;width:44px;height:44px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center}
.gr-step-head h3{margin:0 0 6px;font-size:22px;color:var(--ink)}
.gr-step-head p{margin:0;font-size:16px;line-height:1.55;color:var(--muted)}
.gr-box{background:#faf8ff;border:1px solid #ece8f5;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:14px;flex:1}
.gr-box-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.gr-box-top strong{display:block;font-size:17px;color:var(--ink)}
.gr-box-top span{font-size:14px;color:var(--muted)}
.gr-pill{align-self:flex-start;display:inline-block;background:#efe8fc;color:var(--green);font-weight:700;font-size:14px;padding:6px 14px;border-radius:999px;white-space:nowrap}
.gr-pill.ok{background:#e3f6ea;color:#14633a}
.gr-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.gr-list li{background:#fff;border:1px solid #ece8f5;border-radius:8px;padding:10px 14px;font-size:15px;color:var(--ink)}
.gr-qs{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.gr-qs li{background:#fff;border:1px solid #ece8f5;border-radius:8px;padding:12px 14px;display:grid;gap:6px}
.gr-q-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.gr-q{font-weight:700;font-size:15px;color:var(--ink)}
.gr-pts,.gr-bd b{direction:ltr;unicode-bidi:isolate}.gr-pts{font-size:17px;color:var(--green);white-space:nowrap}
.gr-tag{justify-self:start;font-size:13px;font-weight:700;background:#efe8fc;color:var(--green);border-radius:999px;padding:3px 10px}
.gr-tag.auto{background:#e3f6ea;color:#14633a}
.gr-qs p{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.gr-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e4dcf3;padding-top:12px;font-size:16px;color:var(--ink)}
.gr-total b{font-size:18px}
.gr-lbl{display:block;font-size:13px;font-weight:700;color:var(--muted);text-transform:none}
.gr-final-show{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.gr-final-show b{font-size:52px;line-height:1;color:var(--green)}
.gr-final-show small{font-size:24px;margin-inline-start:2px}
.gr-text{margin:0;background:#fff;border:1px solid #ece8f5;border-radius:8px;padding:12px 14px;font-size:15px;line-height:1.55;color:var(--ink)}
.gr-bd{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.gr-bd li{background:#fff;border:1px solid #ece8f5;border-radius:8px;padding:8px;text-align:center;display:grid;gap:2px;font-size:13px;color:var(--muted)}
.gr-bd b{font-size:16px;color:var(--ink)}
.gr-chat{display:grid;gap:10px}
.gr-bubble{border-radius:12px;padding:12px 14px;font-size:15px;line-height:1.5;color:var(--ink)}
.gr-bubble.stu{background:#fff;border:1px solid #ece8f5}
.gr-bubble.tea{background:#efe8fc}
.gr-src{justify-self:start;font-size:13px;color:var(--green);font-weight:600;border-inline-start:3px solid var(--lime);padding-inline-start:8px}
.gr-integ{margin:28px 0 0;font-size:16px;color:var(--ink);background:#fff;border:1px solid #e4dcf3;border-radius:12px;padding:14px 18px}
.gr-integ a{color:var(--green);font-weight:700;white-space:nowrap}
@media (max-width:900px){.gr-steps{grid-template-columns:1fr}.gr-card{padding:20px}.gr-final-show b{font-size:44px}}

/* 14 capabilities: six-column grid so the last row of two stays balanced */
.educator-capabilities{grid-template-columns:repeat(6,1fr)}
.educator-capabilities .feature{grid-column:span 2}
.educator-capabilities .feature:nth-child(13),.educator-capabilities .feature:nth-child(14){grid-column:span 3}
@media (max-width:980px){.educator-capabilities{grid-template-columns:1fr 1fr}.educator-capabilities .feature,.educator-capabilities .feature:nth-child(13),.educator-capabilities .feature:nth-child(14){grid-column:auto}}
@media (max-width:640px){.educator-capabilities{grid-template-columns:1fr}}