/* nb-land.css · KAN-764: v2 landing pages «للمعلمين» (/teachers) and «للمدارس» (/schools).
   Mockups land-teachers, land-schools, paydoor-school (marketing/design_queue/kan600_v2_gaps_2026-10-02),
   tokens and components from qa/KAN-464_design_system.md §5. Tokens are --l-* so nb-theme.js's shared
   html.nb-dark block (other names, other values) never overrides them. Primary fill #0E7490 (a11y, qa/KAN-634_design.md:
   white on #0891B2 is 3.68:1). Nav + footer come from templates/. Lock: tests/kan764_landing_lock.js */
@font-face{font-family:'Cairo';font-style:normal;font-weight:200 1000;font-display:swap;src:url('/fonts/cairo-arabic-var.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFC;}
@font-face{font-family:'Cairo';font-style:normal;font-weight:200 1000;font-display:swap;src:url('/fonts/cairo-latin-var.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+2190-2193,U+2212;}
:root{--l-bg:#FAF7F2;--l-card:#FFFFFF;--l-bg3:#EFE9DF;--l-border:#E8E2D6;--l-text:#1F2937;--l-muted:#57606A;--l-link:#0F766E;
  --l-cta:#0E7490;--l-soft:#E0F4F8;--l-ok:#047857;--l-scrim:rgba(31,41,55,.45);--l-shadow:0 8px 24px -16px rgba(31,41,55,.3)}
html.nb-dark{--l-bg:#161527;--l-card:#232140;--l-bg3:#334155;--l-border:#334155;--l-text:#F5EFE8;--l-muted:#A89CB8;--l-link:#5EEAD4;
  --l-soft:rgba(8,145,178,.16);--l-ok:#10B981;--l-scrim:rgba(8,7,20,.62);--l-shadow:none}
html,body{margin:0;background:var(--l-bg);color:var(--l-text)}
body{font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif;font-size:.95rem;line-height:1.6;-webkit-font-smoothing:antialiased}
.lp,.lp-sheet{box-sizing:border-box}
.lp *,.lp-sheet *{box-sizing:border-box;margin:0}
.lp{max-width:560px;margin:0 auto;padding:18px 16px 32px}
.lp h1{font-size:1.65rem;font-weight:900;line-height:1.25;margin-top:8px}
.lp-h{font-size:1.05rem;font-weight:800;line-height:1.4}
.lp-sub,.lp-muted{color:var(--l-muted);font-size:.85rem}
.lp-sub{margin-top:8px}
.lp-strong{font-weight:600;margin-top:8px}
.lp-b{font-weight:700}
.lp-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 12px;font-weight:700;font-size:.8rem;background:var(--l-bg3);border:1px solid var(--l-border);color:var(--l-link);white-space:nowrap}
.lp-btn{min-height:52px;width:100%;border-radius:14px;font:inherit;font-weight:800;font-size:1.17rem;display:flex;align-items:center;justify-content:center;gap:8px;border:0;padding:0 18px;cursor:pointer;text-decoration:none}
.lp-p{background:var(--l-cta);color:#fff;box-shadow:0 12px 24px -10px rgba(8,145,178,.7)}
.lp-s{background:var(--l-bg3);color:var(--l-text);border:1px solid var(--l-border);font-size:1rem;font-weight:700}
.lp-sm{min-height:44px;width:auto;font-size:.9rem;padding:0 14px;border-radius:10px;box-shadow:none}
.lp-btn:focus-visible,.lp-link:focus-visible,.lp-close:focus-visible{outline:3px solid #0891B2;outline-offset:2px}
.lp-link{color:var(--l-link);font:inherit;font-weight:700;font-size:.85rem;min-height:44px;display:inline-flex;align-items:center;gap:4px;padding:0 6px;background:none;border:0;cursor:pointer;text-decoration:none}
.lp-card{background:var(--l-card);border:1px solid var(--l-border);border-radius:16px;padding:16px;box-shadow:var(--l-shadow)}
.lp-soft{background:var(--l-soft);border-color:transparent}
.lp-row{display:flex;align-items:center;gap:10px}
.lp-ico{width:40px;height:40px;border-radius:12px;background:var(--l-soft);color:var(--l-link);display:grid;place-items:center;flex-shrink:0}
.lp-steps{list-style:none;padding:0;counter-reset:s}
.lp-steps li{display:flex;gap:12px;align-items:flex-start;padding:10px 0}
.lp-steps li::before{counter-increment:s;content:counter(s,arabic-indic);width:32px;height:32px;border-radius:50%;background:var(--l-soft);color:var(--l-link);font-weight:900;display:grid;place-items:center;flex-shrink:0}
.lp-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.lp-kpi{background:var(--l-soft);border-radius:14px;padding:10px 6px;text-align:center;color:var(--l-link)}
.lp-kpi span{display:block;font-size:.78rem;color:var(--l-text);font-weight:600}
.lp-tasks{list-style:none;padding:0}
.lp-tasks li{display:flex;align-items:center;gap:10px;padding:8px 0;font-weight:700;font-size:.92rem}
.lp-chk{width:24px;height:24px;border-radius:50%;background:var(--l-ok);color:#fff;display:grid;place-items:center;flex-shrink:0}
.lp-mt8{margin-top:8px}.lp-mt12{margin-top:12px}.lp-mt16{margin-top:16px}
.lp-center{text-align:center}
.lp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.lp-grid2 .lp-btn{width:100%}
.lp-lbl{display:block;font-weight:700;font-size:.85rem;margin:12px 0 6px}
.lp-field{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--l-border);border-radius:10px;font:inherit;font-size:.9rem;background:var(--l-bg);color:var(--l-text)}
.lp-status{min-height:1.4em;margin-top:8px;font-size:.85rem;font-weight:700;color:var(--l-link)}
.lp-other{border-top:1px dashed var(--l-border);margin-top:10px;padding-top:8px;font-size:.85rem}
.lp-other code{display:block;direction:ltr;text-align:left;font-family:ui-monospace,Menlo,monospace;font-size:.8rem;overflow-wrap:anywhere}
/* Bottom sheet: a native modal <dialog> (focus trap, Esc, inert page); the backdrop is the scrim. */
.lp-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:560px;max-height:92vh;overflow:auto;border:0;padding:10px 16px calc(28px + env(safe-area-inset-bottom));
  background:var(--l-card);color:var(--l-text);border-radius:22px 22px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.25);font-family:inherit}
.lp-sheet::backdrop{background:var(--l-scrim)}
.lp-handle{width:40px;height:5px;border-radius:5px;background:var(--l-border);margin:0 auto 14px}
.lp-close{position:absolute;top:8px;left:8px;display:grid;place-items:center;width:44px;height:44px;border:0;background:none;color:var(--l-muted);cursor:pointer;border-radius:50%}
.lp-addr{user-select:all;direction:ltr;unicode-bidi:isolate;font-weight:700}
.lp-sheet-title{padding-left:48px}