@font-face{font-family:Vazirmatn;src:url(font.woff2) format('woff2');font-display:swap}
:root{font-family:Vazirmatn,Tahoma,sans-serif;color:#183b32;background:#f5f8f5;font-size:16px;line-height:1.9;color-scheme:light}
*{box-sizing:border-box}body{margin:0}a{color:#145e47;text-underline-offset:5px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,.button{cursor:pointer;min-height:50px;border:0;border-radius:14px;padding:12px 22px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;background:#14664e;color:#fff;text-align:center;line-height:1.7}button:hover,.button:hover{background:#0d4d39}.secondary{background:#fff;color:#145e47;border:1px solid #a6bcb1}.secondary:hover{background:#e7f2eb}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #b95f00;outline-offset:4px}header,main,footer{max-width:1120px;margin:auto;padding:24px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-weight:800}.brand img{width:54px;height:54px;object-fit:contain}header{display:flex;justify-content:space-between;align-items:center;gap:18px}header nav{display:flex;gap:18px;align-items:center}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:44px;align-items:center;padding-block:48px 70px}.eyebrow,.badge{display:inline-block;padding:5px 12px;border-radius:30px;background:#e0eee4;color:#23573c;font-size:.88rem;font-weight:700}h1{font-size:clamp(1.9rem,5vw,3.4rem);line-height:1.5;margin:16px 0}h2{font-size:1.4rem;margin-top:0}p{margin:12px 0}.lead{font-size:1.08rem;color:#476258;max-width:38rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 14px}.fine{font-size:.88rem;color:#496157}.panel{background:#fff;border:1px solid #d8e5da;border-radius:24px;padding:28px;box-shadow:0 12px 36px #173f2310}.preview{transform:rotate(-2deg)}.preview h2{font-size:1.15rem}.preview-row{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #edf1eb;padding:16px 0}.pill{border-radius:8px;padding:3px 9px;background:#edf4ec;font-size:.84rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.grid article{background:#fff;border:1px solid #d8e5da;border-radius:18px;padding:22px}.grid h2{font-size:1.1rem}.download{max-width:780px}.notice{border-right:4px solid #b97919;background:#fff8e9;border-radius:12px;padding:14px 18px;color:#60451d}.metadata{display:grid;grid-template-columns:auto 1fr;gap:6px 24px;margin:24px 0}dt{font-weight:700}dd{margin:0}code{direction:ltr;unicode-bidi:isolate;overflow-wrap:anywhere;font-size:.85rem}footer{border-top:1px solid #d8e5da;color:#496157;font-size:.88rem}.entry{max-width:620px;margin:20px auto}.entry .actions{display:grid}.entry h1{font-size:2.15rem}details{margin-top:28px;border-top:1px solid #d8e5da;padding-top:16px}summary{cursor:pointer}label{display:block;margin:12px 0}input,select{width:100%;padding:12px;border:1px solid #a6bcb1;border-radius:10px;color:#183b32;background:#fff;min-height:48px}.demo{max-width:880px}.demo h1{font-size:1.9rem}.demo nav{display:flex;gap:8px;margin:24px 0;flex-wrap:wrap}.demo nav button[aria-current=true]{background:#173e31;color:#fff}.student{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,240px);gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #e0eade}.student label{margin:0}.student strong{display:block}.status{min-height:28px;color:#1e6840;font-size:.9rem}.hidden,[hidden]{display:none!important}.stats{display:flex;gap:10px;flex-wrap:wrap}.stats p{flex:1;min-width:130px;background:#edf4ec;padding:16px;border-radius:12px}.stats b{display:block;font-size:1.7rem}.offline{background:#f6e7bc;color:#634912}ol{padding-right:24px}li{margin-block:12px}.reset{margin-top:22px}
@media(max-width:700px){header,main,footer{padding:18px}.hero{grid-template-columns:1fr;gap:26px;padding-block:20px 36px}.actions{display:grid}.preview{transform:none}.grid{grid-template-columns:1fr}.panel{padding:22px}header nav{font-size:.85rem;gap:12px}.metadata{grid-template-columns:1fr;gap:2px}dd{margin-bottom:10px}.student{grid-template-columns:1fr;gap:8px}.brand span{max-width:150px}.download h1{font-size:2rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* LANDING-BETA-001: shared brand, no scripts or third-party requests. */
.public-feedback-trigger{position:fixed;inset-inline-end:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:40;border-radius:30px;box-shadow:0 3px 16px #123e3b24;font-size:.85rem;min-height:44px}.public-feedback-dialog{max-width:32rem;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #b3c4b7;border-radius:18px;padding:24px;background:#fbf9f4;color:#123e3b}.public-feedback-dialog::backdrop{background:#123e3b66}.public-feedback-dialog .public-feedback-check{display:flex;gap:10px;align-items:flex-start}.public-feedback-check input{width:22px;min-height:22px;height:22px;flex-shrink:0;margin-top:7px}.public-feedback-dialog label{margin-block:20px}@media print{.public-feedback-trigger,.public-feedback-dialog{display:none!important}}
.landing{--ink:#123e3b;--muted:#526965;--paper:#fbf9f4;--accent:#ad5837;background:var(--paper);color:var(--ink)}
.landing header,.landing main,.landing footer{max-width:1240px;padding-inline:32px}.landing h2{font-size:clamp(1.7rem,3.6vw,2.5rem);line-height:1.65;letter-spacing:-.05em}.landing h3{font-size:1.15rem;line-height:1.8}.landing p{color:var(--muted)}
.skip-link{position:absolute;inset-inline-start:16px;top:-90px;z-index:10;background:#fff;padding:12px}.skip-link:focus{top:12px}.landing .site-header{padding-block:24px;border-bottom:1px solid #d8dfd7}.landing .brand span{font-size:1.35rem;line-height:1.3}.landing .brand small{display:block;font-size:.78rem;font-weight:400;margin-top:5px}.landing nav{gap:26px}.nav-login{border:1px solid #b7c8bc;padding:8px 18px;border-radius:10px;text-decoration:none}
.landing-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding-block:70px 85px}.landing h1{font-size:clamp(2.4rem,5.2vw,4.3rem);font-weight:800;line-height:1.6;letter-spacing:-.06em;margin-block:20px}.landing h1 em{font-style:normal;color:var(--accent)}.hero-lead{font-size:1.12rem;max-width:35rem}.kicker{font-size:.85rem;font-weight:700;color:#2c6d5a!important}.landing .button{border-radius:10px;background:var(--ink);padding:13px 20px;font-size:.92rem}.landing .button:hover{background:#0b2a28}.landing .secondary{background:#fff;color:var(--ink)}.landing .secondary:hover{background:#e6eee7}.text-link{font-size:.92rem;display:inline-flex;align-items:center;gap:12px;font-weight:700;min-height:48px}.landing .fine{font-size:.78rem;line-height:1.9}
.classroom-scene{position:relative;isolation:isolate;padding:26px 28px 42px 10px}.classroom-scene:before{content:'';position:absolute;inset:0 0 10px -14px;border-radius:48% 48% 35% 48%;background:#e8eee3;z-index:-1}.scene-label{font-size:.78rem;color:#577164;margin-bottom:14px;text-align:center}.scene-sheet{padding:26px;background:#fff;box-shadow:0 20px 55px #143d2c12;border:1px solid #dfe5db;border-radius:18px;transform:rotate(-2deg)}.sheet-heading{display:flex;gap:12px;align-items:center;border-bottom:1px solid #e3e9e1;padding-bottom:18px}.sheet-heading b{font-size:1rem;display:block}.sheet-heading div>span{font-size:.68rem;color:#6b7c72}.sheet-mark{background:#e4eee8;border-radius:12px;display:grid;place-items:center;width:44px;height:44px;font-size:1.7rem}.sheet-line{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.72rem;margin-top:18px}.scene-tasks{padding:0;list-style:none}.scene-tasks li{display:flex;gap:13px;align-items:center;border-bottom:1px solid #eef0ea;padding-block:8px}.scene-tasks li>span{border-radius:50%;width:30px;height:30px;display:grid;place-items:center;background:#e8f1e7;color:#32634e;flex-shrink:0}.scene-tasks b{display:block;font-size:.88rem}.scene-tasks small{color:#64766b;font-size:.72rem}.sheet-footer{font-size:.72rem;color:#516b5c;margin-top:20px}.scene-note{position:relative;display:flex;gap:14px;align-items:center;background:#123e3b;color:#fff;box-shadow:0 10px 24px #123e3b20;padding:15px 20px;border-radius:12px;margin:-8px 42px 0 -24px;transform:rotate(2deg)}.scene-note>span{font-size:1.8rem;color:#e0c69a}.scene-note b,.scene-note div>span{display:block}.scene-note b{font-size:.9rem}.scene-note div>span{font-size:.75rem;color:#cfdfd5}
.principles{display:flex;justify-content:space-around;gap:16px;padding-block:22px;border-block:1px solid #d8dfd7;color:#557163;font-size:.9rem}.section-intro{padding-block:78px 25px;max-width:680px}.section-intro h2{margin-bottom:16px}.section-intro p:last-child{max-width:580px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-block:18px 80px;border:1px solid #d9dfd5;border-radius:18px;background:#fff}.feature-grid article{padding:30px}.feature-grid article+article{border-inline-start:1px solid #d9dfd5}.feature-index{font-size:.8rem;color:#6a7567}.feature-grid p{font-size:.9rem}.feature-grid a{font-size:.8rem;display:inline-flex;gap:16px;align-items:center;min-height:48px}
.assessment-band{background:#123e3b;color:#fff;border-radius:22px;padding:46px;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.assessment-band p{color:#d3dfd6}.assessment-band .kicker{color:#d6c299!important}.assessment-band h2{color:#fff}.assessment-band ul{margin:0;padding:0;list-style:none}.assessment-band li{margin:0;padding-block:14px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #427066}.assessment-band li span{font-size:.85rem;color:#e5cfaa}.assessment-band .cross-category{font-size:.78rem;color:#cedbd3;border:0}
.workflow-section{padding-block:78px}.section-heading{margin-bottom:32px}.workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;list-style:none;padding:0}.workflow-steps>li{margin:0;border-top:1px solid #c5d4c9;padding-top:22px}.workflow-steps>li>span{border:1px solid #bbcebe;color:#436652;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:.85rem;background:var(--paper)}.workflow-steps h3{margin:16px 0 8px;font-size:1.05rem}.workflow-steps p{font-size:.85rem}
.try-section{background:#edf1e9;border:1px solid #d8e0d3;border-radius:22px;display:grid;grid-template-columns:1.4fr 1fr;gap:55px;padding:42px}.try-section p{font-size:.92rem}.try-section aside{border-inline-start:1px solid #c5d2c3;padding-inline-start:36px;align-self:center}.try-section aside b{font-size:1rem}.faq-section{display:grid;grid-template-columns:1fr 1.7fr;gap:45px;padding-block:85px}.faq-section details{margin:0;padding:20px 0}.faq-section details:last-child{border-bottom:1px solid #d8e5da}.faq-section summary{font-weight:700;padding-block:4px}.faq-section details p{font-size:.9rem}
.landing .site-footer{display:grid;grid-template-columns:1fr auto;gap:10px 40px;padding-block:36px 48px}.site-footer .brand{grid-row:span 2}.landing .site-footer .brand span{font-size:1rem}.site-footer img{width:40px;height:40px}.landing .site-footer p{margin:0;font-size:.85rem}.site-footer>a:not(.brand){font-size:.8rem}.site-footer small{grid-column:1/-1;font-size:.72rem;color:#5a7062;margin-top:10px}
@media(max-width:900px){.landing-hero{gap:24px;padding-block:48px}.landing nav{gap:15px}.landing header,.landing main,.landing footer{padding-inline:22px}.classroom-scene{padding-inline:15px}.scene-note{margin-inline:20px 0}.feature-grid article{padding:22px}.assessment-band{padding:30px;gap:35px}.try-section{gap:30px;padding:30px}.workflow-steps{gap:18px}}
@media(max-width:700px){.landing .site-header{gap:18px;flex-wrap:wrap;padding-block:18px}.landing nav{width:100%;justify-content:space-between;gap:8px;font-size:.76rem;flex-wrap:wrap}.landing .nav-login{padding:5px 12px}.landing .brand span{max-width:none}.landing-hero{grid-template-columns:1fr;padding-block:34px 44px;gap:28px}.landing h1{font-size:2.65rem;margin-block:16px}.hero-lead{font-size:1rem}.landing .actions{display:flex;align-items:center;flex-wrap:wrap}.landing .actions .button{flex:1 1 auto}.landing .fine{font-size:.75rem}.classroom-scene{max-width:470px;width:100%;margin:auto;padding-inline:12px 18px}.classroom-scene:before{inset-inline:0}.scene-sheet{padding:22px}.scene-note{margin-inline:30px -4px}.principles{display:grid;grid-template-columns:repeat(2,1fr);font-size:.78rem;text-align:center;gap:12px}.section-intro{padding-top:48px}.feature-grid{grid-template-columns:1fr;margin-bottom:48px}.feature-grid article{padding:24px}.feature-grid article+article{border-inline-start:0;border-top:1px solid #d9dfd5}.assessment-band{grid-template-columns:1fr;gap:16px;padding:26px}.workflow-section{padding-block:48px}.workflow-steps{grid-template-columns:repeat(2,1fr);gap:26px 20px}.workflow-steps h3{font-size:.95rem}.try-section{grid-template-columns:1fr;gap:26px;padding:26px}.try-section aside{border-inline-start:0;border-top:1px solid #c5d2c3;padding-inline-start:0;padding-top:22px}.faq-section{grid-template-columns:1fr;gap:16px;padding-block:48px}.landing .site-footer{grid-template-columns:1fr;gap:14px}.site-footer .brand{grid-row:auto}.landing .site-footer p{font-size:.8rem}}
@media(prefers-reduced-motion:no-preference){.landing a{transition:background-color .15s ease,color .15s ease}}