/* CFO+ Academy v5 — one stylesheet for every page.
   Layout: 12-column grid in a 1240px container, logical properties for RTL/LTR.
   Signature: «السكّة المزدوجة» — the double rule under a total carries the stations of each page.
   v5 (لجنة الإقناع ٢١/١٠): «لونٌ لكل خط» — student teal, university gold (gold-ink on light), company blue; navy down to four zones.
   The v5 block at the end of this file holds the new tokens, tones and components; the v4 rules above it stay as the base. */
:root{
  /* palette */
  --navy:#0B1733; --deep:#042C53; --paper:#F7F5EF; --mist:#E9EEF4; --gold:#D4A537; --orange:#EF9F27;
  --ink:#0B1733; --ink-2:#4A5672; --line-p:rgba(11,23,51,.14); --line-p2:rgba(11,23,51,.08);
  --on-n:#F3F0E7; --on-n2:#BCC4D3; --line-n:rgba(243,240,231,.16); --line-n2:rgba(243,240,231,.08);
  --company:#8EA9CC; --paper-2:#EFECE3; --white:#FFFFFF;
  /* type */
  --f-ar-d:"Markazi Text","Noto Naskh Arabic","Times New Roman",serif;
  --f-en-d:"Newsreader","Iowan Old Style",Georgia,serif;
  --f-body:"Readex Pro","Segoe UI",Tahoma,system-ui,sans-serif;
  --f-num:"Newsreader",Georgia,serif;
  --f-d:var(--f-ar-d);
  /* rhythm */
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:64px; --s7:96px; --s8:128px;
  --gut-l:max(clamp(16px,4vw,40px),env(safe-area-inset-left,0px));
  --gut-r:max(clamp(16px,4vw,40px),env(safe-area-inset-right,0px));
  --nav-h:72px; --bar-h:32px;
  color-scheme:light;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
.site[lang="en"]{ --f-d:var(--f-en-d); }
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body{ margin:0; background:var(--paper); color:var(--ink); font:400 1.0625rem/1.85 var(--f-body); }
body::before{ content:""; position:fixed; inset:0 0 auto; height:env(safe-area-inset-top,0px); z-index:90; background:var(--navy); }
img,svg,video{ max-width:100%; height:auto; display:block; }
a{ color:inherit; }
button,input,select,textarea{ font:inherit; color:inherit; }
[hidden]{ display:none !important; }
.site{ overflow-x:clip; min-height:100vh; background:var(--paper); }
.sr{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.skip{ position:absolute; inset-inline-start:16px; top:-60px; z-index:100; background:var(--paper); color:var(--ink); padding:10px 16px; border-radius:3px; }
.skip:focus{ top:12px; }
:focus-visible{ outline:2px solid var(--gold); outline-offset:3px; border-radius:2px; }
.on-paper :focus-visible,.band--paper :focus-visible,.band--mist :focus-visible{ outline-color:var(--deep); }
.lat{ unicode-bidi:isolate; direction:ltr; }
.num{ font-family:var(--f-num); font-variant-numeric:tabular-nums lining-nums; unicode-bidi:isolate; direction:ltr; }
.wrap{ max-width:1240px; margin-inline:auto; padding-left:var(--gut-l); padding-right:var(--gut-r); }
.wrap--narrow{ max-width:900px; }

/* ── type ─────────────────────────────────── */
.h1,.h2,.h3,.h4{ font-family:var(--f-d); margin:0; text-wrap:balance; letter-spacing:0; }
.h1{ font-weight:700; font-size:clamp(3rem,7vw,6.25rem); line-height:1.1; }
.h2{ font-weight:700; font-size:clamp(2.25rem,4.6vw,4rem); line-height:1.2; }
.h3{ font-weight:600; font-size:clamp(1.625rem,2.4vw,2.25rem); line-height:1.3; }
.h4{ font-weight:600; font-size:1.5rem; line-height:1.35; }
.site[lang="en"] .h1{ font-weight:500; letter-spacing:-.015em; line-height:1.04; }
.site[lang="en"] .h2{ font-weight:500; letter-spacing:-.01em; line-height:1.12; }
.site[lang="en"] .h3,.site[lang="en"] .h4{ font-weight:500; }
.h1 em,.h2 em,.h3 em{ font-style:normal; }
.site[lang="en"] .h1 em,.site[lang="en"] .h2 em,.site[lang="en"] .h3 em{ font-style:italic; }
.lede{ font-size:clamp(1.125rem,1.45vw,1.3125rem); line-height:1.8; max-width:60ch; margin:0; }
.p{ margin:0; max-width:65ch; }
.small{ font-size:.9375rem; line-height:1.75; }
.fine{ font-size:.875rem; line-height:1.7; }
.label{ font:600 .75rem/1.4 var(--f-body); margin:0; }
.site[lang="en"] .label{ letter-spacing:.08em; text-transform:uppercase; }
.kicker{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; font:600 .8125rem/1.4 var(--f-body); margin:0; }
.site[lang="en"] .kicker{ letter-spacing:.06em; text-transform:uppercase; font-size:.75rem; }
.kicker .rule2{ width:36px; }
.stack-y{ display:flex; flex-direction:column; gap:var(--s3); }
.stack-y--s{ gap:var(--s2); }
.stack-y--l{ gap:var(--s5); }

/* the double rule: two hairlines, like the line under a total */
.rule2{ display:inline-block; height:7px; border-block:2px solid currentColor; width:56px; flex:none; }
.rule2--gold{ color:var(--gold); }

/* ── bands ────────────────────────────────── */
.band{ position:relative; padding-block:clamp(72px,9vw,136px); }
.band--navy{ background:var(--navy); color:var(--on-n); }
.band--deep{ background:var(--deep); color:var(--on-n); }
.band--paper{ background:var(--paper); color:var(--ink); }
.band--mist{ background:var(--mist); color:var(--ink); }
.band--tight{ padding-block:clamp(48px,6vw,88px); }
.band--navy .muted,.band--deep .muted,.hero .muted,.ph .muted{ color:var(--on-n2); }
.band--paper .muted,.band--mist .muted{ color:var(--ink-2); }
.band--navy .kicker,.band--deep .kicker{ color:var(--gold); }
.band--paper .kicker,.band--mist .kicker{ color:var(--deep); }
.band--navy .h2 em,.band--deep .h2 em,.hero .h1 em,.ph .h1 em{ color:var(--gold); }
.band--paper .h2 em,.band--mist .h2 em{ color:var(--deep); }

/* ── buttons ──────────────────────────────── */
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:.6em; min-height:50px; padding:0 1.5em; border-radius:3px; border:1px solid transparent; font:600 1rem/1.2 var(--f-body); text-decoration:none; cursor:pointer; transition:background-color .2s, color .2s, border-color .2s; will-change:transform; }
.btn--primary{ background:var(--orange); color:var(--navy); }
.btn--primary:hover{ background:#F4AE45; }
.btn--ghost{ background:transparent; color:var(--on-n); border-color:rgba(243,240,231,.42); }
.btn--ghost:hover{ border-color:var(--on-n); }
.btn--ink{ background:var(--deep); color:var(--paper); }
.btn--ink:hover{ background:var(--navy); }
.btn--line{ background:transparent; color:var(--ink); border-color:rgba(11,23,51,.4); }
.btn--line:hover{ border-color:var(--ink); }
.btn--sm{ min-height:40px; padding:0 1.1em; font-size:.9375rem; }
.go{ display:inline-flex; align-items:center; gap:.5em; font-weight:600; text-decoration:none; border-bottom:1px solid currentColor; padding-bottom:2px; }
.go::after{ content:"←"; font-family:var(--f-body); }
.site[lang="en"] .go::after{ content:"→"; }
.go:hover{ border-bottom-width:2px; }
.band--navy .go,.band--deep .go{ color:var(--on-n); }
.cta-row{ display:flex; flex-wrap:wrap; gap:16px 28px; align-items:center; }

/* ── tags (the source of every figure and shot) ── */
.tag{ display:inline-flex; align-items:center; gap:6px; font:500 .75rem/1.3 var(--f-body); padding:3px 9px; border:1px solid currentColor; border-radius:2px; white-space:nowrap; opacity:.92; }
.site[lang="en"] .tag{ letter-spacing:.02em; }
.tag--next{ border-style:dashed; }
.tag--draft{ border-style:dotted; }
.tag--solid{ background:currentColor; }
.tag--solid > span{ color:var(--navy); }
.band--paper .tag,.band--mist .tag{ color:var(--deep); }
.band--navy .tag,.band--deep .tag,.hero .tag,.ph .tag{ color:var(--on-n2); }
.tags{ display:flex; flex-wrap:wrap; gap:8px; }

/* ── top: announcement + glass nav ───────── */
.top{ position:sticky; top:env(safe-area-inset-top,0px); z-index:60; }
.bar{ height:var(--bar-h); background:var(--deep); color:var(--on-n); font-size:.8125rem; line-height:1.2; }
.bar .wrap{ height:100%; display:flex; align-items:center; justify-content:center; gap:16px; position:relative; }
.bar b{ font-weight:600; }
.bar__x{ position:absolute; inset-inline-end:var(--gut-r); background:none; border:0; color:var(--on-n2); font-size:.8125rem; cursor:pointer; padding:4px 0; text-decoration:underline; text-underline-offset:3px; }
.nav{ height:var(--nav-h); background:color-mix(in srgb,var(--navy) 84%,transparent); -webkit-backdrop-filter:blur(16px) saturate(1.3); backdrop-filter:blur(16px) saturate(1.3); border-bottom:1px solid var(--line-n); color:var(--on-n); transition:height .25s ease; }
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){ .nav{ background:var(--navy); } }
.top.is-scrolled .nav{ height:60px; }
.nav > .wrap{ height:100%; display:flex; align-items:center; gap:clamp(16px,2.4vw,36px); }
.brand{ display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--on-n); flex:none; }
.brand img{ height:62px; width:auto; transition:height .25s ease; }  /* v5: larger so the academy cap reads (owner 21/10) */
.top.is-scrolled .brand img{ height:52px; }
.brand__word{ font:600 1.375rem/1 var(--f-d); padding-inline-start:12px; border-inline-start:1px solid var(--line-n); }
.site[lang="en"] .brand__word{ font-size:1.25rem; font-weight:500; }
.nav__links{ display:flex; align-items:center; gap:clamp(12px,1.8vw,26px); list-style:none; margin:0; padding:0; }
.nav__links a,.nav__links button{ background:none; border:0; color:var(--on-n); font:500 .9375rem/1 var(--f-body); padding:10px 2px; cursor:pointer; text-decoration:none; position:relative; }
.nav__links a::after,.nav__links button::after{ content:""; position:absolute; inset-inline:0; bottom:2px; height:5px; border-block:1px solid var(--gold); transform:scaleX(0); transform-origin:var(--origin,right); transition:transform .25s ease; }
.site[lang="en"] .nav__links a::after,.site[lang="en"] .nav__links button::after{ --origin:left; }
.nav__links a:hover::after,.nav__links button:hover::after,.nav__links button[aria-expanded="true"]::after,.nav__links a[aria-current="page"]::after{ transform:scaleX(1); }
.nav__links .caret{ display:inline-block; margin-inline-start:6px; width:7px; height:7px; border-inline-end:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-3px) rotate(45deg); }
.nav__end{ margin-inline-start:auto; display:flex; align-items:center; gap:clamp(12px,1.6vw,22px); }
.nav__txt{ color:var(--on-n); text-decoration:none; font-size:.9375rem; font-weight:500; }
.nav__txt:hover{ text-decoration:underline; text-underline-offset:4px; }
.nav__cta{ min-height:42px; padding:0 1.15em; font-size:.9375rem; opacity:0; visibility:hidden; transform:translateY(-6px); transition:opacity .25s, transform .25s, visibility .25s; }
.top.show-cta .nav__cta{ opacity:1; visibility:visible; transform:none; }
.nav__menu{ display:none; background:none; border:1px solid var(--line-n); border-radius:3px; color:var(--on-n); font:500 .9375rem/1 var(--f-body); padding:10px 14px; cursor:pointer; }
/* progress along the nav: the double rule fills as you read */
.nav__prog{ position:absolute; inset-inline:0; bottom:-1px; height:3px; pointer-events:none; }
.nav__prog i{ display:block; height:100%; width:100%; border-block:1px solid var(--gold); transform-origin:var(--origin,right); transform:scaleX(var(--p,0)); }
.site[lang="en"] .nav__prog i{ --origin:left; }

/* mega panel */
.mega{ position:absolute; inset-inline:0; top:100%; background:var(--deep); color:var(--on-n); border-bottom:1px solid var(--line-n); box-shadow:0 30px 60px rgba(4,12,30,.45); }
.mega > .wrap{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,.8fr); gap:clamp(20px,3vw,44px); padding-block:32px 36px; }
.mega__col{ display:flex; flex-direction:column; gap:14px; min-width:0; }
.mega__col h3{ margin:0; font:600 .8125rem/1.3 var(--f-body); color:var(--gold); display:flex; align-items:center; gap:10px; }
.site[lang="en"] .mega__col h3{ letter-spacing:.08em; text-transform:uppercase; font-size:.75rem; }
.mega__shot{ display:block; aspect-ratio:16/10; border-radius:4px; overflow:hidden; border:1px solid var(--line-n); background:var(--paper); }
.mega__shot img{ width:100%; height:100%; object-fit:cover; object-position:top; }
.mega__col ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px; }
.mega__col li a{ display:grid; gap:2px; padding:8px 10px; margin-inline:-10px; border-radius:3px; text-decoration:none; }
.mega__col li a:hover{ background:rgba(243,240,231,.06); }
.mega__col li b{ font-weight:600; font-size:.9375rem; display:flex; align-items:center; gap:8px; }
.mega__col li span{ font-size:.8125rem; color:var(--on-n2); line-height:1.5; }
.mega__col li .tag{ font-size:.6875rem; padding:1px 6px; }
.mega__side{ border-inline-start:1px solid var(--line-n); padding-inline-start:clamp(20px,3vw,40px); display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.mega__sales{ margin:8px 0 0; padding-top:14px; border-top:1px solid var(--line-n); display:grid; gap:6px; justify-items:start; font-size:.8125rem; line-height:1.55; color:var(--on-n2); }
.mega__sales a{ color:var(--on-n); font-size:.875rem; }
.mega__side a{ text-decoration:none; font-weight:500; }
.mega__side a:hover{ text-decoration:underline; text-underline-offset:4px; }

/* mobile sheet */
.sheet{ position:fixed; inset:0; z-index:80; background:var(--navy); color:var(--on-n); overflow-y:auto; padding:calc(env(safe-area-inset-top,0px) + 12px) var(--gut-r) calc(env(safe-area-inset-bottom,0px) + 32px) var(--gut-l); }
.sheet__top{ display:flex; align-items:center; justify-content:space-between; height:56px; border-bottom:1px solid var(--line-n); }
.sheet__top img{ height:44px; width:auto; }
.sheet__x{ background:none; border:1px solid var(--line-n); color:var(--on-n); border-radius:3px; padding:9px 14px; cursor:pointer; }
.sheet__grp{ padding-block:20px; border-bottom:1px solid var(--line-n); display:grid; gap:4px; }
.sheet__grp h3{ margin:0 0 6px; font:600 .8125rem/1.3 var(--f-body); color:var(--gold); }
.sheet__grp a{ text-decoration:none; padding:8px 0; font-size:1.0625rem; display:flex; justify-content:space-between; gap:12px; }
.sheet__grp a span{ color:var(--on-n2); font-size:.8125rem; }
.sheet__end{ display:grid; gap:12px; padding-top:24px; }
.sheet__end .btn{ width:100%; }

/* ── side rail: the double line in the start margin ── */
.siderail{ position:fixed; z-index:40; top:calc(var(--bar-h) + var(--nav-h) + 40px); bottom:40px; inset-inline-start:max(18px,calc((100vw - 1240px)/2 - 64px)); width:20px; display:none; --rc:var(--gold); }
body[data-tone="paper"] .siderail{ --rc:var(--deep); }
.siderail__track{ position:absolute; inset-block:0; inset-inline-start:7px; width:6px; border-inline:1px solid var(--rc); opacity:.35; }
.siderail__fill{ position:absolute; inset-block-start:0; inset-inline-start:7px; width:6px; border-inline:1.5px solid var(--rc); height:calc(var(--p,0) * 100%); }
.siderail ol{ list-style:none; margin:0; padding:0; position:absolute; inset:0; }
.siderail li{ position:absolute; inset-inline-start:0; transform:translateY(-50%); }
.siderail a{ display:block; width:20px; height:20px; position:relative; text-decoration:none; }
.siderail a::before{ content:""; position:absolute; inset:4px; border-radius:50%; border:1.5px solid var(--rc); background:var(--navy); }
body[data-tone="paper"] .siderail a::before{ background:var(--paper); }
.siderail a.is-on::before{ background:var(--rc); }
.siderail a span{ position:absolute; inset-inline-start:30px; top:50%; transform:translateY(-50%); white-space:nowrap; font-size:.8125rem; font-weight:500; color:var(--rc); opacity:0; transition:opacity .2s; pointer-events:none; background:color-mix(in srgb,var(--paper) 0%,transparent); }
.siderail a:hover span,.siderail a:focus-visible span{ opacity:1; }
@media (min-width:1360px){ .siderail{ display:block; } }

/* ── hero ─────────────────────────────────── */
.hero{ position:relative; background:var(--navy); color:var(--on-n); overflow:hidden; padding-block:clamp(48px,7vw,104px) clamp(36px,5vw,64px); isolation:isolate; }
.spot::before{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(640px circle at var(--mx,72%) var(--my,28%), rgba(212,165,55,.13), transparent 62%), radial-gradient(900px circle at 10% 110%, rgba(4,44,83,.9), transparent 60%); }
.hero__grid{ display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:clamp(28px,4vw,72px); align-items:center; }
.hero__copy{ display:flex; flex-direction:column; gap:28px; min-width:0; }
.hero__sub{ font-size:clamp(1.0625rem,1.35vw,1.25rem); line-height:1.85; color:var(--on-n2); max-width:56ch; margin:0; }
.hero__sub b{ color:var(--on-n); font-weight:500; }
.hero__fine{ display:grid; gap:4px; color:var(--on-n2); font-size:.875rem; line-height:1.65; margin:0; }
.hero__fine b{ color:var(--on-n); font-weight:500; }
.h1 .w{ display:inline-block; }
.hero .h1{ color:var(--on-n); }
.stage{ position:relative; aspect-ratio:10/11; width:100%; max-width:560px; justify-self:end; }
.site[lang="en"] .stage{ justify-self:start; }
.art{ position:absolute; margin:0; border-radius:6px; overflow:hidden; background:var(--white); box-shadow:0 1px 0 rgba(255,255,255,.08) inset, 0 30px 60px -20px rgba(0,0,0,.55), 0 0 0 1px rgba(243,240,231,.12); }
.art img{ width:100%; height:auto; }
.art__cap{ position:absolute; inset-inline-start:10px; top:10px; z-index:2; font:600 .75rem/1 var(--f-body); color:var(--navy); background:rgba(247,245,239,.94); padding:6px 9px; border-radius:2px; display:flex; gap:8px; align-items:center; }
.art__cap i{ font-style:normal; font-family:var(--f-num); color:var(--deep); }
.art--1{ width:64%; inset-inline-end:0; top:0; }
.art--2{ width:72%; inset-inline-start:2%; top:30%; }
.art--3{ width:66%; inset-inline-end:4%; bottom:0; }
.stage__arrow{ position:absolute; z-index:3; color:var(--gold); font:600 .8125rem/1.2 var(--f-body); display:flex; align-items:center; gap:6px; }
.stage__nashmi{ position:absolute; z-index:4; width:30%; inset-inline-start:-9%; bottom:-6%; pointer-events:none; filter:drop-shadow(0 18px 24px rgba(0,0,0,.45)); }
.aud{ margin-top:clamp(36px,5vw,64px); border-top:1px solid var(--line-n); padding-top:24px; display:grid; grid-template-columns:auto minmax(0,1fr); gap:20px 40px; align-items:center; }
.aud__q{ margin:0; font:500 .9375rem/1.4 var(--f-body); color:var(--on-n2); }
.seg{ display:inline-flex; border:1px solid var(--line-n); border-radius:3px; padding:3px; gap:3px; flex-wrap:wrap; }
.seg button{ background:none; border:0; color:var(--on-n2); font:500 .9375rem/1 var(--f-body); padding:11px 16px; border-radius:2px; cursor:pointer; }
.seg button[aria-selected="true"]{ background:var(--on-n); color:var(--navy); }
.aud__panels{ grid-column:1/-1; }
.aud__panel{ display:flex; flex-wrap:wrap; align-items:center; gap:12px 28px; }
.aud__panel p{ margin:0; max-width:62ch; color:var(--on-n); }
.aud__panel .alt{ color:var(--on-n2); font-size:.9375rem; }

/* ── page hero (program pages) ───────────── */
.ph{ position:relative; background:var(--navy); color:var(--on-n); padding-block:clamp(40px,6vw,88px) clamp(40px,5vw,72px); overflow:hidden; isolation:isolate; }
.ph__crumb{ display:flex; gap:10px; align-items:center; font-size:.875rem; color:var(--on-n2); margin:0 0 20px; }
.ph__crumb a{ color:var(--on-n2); }
.ph__grid{ display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:clamp(28px,4vw,64px); align-items:start; }
.ph__copy{ display:flex; flex-direction:column; gap:24px; min-width:0; }
.ph .h1{ font-size:clamp(2.75rem,6vw,5.25rem); }
.ph__bg{ position:absolute; inset:0; z-index:-1; }
.ph__bg img{ width:100%; height:100%; object-fit:cover; opacity:.32; }
.ph__bg::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg, var(--navy) 18%, rgba(11,23,51,.6)); }
.site[dir="rtl"] .ph__bg::after{ background:linear-gradient(270deg, var(--navy) 18%, rgba(11,23,51,.6)); }

/* the program rail: stations of this program on the double line */
.prail{ margin-top:clamp(36px,5vw,64px); position:relative; }
.prail__title{ margin:0 0 18px; font:600 .8125rem/1.3 var(--f-body); color:var(--gold); display:flex; gap:12px; align-items:center; }
.prail ol{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(var(--n,7),minmax(0,1fr)); position:relative; }
.prail ol::before{ content:""; position:absolute; inset-inline:0; top:9px; height:7px; border-block:2px solid var(--gold); }
.prail ol.is-dashed::before{ border-block-style:dashed; }
.prail li{ position:relative; padding-top:32px; padding-inline-end:10px; min-width:0; }
.prail li::before{ content:""; position:absolute; top:3px; inset-inline-start:0; width:19px; height:19px; border-radius:50%; background:var(--navy); border:2px solid var(--gold); }
.prail li.x::before{ box-shadow:0 0 0 3px var(--navy),0 0 0 5px var(--gold); }
.prail li.now::before{ background:var(--gold); }
.prail a,.prail span.st{ display:grid; gap:4px; text-decoration:none; color:var(--on-n); }
.prail b{ font:600 1.0625rem/1.3 var(--f-d); }
.site[lang="ar"] .prail b{ font-size:1.375rem; }
.prail small{ font-size:.8125rem; color:var(--on-n2); line-height:1.45; }
.prail code{ font:500 .8125rem/1 var(--f-num); color:var(--gold); }
.prail a:hover b{ text-decoration:underline; text-underline-offset:4px; }

/* program card: ما هو · لمن · ما تفعله · ما تخرج به · كم · الحالة */
.pcard{ border:1px solid var(--line-p); background:var(--white); color:var(--ink); border-radius:4px; overflow:hidden; }
.pcard__head{ padding:18px 22px 14px; border-bottom:1px solid var(--line-p); display:flex; align-items:center; justify-content:space-between; gap:12px; }
.pcard__head b{ font:600 1.25rem/1.25 var(--f-d); }
.site[lang="ar"] .pcard__head b{ font-size:1.5rem; }
.pcard dl{ margin:0; display:grid; grid-template-columns:minmax(84px,auto) minmax(0,1fr); }
.pcard dt,.pcard dd{ margin:0; padding:12px 22px; border-bottom:1px solid var(--line-p2); font-size:.9375rem; line-height:1.65; }
.pcard dt{ color:var(--ink-2); font-weight:500; padding-inline-end:0; }
.pcard dd{ padding-inline-start:16px; }
.pcard dl > :nth-last-child(-n+2){ border-bottom:0; }
.pcard dd strong{ font-weight:600; }
.pcard .price{ font-family:var(--f-num); font-size:1.125rem; }
.ph .pcard,.band--navy .pcard,.band--deep .pcard{ background:rgba(243,240,231,.04); color:var(--on-n); border-color:var(--line-n); }
.ph .pcard__head,.band--navy .pcard__head,.band--deep .pcard__head{ border-color:var(--line-n); }
.ph .pcard dt,.ph .pcard dd,.band--navy .pcard dt,.band--navy .pcard dd,.band--deep .pcard dt,.band--deep .pcard dd{ border-color:var(--line-n2); }
.ph .pcard dt,.band--navy .pcard dt,.band--deep .pcard dt{ color:var(--on-n2); }
.ph .pcard .tag,.band--navy .pcard .tag,.band--deep .pcard .tag{ color:var(--on-n2); }

/* ── figures (published structure only) ──── */
.figs{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid var(--line-p); }
.fig{ display:grid; align-content:start; gap:8px; padding:28px clamp(16px,2vw,28px) 26px; text-decoration:none; color:var(--ink); border-inline-start:1px solid var(--line-p); min-width:0; transition:background-color .2s; }
.fig:first-child{ border-inline-start:0; }
.fig:hover{ background:var(--paper-2); }
.fig__n{ font:700 clamp(4.5rem,9vw,8rem)/.9 var(--f-d); color:var(--deep); }
.site[lang="en"] .fig__n{ font-weight:400; font-family:var(--f-num); font-variant-numeric:lining-nums; }
.fig__l{ font-size:1.0625rem; font-weight:500; line-height:1.45; }
.fig__s{ font-size:.875rem; color:var(--ink-2); line-height:1.55; }
.figs-head{ display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between; gap:16px; margin-bottom:28px; }

/* ── the map ──────────────────────────────── */
.map{ background:var(--deep); color:var(--on-n); }
.map__head{ display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:24px 48px; align-items:end; margin-bottom:clamp(32px,4vw,56px); }
.legend{ display:grid; gap:10px; font-size:.875rem; color:var(--on-n2); margin:0; padding:0; list-style:none; }
.legend li{ display:flex; align-items:center; gap:12px; }
.legend svg{ flex:none; }
.legend .chips{ display:flex; flex-wrap:wrap; gap:6px; }
.board{ position:relative; width:100%; aspect-ratio:1200/500; }
.board > svg{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.board .ln{ fill:none; stroke-linecap:round; stroke-linejoin:round; }
.stn{ position:absolute; transform:translate(-50%,-50%); width:26px; height:26px; text-decoration:none; color:var(--on-n); z-index:2; }
.stn__dot{ position:absolute; inset:0; border-radius:50%; }
.stn--x .stn__dot{ display:none; }
.stn__txt{ position:absolute; width:max-content; max-width:200px; display:grid; gap:5px; justify-items:center; text-align:center; left:50%; transform:translateX(-50%); }
.stn[data-pos="above"] .stn__txt{ bottom:calc(100% + 10px); }
.stn[data-pos="below"] .stn__txt{ top:calc(100% + 10px); }
.stn[data-pos="side-l"] .stn__txt{ right:calc(100% + 16px); left:auto; transform:translateY(-50%); top:50%; justify-items:end; text-align:end; }
.stn[data-pos="side-r"] .stn__txt{ left:calc(100% + 16px); transform:translateY(-50%); top:50%; justify-items:start; text-align:start; }
.site[dir="rtl"] .stn[data-pos="side-l"] .stn__txt{ text-align:end; }
.stn__txt b{ font:600 1.125rem/1.2 var(--f-d); }
.site[lang="ar"] .stn__txt b{ font-size:1.4375rem; }
.chip{ display:inline-flex; align-items:center; gap:4px; font:500 .75rem/1 var(--f-body); padding:4px 7px; border-radius:2px; border:1px solid rgba(243,240,231,.35); color:var(--on-n); white-space:nowrap; }
.chip--free{ background:var(--on-n); color:var(--deep); border-color:var(--on-n); }
.chip--paid{ border-color:var(--gold); color:var(--gold); }
.chip--quote{ border-color:rgba(243,240,231,.5); }
.chip--next{ border-style:dashed; color:var(--on-n2); }
.chip-row{ display:flex; gap:4px; flex-wrap:wrap; justify-content:center; }
.stn:hover .stn__txt b,.stn:focus-visible .stn__txt b{ text-decoration:underline; text-underline-offset:4px; }
.stn__card{ position:absolute; z-index:5; width:236px; left:50%; bottom:calc(100% + 14px); transform:translate(-50%,6px); opacity:0; visibility:hidden; transition:opacity .2s, transform .2s, visibility .2s; background:var(--paper); color:var(--ink); border-radius:4px; overflow:hidden; box-shadow:0 24px 48px rgba(0,0,0,.45); pointer-events:none; }
.stn[data-pos="above"] .stn__card{ bottom:auto; top:calc(100% + 14px); }
.stn__card img{ aspect-ratio:16/10; object-fit:cover; object-position:top; width:100%; }
.stn__card span{ display:block; padding:10px 12px 12px; font-size:.8125rem; line-height:1.5; }
.stn:hover .stn__card,.stn:focus-visible .stn__card{ opacity:1; visibility:visible; transform:translate(-50%,0); }
.start-here{ position:absolute; z-index:3; font:600 .75rem/1 var(--f-body); color:var(--navy); background:var(--gold); padding:6px 9px; border-radius:2px; transform:translate(-50%,-50%); white-space:nowrap; }
.mapm{ display:none; }
.map__note{ margin-top:28px; display:flex; flex-wrap:wrap; gap:12px 32px; color:var(--on-n2); font-size:.875rem; }
@media (max-width:900px){
  .board{ display:none; }
  .mapm{ display:grid; gap:28px; }
  .mapm__line{ display:grid; gap:12px; }
  .mapm__line h3{ margin:0; font:600 .875rem/1.3 var(--f-body); display:flex; align-items:center; gap:10px; }
  .mapm__line ol{ list-style:none; margin:0; padding:0; position:relative; display:grid; gap:0; }
  .mapm__line ol::before{ content:""; position:absolute; inset-block:14px; inset-inline-start:9px; width:7px; border-inline:2px solid var(--lc,var(--gold)); }
  .mapm__line.is-dashed ol::before{ border-inline-style:dashed; }
  .mapm__line li{ position:relative; padding-inline-start:40px; padding-block:9px; }
  .mapm__line li::before{ content:""; position:absolute; inset-inline-start:2px; top:15px; width:21px; height:21px; border-radius:50%; background:var(--deep); border:2px solid var(--lc,var(--gold)); }
  .mapm__line li.x::before{ box-shadow:0 0 0 3px var(--deep),0 0 0 5px var(--lc,var(--gold)); }
  .mapm__line a{ display:grid; gap:6px; text-decoration:none; }
  .mapm__line a b{ font:600 1.25rem/1.25 var(--f-d); }
  .site[lang="ar"] .mapm__line a b{ font-size:1.5rem; }
  .mapm__line a .chip-row{ justify-content:flex-start; }
  .mapm__line small{ color:var(--on-n2); font-size:.8125rem; }
}

/* ── chapters ─────────────────────────────── */
.chap__head{ display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:20px 56px; align-items:end; margin-bottom:clamp(36px,5vw,64px); }
.chap__head .stack-y{ min-width:0; }
.chap__aside{ display:flex; flex-direction:column; gap:14px; align-items:flex-start; min-width:0; }
.cols{ display:grid; gap:clamp(24px,3.4vw,56px); }
.cols--2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.cols--3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.cols--7-5{ grid-template-columns:minmax(0,7fr) minmax(0,5fr); }
.cols--5-7{ grid-template-columns:minmax(0,5fr) minmax(0,7fr); }
.cols--6-6{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.cols > *{ min-width:0; }
.ac{ align-items:center; } .as{ align-items:start; } .ae{ align-items:end; }

/* product shot frames */
.shot{ margin:0; display:grid; gap:10px; min-width:0; }
.shot__frame{ border-radius:6px; overflow:hidden; background:var(--white); border:1px solid var(--line-p); box-shadow:0 30px 60px -30px rgba(11,23,51,.35); position:relative; }
.band--navy .shot__frame,.band--deep .shot__frame,.ph .shot__frame{ border-color:rgba(243,240,231,.14); box-shadow:0 30px 70px -24px rgba(0,0,0,.6); }
.shot__bar{ display:flex; align-items:center; gap:10px; padding:9px 14px; background:var(--paper-2); border-bottom:1px solid var(--line-p); font-size:.75rem; color:var(--ink-2); }
.shot__bar b{ font-weight:600; color:var(--ink); }
.shot__bar .rule2{ width:22px; height:5px; border-width:1.5px; color:var(--deep); }
.shot__frame > img{ width:100%; height:auto; }
.shot figcaption{ display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; font-size:.8125rem; line-height:1.55; }
.band--paper .shot figcaption,.band--mist .shot figcaption{ color:var(--ink-2); }
.band--navy .shot figcaption,.band--deep .shot figcaption,.ph .shot figcaption{ color:var(--on-n2); }
.shot__crop{ max-height:var(--crop,none); overflow:hidden; }
.shot--phone .shot__frame{ border-radius:28px; border:8px solid #11203F; max-width:300px; }

/* sticky stack (courses) */
.stackc{ display:grid; gap:28px; }
.stackc__card{ position:sticky; top:calc(var(--bar-h) + var(--nav-h) + 24px + var(--i,0) * 22px); background:var(--deep); border:1px solid var(--line-n); border-radius:6px; padding:clamp(22px,3vw,40px); display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(20px,3vw,48px); box-shadow:0 -24px 48px -24px rgba(0,0,0,.6); }
.stackc__card .h3{ color:var(--on-n); }
.stackc__no{ font:500 .875rem/1 var(--f-num); color:var(--gold); }
.who{ display:grid; gap:10px; margin:0; }
.who div{ display:grid; gap:2px; }
.who dt{ font-size:.8125rem; color:var(--gold); font-weight:600; }
.who dd{ margin:0; font-size:.9375rem; line-height:1.7; color:var(--on-n2); }
.lessons{ list-style:none; margin:0; padding:0; counter-reset:l; border-top:1px solid var(--line-n); }
.lessons li{ counter-increment:l; display:grid; grid-template-columns:28px minmax(0,1fr); gap:12px; padding:11px 0; border-bottom:1px solid var(--line-n2); }
.lessons li::before{ content:counter(l); font:500 .9375rem/1.6 var(--f-num); color:var(--gold); }
.site[lang="ar"] .lessons li::before{ content:counter(l, arabic-indic); font-family:var(--f-body); }
.lessons b{ display:block; font-weight:500; color:var(--on-n); line-height:1.5; }
.lessons span{ display:block; font-size:.875rem; color:var(--on-n2); line-height:1.55; }
.band--paper .lessons,.band--mist .lessons{ border-color:var(--line-p); }
.band--paper .lessons li,.band--mist .lessons li{ border-color:var(--line-p2); }
.band--paper .lessons li::before,.band--mist .lessons li::before{ color:var(--deep); }
.band--paper .lessons b,.band--mist .lessons b{ color:var(--ink); }
.band--paper .lessons span,.band--mist .lessons span{ color:var(--ink-2); }
.attest{ margin-top:18px; padding:16px 18px; border:1px solid var(--line-n); border-radius:4px; display:grid; gap:6px; font-size:.9375rem; line-height:1.7; }
.attest b{ color:var(--gold); font-weight:600; font-size:.8125rem; }
.band--paper .attest,.band--mist .attest{ border-color:var(--line-p); }
.band--paper .attest b,.band--mist .attest b{ color:var(--deep); }

/* lesson anatomy: seven parts */
.anat{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); border-top:7px double var(--deep); }
.anat li{ padding:16px 14px 18px; border-inline-start:1px solid var(--line-p); display:grid; align-content:start; gap:8px; min-width:0; }
.anat li:first-child{ border-inline-start:0; }
.anat i{ font:500 .8125rem/1 var(--f-num); font-style:normal; color:var(--ink-2); }
.anat b{ font:600 1.125rem/1.3 var(--f-d); color:var(--ink); }
.site[lang="ar"] .anat b{ font-size:1.375rem; }
.anat p{ margin:0; font-size:.875rem; line-height:1.65; color:var(--ink-2); }
.band--navy .anat,.band--deep .anat{ border-top-color:var(--gold); }
.band--navy .anat li,.band--deep .anat li{ border-color:var(--line-n); }
.band--navy .anat b,.band--deep .anat b{ color:var(--on-n); }
.band--navy .anat p,.band--deep .anat p,.band--navy .anat i,.band--deep .anat i{ color:var(--on-n2); }

/* lists with the double-rule bullet */
.ticks{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.ticks li{ position:relative; padding-inline-start:26px; line-height:1.7; }
.ticks li::before{ content:""; position:absolute; inset-inline-start:0; top:.72em; width:14px; height:6px; border-block:1.5px solid var(--gold); }
.band--paper .ticks li::before,.band--mist .ticks li::before,.on-paper .ticks li::before{ border-color:var(--deep); }
.ticks--x li::before{ width:12px; height:0; border-bottom:0; }
.defs{ margin:0; display:grid; gap:0; border-top:1px solid var(--line-p); }
.defs > div{ display:grid; grid-template-columns:minmax(120px,3fr) minmax(0,9fr); gap:16px; padding:16px 0; border-bottom:1px solid var(--line-p); }
.defs dt{ font-weight:600; }
.defs dd{ margin:0; color:var(--ink-2); }
.band--navy .defs,.band--deep .defs,.band--navy .defs > div,.band--deep .defs > div{ border-color:var(--line-n); }
.band--navy .defs dd,.band--deep .defs dd{ color:var(--on-n2); }

/* sim chapter: the strip of three moments */
.strip{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(14px,2vw,24px); align-items:start; }
.strip .shot:nth-child(2){ margin-top:48px; }
.strip .shot:nth-child(3){ margin-top:96px; }
.step-no{ font:500 .8125rem/1 var(--f-num); color:var(--deep); display:inline-flex; gap:8px; align-items:center; }
.effect{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(24px,4vw,64px); align-items:center; }
.counter{ display:flex; align-items:baseline; gap:18px; flex-wrap:wrap; }
.counter .from{ font:400 clamp(1.75rem,3vw,2.5rem)/1 var(--f-num); color:var(--ink-2); text-decoration:line-through; text-decoration-thickness:1px; }
.counter .to{ font:500 clamp(3.5rem,7vw,6rem)/1 var(--f-num); color:var(--deep); font-variant-numeric:tabular-nums; }
.counter .arr{ font-size:1.5rem; color:var(--ink-2); }
.scan{ position:relative; }
.scan::after{ content:""; position:absolute; inset-inline:0; top:var(--scan,-20%); height:16%; background:linear-gradient(180deg, transparent, rgba(212,165,55,.16), transparent); pointer-events:none; opacity:var(--scan-o,0); }
.ladder{ display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); position:relative; margin-top:12px; }
.ladder::before{ content:""; position:absolute; inset-inline:0; top:9px; height:7px; border-block:2px solid var(--deep); }
.ladder li{ list-style:none; position:relative; padding-top:30px; padding-inline-end:8px; display:grid; gap:2px; }
.ladder li::before{ content:""; position:absolute; top:3px; inset-inline-start:0; width:19px; height:19px; border-radius:50%; background:var(--paper); border:2px solid var(--deep); }
.ladder li.cert::before{ background:var(--deep); }
.ladder code{ font:600 .875rem/1 var(--f-body); color:var(--deep); }
.ladder b{ font:600 1.0625rem/1.3 var(--f-d); }
.site[lang="ar"] .ladder b{ font-size:1.25rem; }
.ladder small{ font-size:.75rem; color:var(--ink-2); line-height:1.45; }
.ladder-wrap{ overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:6px; }
.nashmi-say{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:20px; align-items:end; }
.nashmi-say img{ width:clamp(120px,14vw,180px); }
.nashmi-say blockquote{ margin:0; padding:18px 20px; border:1px solid var(--line-p); border-radius:4px; background:var(--white); font-size:1rem; line-height:1.75; position:relative; }
.nashmi-say blockquote b{ display:block; font-size:.8125rem; color:var(--deep); margin-bottom:6px; }

/* certificates */
.certfig{ perspective:1400px; }
.tilt{ transform-style:preserve-3d; transition:transform .25s ease-out; will-change:transform; }
.certfig .shot__frame{ border:0; box-shadow:0 50px 90px -40px rgba(11,23,51,.6), 0 0 0 1px rgba(11,23,51,.08); }
.cgroups{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:7px double var(--deep); }
.cgroup{ padding:24px clamp(16px,2vw,28px) 28px; border-inline-start:1px solid var(--line-p); display:grid; align-content:start; gap:14px; min-width:0; }
.cgroup:first-child{ border-inline-start:0; padding-inline-start:0; }
.cgroup__n{ font:700 3.5rem/1 var(--f-d); color:var(--deep); }
.site[lang="en"] .cgroup__n{ font:400 3.25rem/1 var(--f-num); }
.cgroup h3{ margin:0; font:600 1.375rem/1.3 var(--f-d); }
.site[lang="ar"] .cgroup h3{ font-size:1.625rem; }
.citem{ display:grid; gap:4px; padding-top:12px; border-top:1px solid var(--line-p2); }
.citem b{ font-weight:600; font-size:.9375rem; line-height:1.5; }
.citem span{ font-size:.875rem; color:var(--ink-2); line-height:1.65; }
.fill{ font:600 clamp(1.75rem,3.6vw,3rem)/1.35 var(--f-d); margin:0; max-width:28ch; color:var(--fill-c,var(--ink)); --fill-base:rgba(11,23,51,.56); }
.band--navy .fill,.band--deep .fill{ --fill-c:var(--on-n); --fill-base:rgba(243,240,231,.5); }
.fill.is-armed .fw{ color:var(--fill-base); transition:color .45s cubic-bezier(.2,.7,.2,1); }
.fill.is-armed .fw.is-on{ color:var(--fill-c,var(--ink)); }
.site[lang="en"] .fill{ font-weight:400; letter-spacing:-.01em; }
.vs{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid var(--line-p); border-radius:4px; overflow:hidden; background:var(--white); }
.vs > div{ padding:22px 24px; display:grid; gap:12px; align-content:start; }
.vs > div + div{ border-inline-start:1px solid var(--line-p); }
.vs__price{ font:400 2.75rem/1 var(--f-num); color:var(--deep); display:flex; align-items:baseline; gap:8px; }
.vs__price small{ font:500 .875rem/1 var(--f-body); color:var(--ink-2); }
.verify{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px 32px; align-items:center; padding:22px 24px; border:1px dashed rgba(11,23,51,.35); border-radius:4px; }
.verify code{ font:500 1.125rem/1 var(--f-num); letter-spacing:.06em; direction:ltr; unicode-bidi:isolate; }

/* lab: two doors */
.doors{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; border:1px solid var(--line-n); border-radius:6px; overflow:hidden; }
.door{ padding:clamp(24px,3vw,44px); display:grid; gap:18px; align-content:start; min-width:0; background:rgba(4,44,83,.55); }
.door + .door{ border-inline-start:1px solid var(--line-n); }
.door__k{ font:600 .8125rem/1.3 var(--f-body); color:var(--gold); display:flex; gap:10px; align-items:center; }
.door .h3{ color:var(--on-n); }
.door .ticks li{ color:var(--on-n2); }
.door .ticks li b{ color:var(--on-n); font-weight:500; }
.tracks2{ width:100%; border-collapse:collapse; font-size:.9375rem; }
.tracks2 th,.tracks2 td{ text-align:start; padding:14px 16px; border-bottom:1px solid var(--line-n); vertical-align:top; line-height:1.6; }
.tracks2 thead th{ font:600 1.125rem/1.3 var(--f-d); color:var(--on-n); border-bottom:7px double var(--gold); }
.site[lang="ar"] .tracks2 thead th{ font-size:1.375rem; }
.tracks2 tbody th{ color:var(--gold); font-weight:600; font-size:.875rem; width:18%; }
.tracks2 td{ color:var(--on-n2); }
.scroll-x{ overflow-x:auto; }
.decide{ border-inline-start:7px double var(--gold); padding:8px clamp(18px,2vw,28px); display:grid; gap:12px; }
.decide .h3{ color:var(--on-n); }
/* drawn professor dashboard (not built) */
.dash{ background:var(--paper); color:var(--ink); border-radius:6px; overflow:hidden; border:1px dashed rgba(243,240,231,.5); font-size:.8125rem; }
.dash__top{ display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center; padding:12px 16px; background:var(--white); border-bottom:1px solid var(--line-p); }
.dash__top b{ font:600 1rem/1.2 var(--f-d); }
.site[lang="ar"] .dash__top b{ font-size:1.25rem; }
.dash__tabs{ display:flex; gap:16px; padding:0 16px; border-bottom:1px solid var(--line-p); overflow-x:auto; }
.dash__tabs span{ padding:10px 0; white-space:nowrap; color:var(--ink-2); }
.dash__tabs span.on{ color:var(--ink); font-weight:600; border-bottom:2px solid var(--deep); }
.dash table{ width:100%; border-collapse:collapse; }
.dash th,.dash td{ text-align:start; padding:10px 16px; border-bottom:1px solid var(--line-p2); white-space:nowrap; }
.dash th{ font-weight:600; color:var(--ink-2); font-size:.75rem; }
.dash .bar-s{ display:block; height:6px; border-radius:3px; background:var(--line-p); width:var(--w,60%); }
.dash__foot{ display:flex; flex-wrap:wrap; gap:10px; padding:12px 16px; align-items:center; }
.dash__btn{ border:1px solid rgba(11,23,51,.35); border-radius:3px; padding:6px 10px; font-weight:500; }
.dash__note{ margin-inline-start:auto; color:var(--ink-2); }

/* marquee */
.marquee{ overflow:hidden; border-block:1px solid var(--line-n); padding-block:18px; mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.marquee__track{ display:flex; gap:48px; width:max-content; animation:mq 48s linear infinite; }
.site[dir="rtl"] .marquee__track{ animation-name:mq-r; }
.marquee:hover .marquee__track{ animation-play-state:paused; }
.marquee span{ font:600 1.5rem/1.2 var(--f-d); white-space:nowrap; display:inline-flex; align-items:center; gap:48px; }
.site[lang="ar"] .marquee span{ font-size:1.875rem; }
.marquee span::after{ content:""; width:22px; height:7px; border-block:1.5px solid var(--gold); }
@keyframes mq{ to{ transform:translateX(-50%); } }
@keyframes mq-r{ to{ transform:translateX(50%); } }

/* bento (engine + Nashmi) */
.bento{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; }
.bento > *{ border:1px solid var(--line-p); border-radius:6px; background:var(--white); padding:clamp(20px,2.4vw,32px); min-width:0; display:grid; gap:14px; align-content:start; }
.bento .b-4{ grid-column:span 4; } .bento .b-2{ grid-column:span 2; } .bento .b-3{ grid-column:span 3; } .bento .b-6{ grid-column:span 6; }
.bento .b-navy{ background:var(--navy); color:var(--on-n); border-color:transparent; }
.bento .b-navy .ticks li::before{ border-color:var(--gold); }
.bento .b-navy .muted{ color:var(--on-n2); }
.bento__n{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:12px; }
.bento__n img{ width:clamp(120px,12vw,170px); margin-block-end:-32px; }
.errs{ display:flex; flex-wrap:wrap; gap:8px; }
.errs span{ font-size:.8125rem; padding:5px 10px; border:1px solid var(--line-p); border-radius:2px; background:var(--paper); }

/* try an entry */
.try{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:0; border:1px solid var(--line-p); border-radius:6px; overflow:hidden; background:var(--white); }
.try__doc{ padding:24px; background:var(--paper-2); border-inline-end:1px solid var(--line-p); display:grid; gap:12px; align-content:start; }
.try__doc img{ border-radius:4px; border:1px solid var(--line-p); }
.try__ed{ padding:24px; display:grid; gap:16px; align-content:start; }
.try__row{ display:grid; grid-template-columns:72px minmax(0,1fr) 110px; gap:12px; align-items:center; }
.try__row label{ font-weight:600; font-size:.9375rem; }
.try__row select{ width:100%; min-height:46px; border:1px solid rgba(11,23,51,.3); border-radius:3px; background:var(--paper); padding:0 12px; }
.try__row output{ font-family:var(--f-num); font-size:1.125rem; text-align:end; direction:ltr; }
.try__res{ border-inline-start:7px double var(--deep); padding:10px 16px; display:grid; gap:4px; min-height:84px; }
.try__res b{ font:600 1.375rem/1.3 var(--f-d); }
.site[lang="ar"] .try__res b{ font-size:1.625rem; }
.try__res.is-bad{ border-color:#9A3B2E; }
.try__res.is-ok{ border-color:var(--deep); }

/* pricing */
.ptabs{ display:inline-flex; border:1px solid var(--line-p); border-radius:3px; padding:3px; gap:3px; margin-bottom:32px; flex-wrap:wrap; }
.ptabs button{ background:none; border:0; padding:12px 18px; font:500 1rem/1 var(--f-body); color:var(--ink-2); border-radius:2px; cursor:pointer; }
.ptabs button[aria-selected="true"]{ background:var(--deep); color:var(--paper); }
.plans{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--line-p); border-radius:6px; overflow:hidden; background:var(--white); }
.plan{ padding:clamp(22px,2.6vw,36px); display:grid; gap:14px; align-content:start; min-width:0; }
.plan + .plan{ border-inline-start:1px solid var(--line-p); }
.plan--first{ background:var(--navy); color:var(--on-n); }
.plan__name{ font:600 1.375rem/1.25 var(--f-d); margin:0; }
.site[lang="ar"] .plan__name{ font-size:1.75rem; }
.plan__price{ display:flex; align-items:baseline; gap:10px; font:400 clamp(2.75rem,5vw,4rem)/1 var(--f-num); margin:0; }
.plan__price small{ font:500 .9375rem/1.3 var(--f-body); color:var(--ink-2); }
.plan--first .plan__price small{ color:var(--on-n2); }
.plan__note{ font-size:.875rem; line-height:1.65; color:var(--ink-2); margin:0; }
.plan--first .plan__note{ color:var(--on-n2); }
.plan .ticks li{ font-size:.9375rem; }
.plan--first .ticks li::before{ border-color:var(--gold); }
.cmp{ width:100%; border-collapse:collapse; font-size:.9375rem; margin-top:40px; }
.cmp caption{ text-align:start; font:600 1.25rem/1.3 var(--f-d); padding-bottom:12px; }
.site[lang="ar"] .cmp caption{ font-size:1.5rem; }
.cmp th,.cmp td{ padding:12px 14px; border-bottom:1px solid var(--line-p); text-align:start; vertical-align:top; line-height:1.55; }
.cmp thead th{ font-weight:600; border-bottom:7px double var(--deep); }
.cmp tbody th{ font-weight:400; color:var(--ink); }
.cmp .g th{ font-weight:600; color:var(--deep); background:var(--paper-2); font-size:.8125rem; }
.cmp td{ text-align:center; width:15%; }
.yes{ font:600 .875rem/1.3 var(--f-body); color:var(--deep); }
.no{ color:rgba(11,23,51,.45); font-weight:500; }
.part{ font-size:.8125rem; color:var(--ink-2); }
.inst{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.inst > div{ border:1px solid var(--line-p); border-radius:6px; padding:clamp(22px,2.6vw,32px); background:var(--white); display:grid; gap:14px; align-content:start; }
.inst .price-l{ font:400 1.75rem/1.2 var(--f-num); color:var(--deep); }
.site[lang="ar"] .inst .price-l{ font-family:var(--f-d); font-weight:700; font-size:2rem; }

/* promise: T split */
.tsplit{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:7px double var(--gold); }
.tsplit > div{ padding:28px clamp(16px,3vw,48px) 8px; display:grid; gap:18px; align-content:start; }
.tsplit > div + div{ border-inline-start:1px solid var(--line-n); }
.tsplit .ticks li{ color:var(--on-n); font-size:1.0625rem; }
.tsplit .ticks--x li{ color:var(--on-n2); }
.tsplit h3{ margin:0; font:600 1.75rem/1.2 var(--f-d); color:var(--gold); }
.site[lang="ar"] .tsplit h3{ font-size:2.25rem; }

/* faq */
.faq{ display:grid; grid-template-columns:minmax(0,4fr) minmax(0,8fr); gap:clamp(24px,4vw,64px); }
.qa{ border-top:1px solid var(--line-p); }
.qa:last-child{ border-bottom:1px solid var(--line-p); }
.qa summary{ list-style:none; cursor:pointer; display:grid; grid-template-columns:minmax(0,1fr) 24px; gap:16px; align-items:center; padding:20px 0; font:600 1.125rem/1.5 var(--f-body); }
.qa summary::-webkit-details-marker{ display:none; }
.qa summary::after{ content:""; width:9px; height:9px; border-right:1.75px solid var(--deep); border-bottom:1.75px solid var(--deep); justify-self:center; transform:translateY(-3px) rotate(45deg); transition:transform .25s ease; }
.qa[open] summary::after{ transform:translateY(2px) rotate(225deg); }
.qa summary:hover{ color:var(--deep); }
.qa__a{ padding:0 0 22px; color:var(--ink-2); max-width:68ch; }
.qa__a p{ margin:0 0 10px; }

/* finale + blobs */
.finale{ position:relative; overflow:hidden; background:var(--navy); color:var(--on-n); text-align:start; isolation:isolate; }
.blob{ position:absolute; z-index:-1; width:42vw; max-width:620px; aspect-ratio:1; border-radius:42% 58% 63% 37% / 41% 44% 56% 59%; filter:blur(2px); opacity:.5; animation:blob 18s ease-in-out infinite alternate; }
.blob--a{ background:radial-gradient(circle at 30% 30%, #0E3A66, #042C53 60%); inset-inline-end:-10vw; top:-14vw; }
.blob--b{ background:radial-gradient(circle at 60% 40%, rgba(212,165,55,.45), rgba(212,165,55,0) 62%); inset-inline-start:-6vw; bottom:-20vw; animation-duration:22s; }
@keyframes blob{ 0%{ border-radius:42% 58% 63% 37% / 41% 44% 56% 59%; transform:translate(0,0) rotate(0deg); } 50%{ border-radius:58% 42% 38% 62% / 53% 61% 39% 47%; transform:translate(2vw,1vw) rotate(18deg); } 100%{ border-radius:37% 63% 52% 48% / 62% 38% 62% 38%; transform:translate(-1vw,2vw) rotate(-10deg); } }
.finale .h2{ font-size:clamp(2.75rem,6vw,5.5rem); max-width:16ch; }
.finale__row{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:32px; align-items:end; }
.finale__nashmi{ width:clamp(140px,16vw,220px); }

/* footer: end of the line */
.foot{ background:var(--navy); color:var(--on-n); padding-block:clamp(56px,7vw,96px) 32px; border-top:1px solid var(--line-n); }
.foot__grid{ display:grid; grid-template-columns:minmax(0,1.3fr) repeat(6,minmax(0,1fr)); gap:24px; }
.foot__brand{ display:grid; gap:14px; align-content:start; }
.foot__brand img{ height:56px; width:auto; }
.foot__brand p{ margin:0; color:var(--on-n2); font-size:.9375rem; }
.fcol h3{ margin:0 0 12px; font:600 .8125rem/1.3 var(--f-body); color:var(--gold); padding-bottom:10px; border-bottom:7px double rgba(212,165,55,.6); }
.site[lang="en"] .fcol h3{ letter-spacing:.08em; text-transform:uppercase; font-size:.75rem; }
.fcol ul{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.fcol a{ text-decoration:none; color:var(--on-n2); font-size:.9375rem; }
.fcol a:hover{ color:var(--on-n); text-decoration:underline; text-underline-offset:4px; }
.fcol .mail{ display:grid; gap:0; }
.fcol .mail small{ color:var(--on-n2); font-size:.75rem; }
.fcol .mail a{ color:var(--on-n); }
.fcol details summary{ list-style:none; }
.fcol details summary::-webkit-details-marker{ display:none; }
.endline{ margin-top:clamp(56px,7vw,96px); position:relative; }
.endline__word{ font:700 clamp(3.5rem,13vw,12rem)/1 var(--f-d); margin:0; color:var(--on-n); white-space:nowrap; }
.site[lang="en"] .endline__word{ font-weight:400; letter-spacing:-.03em; }
.endline__rule{ display:flex; align-items:center; margin-top:14px; }
.endline__rule i{ flex:1; height:12px; border-block:2px solid var(--gold); }
.endline__rule b{ width:2px; height:28px; background:var(--gold); }
.endline__cap{ margin-top:14px; display:flex; flex-wrap:wrap; gap:8px 24px; justify-content:space-between; color:var(--on-n2); font-size:.8125rem; }
.foot__truth{ margin-top:28px; padding-top:20px; border-top:1px solid var(--line-n); color:var(--on-n2); font-size:.8125rem; line-height:1.7; display:grid; gap:8px; }

/* forms */
.form{ display:grid; gap:16px; }
.field{ display:grid; gap:6px; }
.field label{ font-weight:500; font-size:.9375rem; }
.field input,.field select,.field textarea{ width:100%; min-height:50px; border:1px solid rgba(11,23,51,.28); border-radius:3px; background:var(--white); color:var(--ink); padding:0 14px; font-size:1rem; }
.field textarea{ min-height:110px; padding:12px 14px; resize:vertical; }
.field input:focus,.field select:focus,.field textarea:focus{ outline:2px solid var(--deep); outline-offset:1px; border-color:var(--deep); }
.field .hint{ font-size:.8125rem; color:var(--ink-2); }
.band--navy .field label,.band--deep .field label{ color:var(--on-n); }
.check{ display:grid; grid-template-columns:22px minmax(0,1fr); gap:12px; align-items:start; font-size:.9375rem; line-height:1.65; }
.check input{ width:20px; height:20px; margin:3px 0 0; accent-color:var(--deep); }
.preview-note{ border-inline-start:7px double var(--deep); padding:10px 14px; font-size:.875rem; line-height:1.65; color:var(--ink-2); background:var(--paper-2); }
.preview-note b{ color:var(--ink); }
.band--navy .preview-note,.band--deep .preview-note{ background:rgba(243,240,231,.06); color:var(--on-n2); border-color:var(--gold); }
.band--navy .preview-note b,.band--deep .preview-note b{ color:var(--on-n); }
.mailbox{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.mailbox code{ font:500 1rem/1.3 var(--f-body); direction:ltr; unicode-bidi:isolate; padding:6px 10px; border:1px solid var(--line-p); border-radius:3px; background:var(--white); user-select:all; }
.copy{ background:none; border:1px solid rgba(11,23,51,.3); border-radius:3px; padding:6px 10px; font-size:.8125rem; cursor:pointer; }
.band--navy .mailbox code,.band--deep .mailbox code{ background:rgba(243,240,231,.06); border-color:var(--line-n); color:var(--on-n); }
.band--navy .copy,.band--deep .copy{ border-color:var(--line-n); color:var(--on-n); }
.formcard{ background:var(--white); color:var(--ink); border-radius:6px; padding:clamp(22px,3vw,36px); display:grid; gap:18px; }

/* page wipe */
.wipe{ position:fixed; inset:0; z-index:200; pointer-events:none; display:grid; place-items:center; }
.wipe__panel{ position:absolute; inset:0; background:var(--navy); transform:scaleX(0); transform-origin:var(--wo,right); }
.wipe__lines{ position:absolute; inset-inline:0; top:50%; height:14px; border-block:2px solid var(--gold); transform:scaleX(0); transform-origin:var(--wo,right); }
.site[lang="en"] .wipe{ --wo:left; }
.wipe.is-in .wipe__panel{ animation:wipeIn .42s cubic-bezier(.7,0,.3,1) forwards; }
.wipe.is-in .wipe__lines{ animation:wipeIn .36s .06s cubic-bezier(.7,0,.3,1) forwards; }
.wipe.is-out .wipe__panel{ transform:scaleX(1); animation:wipeOut .5s .05s cubic-bezier(.7,0,.3,1) forwards; }
.wipe.is-out .wipe__lines{ transform:scaleX(1); animation:wipeOut .44s cubic-bezier(.7,0,.3,1) forwards; }
@keyframes wipeIn{ to{ transform:scaleX(1); } }
@keyframes wipeOut{ from{ transform:scaleX(1); } to{ transform:scaleX(0); transform-origin:var(--wo2,left); } }
.site[lang="en"] .wipe{ --wo2:right; }

/* split text (words rise once) */
.split .w{ display:inline-block; }
.js .split.is-pre .w{ opacity:.18; transform:translateY(.32em); }
.split .w{ transition:opacity .6s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); transition-delay:calc(var(--i,0) * 55ms); }

/* auth pages */
.auth{ min-height:100vh; display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); background:var(--navy); color:var(--on-n); }
.auth__side{ position:relative; overflow:hidden; isolation:isolate; padding:clamp(24px,4vw,56px); display:flex; flex-direction:column; gap:28px; }
.auth__side .brand img{ height:62px; }
.auth__main{ background:var(--paper); color:var(--ink); padding:clamp(24px,5vw,72px) var(--gut-r) clamp(24px,5vw,72px) var(--gut-l); display:flex; flex-direction:column; justify-content:center; }
.auth__card{ width:100%; max-width:520px; margin-inline:auto; display:grid; gap:22px; position:relative; }
.auth__card::before{ content:""; position:absolute; inset-inline:-28px; top:-18px; height:7px; border-block:2px solid var(--deep); opacity:.9; }
.auth__nashmi{ width:clamp(150px,16vw,230px); margin-top:auto; align-self:flex-start; filter:drop-shadow(0 18px 24px rgba(0,0,0,.4)); }
.pw{ position:relative; }
.pw input{ padding-inline-end:84px; }
.pw button{ position:absolute; inset-inline-end:6px; top:50%; transform:translateY(-50%); background:none; border:0; color:var(--deep); font-weight:600; font-size:.875rem; cursor:pointer; padding:8px; }
.lines3{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.lines3 button{ border:1px solid rgba(11,23,51,.28); background:var(--white); border-radius:4px; padding:14px 12px; display:grid; gap:4px; text-align:start; cursor:pointer; min-width:0; }
.lines3 button b{ font:600 1.125rem/1.2 var(--f-d); }
.site[lang="ar"] .lines3 button b{ font-size:1.375rem; }
.lines3 button span{ font-size:.75rem; color:var(--ink-2); line-height:1.4; }
.lines3 button[aria-pressed="true"]{ border-color:var(--deep); box-shadow:inset 0 0 0 1px var(--deep); background:var(--paper-2); }
.acard{ border:1px solid var(--line-n); border-radius:6px; padding:22px; display:grid; gap:14px; background:rgba(243,240,231,.04); max-width:420px; }
.acard__name{ font:600 1.75rem/1.2 var(--f-d); min-height:1.2em; }
.site[lang="ar"] .acard__name{ font-size:2.125rem; }
.acard dl{ margin:0; display:grid; gap:8px; }
.acard dl div{ display:grid; grid-template-columns:96px minmax(0,1fr); gap:10px; font-size:.875rem; }
.acard dt{ color:var(--on-n2); }
.acard dd{ margin:0; overflow-wrap:anywhere; }
.youare{ display:grid; gap:10px; }
.youare ol{ list-style:none; margin:0; padding:0; display:flex; gap:0; position:relative; }
.youare ol::before{ content:""; position:absolute; inset-inline:0; top:7px; height:6px; border-block:1.5px solid var(--gold); }
.youare li{ flex:1; position:relative; padding-top:24px; font-size:.75rem; color:var(--on-n2); }
.youare li::before{ content:""; position:absolute; top:1px; inset-inline-start:0; width:16px; height:16px; border-radius:50%; background:var(--navy); border:1.5px solid var(--gold); }
.youare li.now{ color:var(--on-n); font-weight:600; }
.youare li.now::before{ background:var(--gold); }

/* utilities */
.mt-1{ margin-top:var(--s1); } .mt-2{ margin-top:var(--s2); } .mt-3{ margin-top:var(--s3); } .mt-4{ margin-top:var(--s4); } .mt-5{ margin-top:var(--s5); } .mt-6{ margin-top:var(--s6); }
.hr2{ height:7px; border-block:1px solid var(--line-p); margin-block:clamp(48px,6vw,88px); }
.band--navy .hr2,.band--deep .hr2{ border-color:var(--line-n); }
.center{ text-align:center; }
.bg-img{ position:absolute; inset:0; z-index:-1; overflow:hidden; }
.bg-img img{ width:100%; height:100%; object-fit:cover; opacity:.28; }
.bg-img::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, var(--navy) 0%, rgba(11,23,51,.55) 40%, var(--navy) 100%); }
.band.has-bg{ isolation:isolate; overflow:hidden; }

/* ── responsive ───────────────────────────── */
@media (max-width:1180px){
  .mega > .wrap{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .mega__side{ grid-column:1/-1; border-inline-start:0; padding-inline-start:0; flex-direction:row; flex-wrap:wrap; gap:12px 24px; border-top:1px solid var(--line-n); padding-top:16px; }
  .foot__grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .foot__brand{ grid-column:1/-1; }
  .anat{ grid-template-columns:repeat(4,minmax(0,1fr)); }
  .anat li:nth-child(5){ border-inline-start:0; }
  .anat li:nth-child(n+5){ border-top:1px solid var(--line-p); }
}
@media (max-width:1060px){
  .nav__links{ display:none; }
  .nav__menu{ display:inline-flex; }
  .nav__end .nav__txt.hide-m{ display:none; }
  .hero__grid,.ph__grid,.chap__head,.map__head,.cols--7-5,.cols--5-7,.effect,.try{ grid-template-columns:minmax(0,1fr); }
  .stage{ justify-self:center; max-width:520px; }
  .site[lang="en"] .stage{ justify-self:center; }
  .stackc__card{ grid-template-columns:minmax(0,1fr); }
  .faq{ grid-template-columns:minmax(0,1fr); }
  .try__doc{ border-inline-end:0; border-bottom:1px solid var(--line-p); }
}
@media (max-width:900px){
  :root{ --nav-h:56px; }
  .top.is-scrolled .nav{ height:56px; }
  .brand img,.top.is-scrolled .brand img{ height:46px; }
  .brand__word{ font-size:1.125rem; padding-inline-start:10px; }
  .nav__cta{ min-height:38px; padding:0 .9em; font-size:.875rem; }
  .figs{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fig:nth-child(3){ border-inline-start:0; }
  .fig:nth-child(n+3){ border-top:1px solid var(--line-p); }
  .cols--2,.cols--3,.cols--6-6,.cgroups,.doors,.tsplit,.inst,.vs{ grid-template-columns:minmax(0,1fr); }
  .cgroup{ border-inline-start:0; padding-inline:0; border-top:1px solid var(--line-p); }
  .cgroup:first-child{ border-top:0; }
  .door + .door,.tsplit > div + div,.vs > div + div{ border-inline-start:0; border-top:1px solid var(--line-n); }
  .vs > div + div{ border-color:var(--line-p); }
  .tsplit > div{ padding-inline:0; }
  .plans{ grid-template-columns:minmax(0,1fr); }
  .plan + .plan{ border-inline-start:0; border-top:1px solid var(--line-p); }
  .strip{ grid-template-columns:minmax(0,1fr); }
  .strip .shot:nth-child(n){ margin-top:0; }
  .bento{ grid-template-columns:minmax(0,1fr); }
  .bento > *{ grid-column:auto !important; }
  .prail{ overflow-x:auto; padding-bottom:8px; scroll-snap-type:x mandatory; }
  .prail ol{ min-width:calc(var(--n,7) * 132px); }
  .prail li{ scroll-snap-align:start; }
  .ladder{ min-width:900px; }
  .ladder li{ scroll-snap-align:start; }
  .stackc__card{ position:relative; top:auto; }
  .auth{ grid-template-columns:minmax(0,1fr); }
  .auth__main{ order:-1; }
  .auth__side{ padding-left:var(--gut-l); padding-right:var(--gut-r); }
  .auth__nashmi{ display:none; }
  .finale__row{ grid-template-columns:minmax(0,1fr); }
  .finale__nashmi{ display:none; }
  .foot__grid{ grid-template-columns:minmax(0,1fr); gap:0; }
  .foot__brand{ padding-bottom:24px; }
  .fcol{ border-top:1px solid var(--line-n); }
  .fcol h3{ border-bottom:0; padding:16px 0; margin:0; }
  .fcol details[open] ul{ padding-bottom:16px; }
  .fcol details summary h3{ display:flex; justify-content:space-between; align-items:center; }
  .fcol details summary h3::after{ content:""; width:8px; height:8px; border-right:1.5px solid var(--on-n2); border-bottom:1.5px solid var(--on-n2); transform:translateY(-2px) rotate(45deg); transition:transform .25s ease; }
  .fcol details[open] summary h3::after{ transform:translateY(2px) rotate(225deg); }
  .fcol--contact h3{ padding-bottom:10px; }
  .fcol--contact ul{ padding-bottom:16px; }
  .verify{ grid-template-columns:minmax(0,1fr); }
  .lines3{ grid-template-columns:minmax(0,1fr); }
  .nashmi-say{ grid-template-columns:108px minmax(0,1fr); }
  .nashmi-say img{ width:108px; }
  .defs > div{ grid-template-columns:minmax(0,1fr); gap:4px; }
}
@media (max-width:600px){
  .bar{ font-size:.75rem; }
  .bar .wrap{ justify-content:flex-start; padding-inline-end:72px; }
  .aud{ grid-template-columns:minmax(0,1fr); }
  .seg{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .seg{ width:100%; }
  .seg button{ flex:1; padding:11px 8px; font-size:.875rem; }
  .stage{ aspect-ratio:10/12; }
  .stage__nashmi{ width:34%; inset-inline-start:-4%; }
  .anat{ grid-template-columns:minmax(0,1fr); }
  .anat li{ border-inline-start:0; border-top:1px solid var(--line-p); }
  .anat li:first-child{ border-top:0; }
  .pcard dl{ grid-template-columns:minmax(0,1fr); }
  .pcard dt{ padding-bottom:0; border-bottom:0; }
  .pcard dd{ padding-inline-start:22px; padding-top:2px; }
  .try__row{ grid-template-columns:60px minmax(0,1fr); }
  .try__row output{ grid-column:2; text-align:start; }
  .cmp{ font-size:.8125rem; }
  .cmp th,.cmp td{ padding:10px 6px; }
  .dash__note{ margin-inline-start:0; }
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
  .marquee__track{ animation:none; flex-wrap:wrap; width:auto; gap:16px 32px; }
  .marquee{ mask-image:none; -webkit-mask-image:none; }
  .blob{ animation:none; }
  .js .split.is-pre .w{ opacity:1; transform:none; }
}
@media (hover:none){ .stn__card{ display:none; } }

/* light variant of the sticky stack (simulation day) */
.stackc--light .stackc__card{ background:var(--white); border-color:var(--line-p); color:var(--ink); box-shadow:0 -20px 40px -26px rgba(11,23,51,.35); }
.stackc--light .stackc__card .h3{ color:var(--ink); }
.stackc--light .stackc__no{ color:var(--deep); }
.stackc--light .stackc__card .p{ color:var(--ink-2); }
.ph .cta-row .go{ color:var(--on-n); }
.sec-head{ display:grid; gap:16px; margin-bottom:clamp(28px,4vw,48px); max-width:900px; }
.rungs-t{ width:100%; border-collapse:collapse; font-size:.9375rem; }
.rungs-t th,.rungs-t td{ text-align:start; padding:14px 12px; border-bottom:1px solid var(--line-p); vertical-align:top; line-height:1.6; }
.rungs-t thead th{ font-weight:600; border-bottom:7px double var(--deep); font-size:.875rem; color:var(--ink-2); }
.rungs-t td:first-child{ font:600 1rem/1.4 var(--f-body); color:var(--deep); white-space:nowrap; }
.rungs-t td b{ font:600 1.125rem/1.3 var(--f-d); }
.site[lang="ar"] .rungs-t td b{ font-size:1.375rem; }
.roles{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-top:7px double var(--gold); }
.roles li{ padding:16px 14px; border-inline-start:1px solid var(--line-n); font-size:.9375rem; line-height:1.55; color:var(--on-n); display:grid; gap:6px; align-content:start; }
.roles li:first-child{ border-inline-start:0; }
.roles i{ font:500 .8125rem/1 var(--f-num); font-style:normal; color:var(--gold); }
@media (max-width:900px){ .roles{ grid-template-columns:minmax(0,1fr); } .roles li{ border-inline-start:0; border-top:1px solid var(--line-n); } .roles li:first-child{ border-top:0; } }

/* fixes after the visual check */
.lessons li > b,.lessons li > span{ grid-column:2; }
.lessons li::before{ grid-row:1 / span 2; }
.art{ overflow:visible; }
.art img{ border-radius:6px; }
.art--1 img{ aspect-ratio:16/11; object-fit:cover; object-position:top; }
.art__cap{ top:-13px; inset-inline-start:12px; box-shadow:0 4px 10px rgba(0,0,0,.25); }
.hero__grid{ grid-template-columns:minmax(0,13fr) minmax(0,11fr); }
.stage{ max-width:620px; }
.cmp thead th + th{ text-align:center; }
@media (max-width:1060px){ .hero__grid{ grid-template-columns:minmax(0,1fr); } }

/* ── v4.1: fixes after the panel review ─────────────────── */
/* forms on a white card keep ink text whatever band they sit in */
.formcard .field label,.band--navy .formcard .field label,.band--deep .formcard .field label{ color:var(--ink); }
.formcard .muted,.band--navy .formcard .muted,.band--deep .formcard .muted{ color:var(--ink-2); }
.formcard .preview-note,.band--navy .formcard .preview-note,.band--deep .formcard .preview-note{ background:var(--paper-2); color:var(--ink-2); border-color:var(--deep); }
.formcard .preview-note b,.band--navy .formcard .preview-note b,.band--deep .formcard .preview-note b{ color:var(--ink); }
.formcard :focus-visible{ outline-color:var(--deep); }
.formcard__h{ margin:0; font:600 1.25rem/1.3 var(--f-d); color:var(--ink); padding-bottom:12px; border-bottom:7px double var(--line-p); }
.site[lang="ar"] .formcard__h{ font-size:1.5rem; }
.field-row{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
@media (max-width:600px){ .field-row{ grid-template-columns:minmax(0,1fr); } }
@media (max-width:1180px){ .mega__sales{ margin:0; padding-top:0; border-top:0; } }

/* course plates: each course with its own drawn cover */
.crs{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(16px,2vw,28px); align-items:stretch; }
.crs__card{ display:grid; grid-template-rows:auto 1fr; background:rgba(243,240,231,.035); border:1px solid var(--line-n); border-radius:6px; overflow:hidden; min-width:0; transition:border-color .25s, transform .35s cubic-bezier(.2,.7,.2,1); }
.crs__card:hover{ border-color:rgba(212,165,55,.55); }
.crs__cover{ border-bottom:1px solid var(--line-n); overflow:hidden; }
.crs__cover .cover{ transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.crs__card:hover .crs__cover .cover{ transform:scale(1.025); }
.crs__body{ padding:clamp(20px,2.2vw,28px); display:flex; flex-direction:column; gap:16px; min-width:0; }
.crs__no{ margin:0; display:flex; gap:8px; align-items:center; font:600 .8125rem/1.3 var(--f-body); color:var(--gold); }
.site[lang="en"] .crs__no{ letter-spacing:.06em; text-transform:uppercase; font-size:.75rem; }
.crs__h{ margin:0; font:600 1.5rem/1.25 var(--f-d); color:var(--on-n); text-wrap:balance; }
.site[lang="ar"] .crs__h{ font-size:1.875rem; font-weight:700; }
.site[lang="en"] .crs__h{ font-weight:500; }
.crs__for{ margin:0; color:var(--on-n2); font-size:.9375rem; line-height:1.7; }
.crs__part{ display:grid; gap:8px; padding-top:14px; border-top:1px solid var(--line-n); }
.crs__part .label{ color:var(--gold); }
.crs__lessons{ list-style:none; margin:0; padding:0; counter-reset:cl; display:grid; gap:4px; }
.crs__lessons li{ counter-increment:cl; display:grid; grid-template-columns:22px minmax(0,1fr); gap:8px; font-size:.9375rem; line-height:1.55; color:var(--on-n); }
.crs__lessons li::before{ content:counter(cl); font:500 .8125rem/1.9 var(--f-num); color:var(--on-n2); }
.site[lang="ar"] .crs__lessons li::before{ content:counter(cl, arabic-indic); font-family:var(--f-body); line-height:1.75; }
.crs__out b{ font-weight:600; color:var(--on-n); line-height:1.5; }
.crs__out span{ font-size:.875rem; color:var(--on-n2); line-height:1.65; }
.crs__body .go{ margin-top:auto; align-self:flex-start; color:var(--on-n); }
.crs__note{ margin:20px 0 0; max-width:none; }
.crs__cover--page{ border:1px solid var(--line-p); border-radius:6px; }

/* the covers */
.cover{ display:block; width:100%; height:auto; aspect-ratio:16/10; }
.cover--ethics{ background:var(--deep); }
.cover--model{ background:var(--paper); }
.cover--valuation{ background:var(--mist); }
.cover text{ font-family:var(--f-body); }
.cv-rail{ stroke:rgba(243,240,231,.5); stroke-width:1.4; }
.cv-rung{ stroke:rgba(243,240,231,.78); stroke-width:1.6; }
.cv-gold{ stroke:var(--gold); stroke-width:2; }
.cv-tick{ stroke:rgba(243,240,231,.6); stroke-width:1.2; }
.cv-tick--g{ stroke:var(--gold); }
.cv-lead{ stroke:rgba(243,240,231,.35); stroke-width:1; }
.cv-lead--g{ stroke:var(--gold); }
.cv-l{ font-size:14px; fill:var(--on-n2); }
.cv-l--on{ fill:var(--on-n); font-weight:500; }
.site[lang="ar"] .cv-l{ font-size:15px; }
.cv-h{ font-size:13.5px; font-weight:600; fill:var(--ink); }
.site[lang="ar"] .cv-h{ font-size:14.5px; }
.cv-t{ font-family:var(--f-d) !important; font-weight:600; font-size:21px; fill:var(--on-n); }
.site[lang="ar"] .cv-t{ font-size:25px; font-weight:700; }
.cv-t--g{ fill:var(--gold); }
.cv-t--ink{ fill:var(--ink); }
.cv-s{ font-size:12.5px; fill:var(--on-n2); }
.site[lang="ar"] .cv-s{ font-size:13.5px; }
.cv-s--ink{ fill:var(--ink-2); }
.cv-sheet{ fill:var(--white); stroke:rgba(11,23,51,.3); stroke-width:1; }
.cv-row{ stroke:rgba(11,23,51,.16); stroke-width:6; stroke-linecap:round; }
.cv-total{ stroke:var(--ink); stroke-width:1.4; }
.cv-link{ fill:none; stroke:var(--gold); stroke-width:1.8; }
.cv-dot{ fill:var(--gold); }
.cv-base{ stroke:var(--ink); stroke-width:1.4; }
.cv-nom{ fill:none; stroke:rgba(11,23,51,.38); stroke-width:1.2; stroke-dasharray:3 3; }
.cv-pv{ fill:var(--deep); }
.cv-tv{ fill:rgba(212,165,55,.16); stroke:var(--gold); stroke-width:1.2; stroke-dasharray:4 3; }
.cover--valuation .cv-gold,.cover--model .cv-gold{ stroke:var(--gold); }

/* platform tour on the courses page */
.tour{ display:grid; gap:clamp(48px,6vw,96px); }
.tour__row{ display:grid; grid-template-columns:minmax(0,8fr) minmax(0,4fr); gap:clamp(24px,3.4vw,56px); align-items:center; }
.tour__row--flip{ grid-template-columns:minmax(0,4fr) minmax(0,8fr); }
.tour__row--flip .tour__fig{ order:2; }
.tour__txt{ display:grid; gap:16px; align-content:start; }
.tour__txt .h4{ font-size:1.625rem; }
.site[lang="ar"] .tour__txt .h4{ font-size:1.875rem; }
@media (max-width:1060px){ .tour__row,.tour__row--flip{ grid-template-columns:minmax(0,1fr); } .tour__row--flip .tour__fig{ order:0; } }

/* enlarge any product screen or certificate */
.shot__frame .zoom{ position:absolute; inset-block-end:12px; inset-inline-end:12px; z-index:3; font:600 .8125rem/1 var(--f-body); color:var(--paper); background:rgba(11,23,51,.88); border:1px solid rgba(243,240,231,.28); border-radius:3px; padding:9px 13px; cursor:pointer; box-shadow:0 6px 16px rgba(11,23,51,.25); }
.shot__frame .zoom:hover{ background:var(--navy); }
.shot__frame .zoom:focus-visible{ outline:2px solid var(--gold); outline-offset:2px; }
.shot[data-zoom] .shot__frame img{ cursor:zoom-in; }
.zoombox{ border:0; padding:0; width:min(1240px,calc(100vw - 32px)); max-width:none; max-height:calc(100vh - 32px); background:var(--white); color:var(--ink); border-radius:6px; overflow:hidden; box-shadow:0 40px 90px rgba(0,0,0,.5); }
.zoombox::backdrop{ background:rgba(4,12,30,.8); }
.zoombox[open]{ display:flex; flex-direction:column; }
.zoombox__bar{ display:flex; justify-content:space-between; align-items:center; gap:16px; padding:10px 14px; background:var(--navy); color:var(--on-n); font-size:.875rem; line-height:1.4; }
.zoombox__x{ background:none; border:1px solid var(--line-n); color:var(--on-n); border-radius:3px; padding:8px 14px; cursor:pointer; font:600 .875rem/1 var(--f-body); flex:none; }
.zoombox__body{ overflow:auto; flex:1; min-height:0; }
.zoombox__body img{ width:auto; max-width:none; margin-inline:auto; }
@media (min-width:1100px){ .zoombox__body img{ max-width:100%; } }

@media (max-width:900px){
  .crs{ grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:min(86%,420px); overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:10px; margin-inline:calc(var(--gut-r) * -1) calc(var(--gut-l) * -1); padding-inline:var(--gut-r) var(--gut-l); scroll-padding-inline:var(--gut-r); }
  .site[dir="ltr"] .crs{ margin-inline:calc(var(--gut-l) * -1) calc(var(--gut-r) * -1); padding-inline:var(--gut-l) var(--gut-r); scroll-padding-inline:var(--gut-l); }
  .crs__card{ scroll-snap-align:start; }
}
.trialm{ display:grid; gap:12px; }
.trialm .label{ color:var(--gold); }
.trialm__list{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:7px double rgba(212,165,55,.7); }
.trialm__list li{ padding:14px 14px 0 0; display:grid; gap:4px; align-content:start; border-inline-start:1px solid var(--line-n); padding-inline:14px; }
.trialm__list li:first-child{ border-inline-start:0; padding-inline-start:0; }
.trialm__list b{ font:600 1.125rem/1.3 var(--f-d); color:var(--on-n); }
.site[lang="ar"] .trialm__list b{ font-size:1.375rem; }
.trialm__list span{ font-size:.875rem; line-height:1.6; color:var(--on-n2); }
@media (max-width:600px){ .trialm__list{ grid-template-columns:minmax(0,1fr); } .trialm__list li{ border-inline-start:0; padding-inline:0; border-top:1px solid var(--line-n); padding-bottom:12px; } .trialm__list li:first-child{ border-top:0; } }

/* ════════════════════════════════════════════════════════════════════════════
   v5 · colour plan «لونٌ لكل خط» (محضر لجنة الإقناع ٥). No value outside this table;
   every derived token states its mix. Contrast (WCAG): text ≥ 4.5:1, large text and lines ≥ 3:1.
   ════════════════════════════════════════════════════════════════════════════ */
:root{
  --teal:#2E8B84;      /* brand: teal of the light lists — lines, chips, large figures on light (3.75 on paper) */
  --teal-ink:#246B6D;  /* derived: 72% teal + 28% ink — body-size teal text on light (5.67 on paper) */
  --teal-n:#3DD6CC;    /* brand: teal of the dark analysis screens — student line on navy (9.87) and on teal-deep (5.34) */
  --teal-deep:#1B4B57; /* derived: 45% teal + 55% ink — the courses slab, student page headers (white 9.59) */
  --teal-wash:#DFE8E2; /* derived: 12% teal + 88% paper — the simulation chapter (ink 14.16) */
  --blue:#185FA5;      /* brand: the O of the light logo — companies slab and header (white 6.52) */
  --blue-n:#4A9FE0;    /* brand: the O of the dark logo — company line on navy (6.19) */
  --sand:#F2EAD5;      /* derived: 14% gold + 86% paper — idea, lab, sponsor (ink 14.78) */
  --gold-ink:#8A6D1F;  /* brand: ink of the cream input cell — university line on sand (4.08, large/lines only) */
  --cream:#FCF6E8;     /* brand: the cream input cell — cards on sand (ink 16.45) */
  /* per-tone variables: light paper is the default */
  --line-st:var(--teal); --line-un:var(--gold-ink); --line-co:var(--blue);
  --acc:var(--deep); --bandbg:var(--paper); --tx:var(--ink); --muted:var(--ink-2); --kick:var(--deep); --em:var(--deep); --tagc:var(--deep);
  --bd:var(--line-p); --bd2:var(--line-p2);
}
/* dark: navy stage (hero, map, promise, finale, footer) */
.hero,.ph--navy,.band--navy,.band--deep,.map,.finale,.foot,.mega,.sheet,.auth__side,.plan--first,.b-navy{
  --line-st:var(--teal-n); --line-un:var(--gold); --line-co:var(--blue-n);
  --acc:var(--gold); --bandbg:var(--navy); --tx:var(--on-n); --muted:var(--on-n2); --kick:var(--gold); --em:var(--gold); --tagc:var(--on-n2);
  --bd:var(--line-n); --bd2:var(--line-n2);
}
.band--deep,.mega{ --bandbg:var(--deep); }
/* dark coloured: teal-deep (student) and blue (company). Gold never appears here. */
.band--teal-deep,.ph--teal-deep,.b-teal{
  --line-st:var(--teal-n); --line-un:#FFFFFF; --line-co:#FFFFFF;
  --acc:var(--teal-n); --bandbg:var(--teal-deep); --tx:var(--on-n); --muted:var(--on-n2); --kick:var(--teal-n); --em:var(--teal-n); --tagc:var(--on-n2);
  --bd:var(--line-n); --bd2:var(--line-n2);
}
.band--blue,.ph--blue{
  --line-st:#FFFFFF; --line-un:#FFFFFF; --line-co:#FFFFFF;
  --acc:#FFFFFF; --bandbg:var(--blue); --tx:#FFFFFF; --muted:var(--mist); --kick:#FFFFFF; --em:#FFFFFF; --tagc:var(--mist);
  --bd:rgba(255,255,255,.3); --bd2:rgba(255,255,255,.16);
}
/* light coloured */
.band--teal-wash{ --acc:var(--teal); --bandbg:var(--teal-wash); --em:var(--teal-ink); }
.band--sand{ --line-st:var(--teal-ink); --acc:var(--gold-ink); --bandbg:var(--sand); --em:var(--gold-ink); }
.band--mist{ --bandbg:var(--mist); }

.band--teal-wash{ background:var(--teal-wash); color:var(--ink); }
.band--sand{ background:var(--sand); color:var(--ink); }
.band--teal-deep{ background:var(--teal-deep); color:var(--on-n); }
.band--blue{ background:var(--blue); color:#FFFFFF; }

/* generic tone-driven type: one rule per role, the tone variables do the rest */
.band .muted,.ph .muted{ color:var(--muted); }
.band .kicker,.ph .kicker{ color:var(--kick); }
.band .h2 em,.band .h3 em,.ph .h1 em{ color:var(--em); }
.band .tag,.ph .tag{ color:var(--tagc); }
.rule2{ color:var(--acc); }
.rule2--gold{ color:var(--gold); }
.rule2--st{ color:var(--line-st); } .rule2--un{ color:var(--line-un); } .rule2--co{ color:var(--line-co); }
.kicker .rule2 + .rule2{ margin-inline-start:-4px; }
.band .ticks li::before,.ph .ticks li::before,.ticks li::before{ border-color:var(--acc); }
.band .ticks--st li::before{ border-color:var(--line-st); }
.band .ticks--co li::before{ border-color:var(--line-co); }
.band--blue .h2 em,.ph--blue .h1 em{ text-decoration:underline double rgba(255,255,255,.75); text-decoration-thickness:1.5px; text-underline-offset:.24em; }
.band--blue :focus-visible,.ph--blue :focus-visible,.band--teal-deep :focus-visible,.ph--teal-deep :focus-visible{ outline-color:#FFFFFF; }
.band--teal-wash :focus-visible,.band--sand :focus-visible{ outline-color:var(--deep); }

/* the edge between slabs: a straight edge topped by the double rule in the colour of the next section (no gradients) */
main > section + section::after{ content:""; position:absolute; inset-inline:0; top:0; height:6px; border-block:1.5px solid var(--acc); z-index:2; pointer-events:none; opacity:.9; }

/* tone-aware versions of v4 components that assumed navy or paper */
.band--teal-deep .shot__frame,.band--blue .shot__frame,.ph--teal-deep .shot__frame,.ph--blue .shot__frame{ border-color:rgba(243,240,231,.18); box-shadow:0 30px 70px -24px rgba(0,0,0,.5); }
.band .shot figcaption,.band .photo figcaption{ color:var(--muted); }
.band--teal-deep .pcard,.band--blue .pcard{ background:rgba(255,255,255,.06); color:var(--tx); border-color:var(--bd); }
.band--teal-deep .pcard__head,.band--blue .pcard__head,.band--teal-deep .pcard dt,.band--teal-deep .pcard dd,.band--blue .pcard dt,.band--blue .pcard dd{ border-color:var(--bd2); }
.band--teal-deep .pcard dt,.band--blue .pcard dt{ color:var(--muted); }
.band--teal-deep .anat,.band--blue .anat{ border-top-color:var(--acc); }
.band--teal-deep .anat li,.band--blue .anat li{ border-color:var(--bd); }
.band--teal-deep .anat b,.band--blue .anat b{ color:var(--tx); }
.band--teal-deep .anat p,.band--teal-deep .anat i,.band--blue .anat p,.band--blue .anat i{ color:var(--muted); }
.band--teal-deep .defs,.band--teal-deep .defs > div,.band--blue .defs,.band--blue .defs > div{ border-color:var(--bd); }
.band--teal-deep .defs dd,.band--blue .defs dd{ color:var(--muted); }
.band--teal-deep .fill,.band--blue .fill{ --fill-c:var(--tx); --fill-base:rgba(243,240,231,.5); }
.band--teal-deep .hr2,.band--blue .hr2{ border-color:var(--bd); }
.band--teal-deep .lessons,.band--teal-deep .lessons li{ border-color:var(--bd); }
.band--teal-deep .lessons li::before{ color:var(--teal-n); }
.band--teal-deep .lessons b{ color:var(--on-n); }
.band--teal-deep .lessons span{ color:var(--on-n2); }
.band--teal-deep .h3,.band--blue .h3{ color:var(--tx); }
.band--blue .shot figcaption,.band--blue .photo figcaption{ color:var(--mist); }
.band--blue .btn--ghost,.ph--blue .btn--ghost{ color:#FFFFFF; border-color:rgba(255,255,255,.6); }
.band--teal-wash .ladder::before,.band--sand .ladder::before{ border-color:var(--acc); }
.ladder li::before{ background:var(--bandbg); border-color:var(--acc); }
.ladder::before{ border-color:var(--acc); }
.ladder li.cert::before{ background:var(--acc); }
.band--teal-wash .ladder code,.band--teal-wash .step-no{ color:var(--teal-ink); }
.band--teal-wash .nashmi-say blockquote b{ color:var(--teal-ink); }
.band--teal-wash .counter .to{ color:var(--navy); }

/* buttons for the coloured slabs */
.btn--white{ background:#FFFFFF; color:var(--blue); }
.btn--white:hover{ background:var(--mist); }
.btn--blue{ background:var(--blue); color:#FFFFFF; }
.btn--blue:hover{ background:var(--deep); }
.band--sand .btn--line,.band--teal-wash .btn--line{ border-color:rgba(11,23,51,.45); }

/* status chips: «مقترح · بانتظار الاعتماد», «في مرحلة الإطلاق», «التالي» */
.pchip{ display:inline-flex; align-items:center; gap:4px; font:600 .6875rem/1.25 var(--f-body); padding:3px 7px; border:1px dotted currentColor; border-radius:2px; color:var(--deep); background:rgba(255,255,255,.55); white-space:nowrap; vertical-align:middle; }
.site[lang="en"] .pchip{ letter-spacing:.02em; }
.hero .pchip,.ph .pchip,.band--navy .pchip,.band--deep .pchip,.band--teal-deep .pchip,.plan--first .pchip,.pcard .pchip{ background:transparent; color:var(--tx); }
.band--blue .pchip,.ph--blue .pchip{ color:#FFFFFF; background:transparent; }
.pcard .pchip{ color:inherit; }
.tag--live{ background:var(--teal-ink); border-color:var(--teal-ink); opacity:1; }
.band .tag--live,.ph .tag--live,.tag--live{ color:#FFFFFF; }
.chip--prop{ border-style:dotted; border-color:rgba(243,240,231,.7); color:var(--on-n); }
.schip{ display:inline-flex; align-items:center; font:600 .8125rem/1.2 var(--f-body); padding:5px 10px; border-radius:2px; margin-inline-end:2px; vertical-align:baseline; }
.schip--live{ background:var(--teal-ink); color:#FFFFFF; }
.schip--next{ border:1.5px dashed var(--gold-ink); color:var(--ink); background:var(--cream); }

/* generated images: one per chapter at most, always captioned */
.photo{ margin:0; display:grid; gap:8px; min-width:0; }
.photo__frame{ position:relative; border-radius:6px; overflow:hidden; background:var(--paper-2); box-shadow:0 26px 54px -30px rgba(11,23,51,.45); }
.photo__frame img{ width:100%; height:auto; display:block; aspect-ratio:var(--ar,auto); object-fit:cover; }
.photo figcaption{ font-size:.8125rem; line-height:1.5; color:var(--muted); }
.photo--wide .photo__frame img{ aspect-ratio:16/7; object-position:50% 55%; }
.photo--portrait{ max-width:360px; }
.slot{ position:absolute; top:10px; inset-inline-start:10px; z-index:2; font:600 .6875rem/1 var(--f-num); letter-spacing:.06em; color:var(--paper); background:rgba(11,23,51,.72); padding:5px 7px; border-radius:2px; unicode-bidi:isolate; }
.tex{ position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.tex img{ width:100%; height:100%; object-fit:cover; }
.tex .slot{ top:auto; bottom:12px; }
.tex--low img{ opacity:.16; mix-blend-mode:luminosity; }
.tex--soft img{ opacity:.55; -webkit-mask-image:linear-gradient(180deg,#000 0,#000 30%,transparent 62%); mask-image:linear-gradient(180deg,#000 0,#000 30%,transparent 62%); }
.tex__cap{ position:absolute; z-index:1; bottom:10px; inset-inline-end:var(--gut-r); margin:0; font-size:.75rem; color:var(--muted); }
.band.has-tex{ isolation:isolate; overflow:hidden; }
.finale.has-tex .tex img{ opacity:.5; }
.finale.has-tex .tex::after{ content:""; position:absolute; inset:0; background:rgba(11,23,51,.74); }

/* ── hero v5: one image, one real shot, one character ── */
.hero__media{ position:relative; width:100%; max-width:560px; justify-self:end; padding-bottom:4px; }
.site[lang="en"] .hero__media{ justify-self:start; }
.photo--hero .photo__frame{ border-radius:8px; box-shadow:0 40px 80px -30px rgba(0,0,0,.6), 0 0 0 1px rgba(243,240,231,.1); }
.photo--hero .photo__frame img{ aspect-ratio:5/6; object-position:50% 70%; }
.photo--hero figcaption{ color:var(--on-n2); padding-inline-end:34%; }
.hero__verdict{ position:absolute; margin:0; z-index:3; width:80%; inset-inline-start:-7%; bottom:calc(2.6em + 9%); }
.hero__verdict .shot__frame{ border-radius:6px; overflow:hidden; background:#FFFFFF; box-shadow:0 30px 60px -18px rgba(0,0,0,.6), 0 0 0 1px rgba(243,240,231,.14); }
.hero__verdict img{ width:100%; height:auto; }
.hero__verdict .art__cap{ position:absolute; top:-13px; inset-inline-start:12px; z-index:2; }
/* Nashmi images carry the academy mark above the helmet (canvas wider/taller than the robot): widths are the robot width × the scale in media/nashmi/nashmi_acad.json */
.hero__nashmi{ position:absolute; z-index:4; width:32.8%; inset-inline-end:-8%; bottom:-2%; pointer-events:none; filter:drop-shadow(0 18px 24px rgba(0,0,0,.45)); }
.hero .h1{ font-size:clamp(2.75rem,6.4vw,5.75rem); }
.aud__panel .pchip{ margin-inline-start:6px; }

/* figures: teal hairlines over navy numbers */
.figures .fig::before{ content:""; display:block; width:48px; height:5px; border-block:1px solid var(--teal); margin-bottom:10px; }
.figures .fig__n{ color:var(--navy); }

/* ── the idea chapter (sand) ── */
.contrast{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:7px double var(--gold-ink); }
.contrast > div{ padding:16px 0 4px; display:grid; gap:6px; align-content:start; }
.contrast > div + div{ border-inline-start:1px solid rgba(11,23,51,.16); padding-inline-start:20px; }
.contrast > div:first-child{ padding-inline-end:20px; }
.contrast .label{ color:var(--deep); }
.contrast p{ margin:0; font:600 1.25rem/1.5 var(--f-d); }
.site[lang="ar"] .contrast p{ font-size:1.5rem; }
.contrast > div:first-child p{ color:var(--ink-2); }
.status2{ list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.status2 li{ background:var(--cream); border:1px solid rgba(138,109,31,.28); border-radius:4px; padding:14px 16px; }
.status2 p{ margin:0; line-height:1.85; }
.status2 b{ font-weight:600; }

/* ── try an entry: full width on the hub, the same widget on the simulation page ── */
.tryband .try{ box-shadow:0 40px 80px -40px rgba(11,23,51,.35); }
.try__top{ display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; justify-content:space-between; }
.try__top .tag{ color:var(--deep); }
.try__bal{ margin:0; display:flex; flex-wrap:wrap; gap:8px 16px; justify-content:space-between; padding:10px 14px; border-block:1px solid var(--line-p); font-size:.9375rem; }
.try__bal .num{ font-size:1.0625rem; }
.try__act{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.try__res .cat{ font-size:.8125rem; color:var(--ink-2); }
.try__res .go{ justify-self:start; margin-top:4px; }
.try__hint{ display:grid; grid-template-columns:89px minmax(0,1fr); gap:14px; align-items:end; }
.try__hint img{ width:89px; }
.try__hint p{ margin:0; padding:14px 16px; border:1px solid var(--line-p); border-inline-start:7px double var(--deep); border-radius:4px; background:var(--paper); display:grid; gap:4px; line-height:1.7; }
.try__hint b{ font-size:.8125rem; color:var(--deep); }
.try__hint small{ font-size:.8125rem; color:var(--ink-2); }
.try__row select:focus-visible,.try .btn:focus-visible{ outline:2px solid var(--deep); outline-offset:2px; }
.try__res{ transition:background-color .3s; }
.try__res.is-bad{ background:rgba(154,59,46,.04); }

/* ── map on navy, each line in its colour ── */
.map{ background:var(--navy); }
.legend b{ color:var(--on-n); font-weight:600; }
.start-here{ background:var(--teal-n); color:var(--navy); }
@media (max-width:900px){
  .mapm__line li::before{ background:var(--navy); }
  .mapm__line li.x::before{ box-shadow:0 0 0 3px var(--navy),0 0 0 5px var(--lc,var(--teal-n)); }
}

/* ── courses on teal-deep: white plates over the T13 texture ── */
.band--teal-deep .crs__card{ background:#FFFFFF; border-color:transparent; color:var(--ink); box-shadow:0 30px 60px -34px rgba(0,0,0,.6); }
.band--teal-deep .crs__card:hover{ border-color:var(--teal-n); }
.band--teal-deep .crs__cover{ border-color:var(--line-p); }
.band--teal-deep .crs__no,.band--teal-deep .crs__part .label{ color:var(--teal-ink); }
.band--teal-deep .crs__h{ color:var(--ink); }
.band--teal-deep .crs__for,.band--teal-deep .crs__out span{ color:var(--ink-2); }
.band--teal-deep .crs__part{ border-color:var(--line-p); }
.band--teal-deep .crs__lessons li,.band--teal-deep .crs__out b{ color:var(--ink); }
.band--teal-deep .crs__lessons li::before{ color:var(--ink-2); }
.band--teal-deep .crs__body .go{ color:var(--ink); }
.band--teal-deep .crs__card :focus-visible{ outline-color:var(--deep); }

/* ── certificates: three plans side by side ── */
.vs--3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.vs .pchip{ justify-self:start; }

/* ── lab on sand: cream doors, the university line in gold-ink ── */
.doors--light{ border-color:rgba(138,109,31,.32); background:var(--cream); }
.doors--light .door{ background:var(--cream); }
.doors--light .door + .door{ border-color:rgba(138,109,31,.28); }
.doors--light .door__k{ color:var(--deep); }
.doors--light .door .h3{ color:var(--ink); }
.doors--light .door .ticks li,.doors--light .door .p{ color:var(--ink-2); }
.doors--light .door .ticks li b{ color:var(--ink); }
.band--sand .decide,.band--paper .decide{ border-inline-start-color:var(--gold-ink); }
.band--sand .decide .h3,.band--paper .decide .h3{ color:var(--ink); }
.band--sand .roles{ border-top-color:var(--gold-ink); }
.band--sand .roles li{ color:var(--ink); border-color:var(--line-p); }
.band--sand .roles i{ color:var(--ink-2); }
.band--sand .trialm .label{ color:var(--deep); }
.band--sand .trialm__list{ border-top-color:var(--gold-ink); }
.band--sand .trialm__list li{ border-color:var(--line-p); }
.band--sand .trialm__list b{ color:var(--ink); }
.band--sand .trialm__list span{ color:var(--ink-2); }
.band--sand .dash{ border-color:rgba(11,23,51,.3); }
.band--sand .h3{ color:var(--ink); }
.band--sand .marquee{ border-color:var(--line-p); }
.band--sand .marquee span{ color:var(--ink); }
.band--sand .marquee span::after{ border-color:var(--gold-ink); }
.tracks2--light th,.tracks2--light td{ border-color:var(--line-p); }
.tracks2--light thead th{ color:var(--ink); border-bottom-color:var(--gold-ink); }
.tracks2--light tbody th{ color:var(--ink); }
.tracks2--light td{ color:var(--ink-2); }
.tsplit--light{ border-top-color:var(--deep); }
.tsplit--light h3{ color:var(--ink); display:flex; align-items:center; gap:10px; font-size:1.5rem; }
.site[lang="ar"] .tsplit--light h3{ font-size:1.875rem; }
.tsplit--light .ticks li{ color:var(--ink); }
.tsplit--light > div + div{ border-color:var(--line-p); }

/* ── companies on blue ── */
.band--blue .defs dt{ color:#FFFFFF; }
.band--blue .h3,.band--blue .h4{ color:#FFFFFF; }
.shot--white .shot__frame{ border:6px solid #FFFFFF; }
.band--blue .chap__aside .small{ color:var(--mist); }
.notice{ margin:0; padding:10px 14px; border-inline-start:7px double var(--blue); background:var(--mist); color:var(--ink); font-size:.9375rem; line-height:1.7; }
.mini-steps{ list-style:none; margin:0; padding:0; display:grid; gap:0; border-top:7px double var(--blue); }
.mini-steps li{ display:grid; grid-template-columns:40px minmax(0,1fr); gap:2px 12px; padding:14px 0; border-bottom:1px solid var(--line-p); }
.mini-steps i{ grid-row:1 / span 2; font:500 1.75rem/1 var(--f-num); font-style:normal; color:var(--blue); }
.site[lang="ar"] .mini-steps i{ font-family:var(--f-d); font-weight:700; }
.mini-steps b{ font-weight:600; }
.mini-steps span{ font-size:.9375rem; color:var(--ink-2); line-height:1.65; }

/* ── prices: three tabs (أفراد · شركات · جامعات), each underlined in its line colour ── */
.ptabs{ background:var(--white); }
.ptabs button{ border-bottom:6px solid transparent; border-radius:2px 2px 0 0; padding:14px 22px 10px; font-size:1.0625rem; }
.ptabs button[aria-selected="true"]{ background:var(--white); color:var(--ink); font-weight:600; border-bottom:7px double var(--tc,var(--deep)); }
.ptabs button[data-line="st"]{ --tc:var(--teal); } .ptabs button[data-line="co"]{ --tc:var(--blue); } .ptabs button[data-line="un"]{ --tc:var(--gold-ink); }
.ptabs button:hover{ color:var(--ink); }
.ptab{ --pl:var(--deep); }
.ptab--st{ --pl:var(--teal); --pl-ink:var(--teal-ink); } .ptab--co{ --pl:var(--blue); --pl-ink:var(--blue); } .ptab--un{ --pl:var(--gold-ink); --pl-ink:var(--gold-ink); }
.ptab:focus-visible{ outline:2px solid var(--deep); outline-offset:6px; }
.plans--4{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.plans--3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.plan{ position:relative; }
.plan__badge{ position:absolute; top:0; inset-inline-end:0; font:600 .75rem/1 var(--f-body); color:#FFFFFF; background:var(--pl-ink,var(--deep)); padding:7px 10px; border-end-start-radius:4px; }
.plan--best::before{ content:""; position:absolute; inset-inline:0; top:0; height:7px; border-block:2px solid var(--pl); }
.plan--decoy{ background:var(--paper); }
.plan__chip{ margin-top:-6px; }
.plan .pp,.plan__price .num{ font-variant-numeric:lining-nums tabular-nums; }
.pnotes{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:20px 40px; margin-top:24px; padding:20px 0; border-bottom:1px solid var(--line-p); align-items:start; }
.pnotes a{ color:var(--deep); }
.cmp--4 td{ width:13%; }
.cmp--4 thead .pchip{ display:flex; width:max-content; margin:6px auto 0; }
.ptab__head{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px 40px; align-items:end; margin-bottom:24px; }
.ptab__head .stack-y{ max-width:62ch; }
.ptab__status{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.ptab__k{ display:flex; gap:10px; align-items:center; font:600 .875rem/1.4 var(--f-body); color:var(--deep); margin:0 0 14px; }
.cflow{ margin-top:clamp(36px,4vw,56px); }
.cflow__k{ display:flex; flex-wrap:wrap; gap:10px 14px; align-items:center; font:600 .875rem/1.4 var(--f-body); color:var(--deep); margin:0 0 6px; }
.csteps{ list-style:none; margin:0; padding:0; counter-reset:cs; }
.cstep{ display:grid; grid-template-columns:64px minmax(0,1fr) minmax(0,.9fr); gap:16px 32px; padding:28px 0; border-bottom:1px solid var(--line-p); align-items:start; }
.cstep:first-child{ border-top:7px double var(--blue); }
.cstep__n{ font:400 3rem/1 var(--f-num); color:var(--blue); }
.site[lang="ar"] .cstep__n{ font:700 3.25rem/1 var(--f-d); }
.cstep__body{ display:grid; gap:10px; min-width:0; }
.cstep__h{ margin:0; font:600 1.375rem/1.3 var(--f-d); }
.site[lang="ar"] .cstep__h{ font-size:1.625rem; }
.cstep__fig{ min-width:0; }
.cstep__pair{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.cstep:nth-child(3){ grid-template-columns:64px minmax(0,1fr); }
.calc{ border:1px solid var(--line-p); border-radius:6px; background:var(--white); padding:18px 20px; display:grid; gap:12px; max-width:620px; }
.calc__head{ display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; justify-content:space-between; padding-bottom:10px; border-bottom:1px solid var(--line-p); }
.calc__head .label{ color:var(--deep); }
.calc__row{ display:grid; grid-template-columns:minmax(0,1fr) 120px; gap:12px; align-items:center; }
.calc__row label{ display:grid; gap:2px; }
.calc__row b{ font-weight:600; }
.calc__row small{ font-size:.8125rem; color:var(--ink-2); }
.calc__row input{ width:100%; min-height:46px; border:1px solid rgba(11,23,51,.3); border-radius:3px; background:var(--paper); padding:0 12px; font:500 1.125rem/1 var(--f-num); text-align:center; direction:ltr; }
.calc__row input:focus-visible{ outline:2px solid var(--blue); outline-offset:1px; }
.calc__total{ margin:4px 0 0; display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 12px; padding-top:12px; border-top:7px double var(--blue); }
.calc__total > span:first-child{ font-weight:600; }
.calc__total b{ font:400 clamp(2.25rem,4vw,3rem)/1 var(--f-num); color:var(--blue); }
.calc__total small{ color:var(--ink-2); }
.calc__n{ margin-inline-start:auto; font-size:.875rem; color:var(--ink-2); }
.calc__notes li{ color:var(--ink-2); }
.cquote{ display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:20px 40px; margin-top:32px; padding:24px; border:1px dashed rgba(24,95,165,.55); border-radius:6px; background:var(--white); align-items:center; }
.cquote .label{ color:var(--blue); }
.cquote .h4{ margin:6px 0 12px; }
.ptab__foot{ display:flex; flex-wrap:wrap; gap:16px 32px; align-items:center; justify-content:space-between; margin-top:28px; padding-top:20px; border-top:1px solid var(--line-p); }
.ptab__foot .small{ max-width:70ch; color:var(--ink-2); }
.ulic{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:20px; }
.ulic > div{ border:1px solid var(--line-p); border-radius:6px; padding:clamp(20px,2.4vw,28px); background:var(--white); display:grid; gap:10px; align-content:start; }
.ulic .label{ color:var(--gold-ink); }
.ulic .btn{ justify-self:start; }
.truthline{ margin:24px 0 0; padding:12px 16px; border-inline-start:7px double var(--gold-ink); background:var(--cream); color:var(--ink); font-weight:500; }
.pricing .tag,.ptab .tag{ color:var(--deep); }
.pricing .pchip{ color:var(--deep); }

/* ── sponsor band (sand) ── */
.sponsor .defs{ border-color:rgba(11,23,51,.16); }
.sponsor .defs > div{ border-color:rgba(11,23,51,.16); }

/* ── page heads on the new tones ── */
.ph--teal-deep{ background:var(--teal-deep); }
.ph--blue{ background:var(--blue); color:#FFFFFF; }
.ph--teal-deep.spot::before{ background:radial-gradient(640px circle at var(--mx,72%) var(--my,28%), rgba(61,214,204,.10), transparent 62%); }
.ph--blue.spot::before{ background:radial-gradient(640px circle at var(--mx,72%) var(--my,28%), rgba(255,255,255,.10), transparent 62%); }
.ph--blue .hero__sub,.ph--blue .ph__crumb,.ph--blue .ph__crumb a{ color:var(--mist); }
.ph--blue .h1,.ph--teal-deep .h1{ color:var(--on-n); }
.ph--blue .h1{ color:#FFFFFF; }
.ph__bg::after{ background:linear-gradient(90deg, var(--bandbg) 22%, color-mix(in srgb,var(--bandbg) 62%,transparent)); }
.site[dir="rtl"] .ph__bg::after{ background:linear-gradient(270deg, var(--bandbg) 22%, color-mix(in srgb,var(--bandbg) 62%,transparent)); }
.ph__bg img{ opacity:.42; }
.ph__bg .slot{ top:auto; bottom:12px; inset-inline-start:var(--gut-l); inset-inline-end:auto; }
.ph__cap{ position:absolute; z-index:1; bottom:10px; inset-inline-end:var(--gut-r); margin:0; font-size:.75rem; color:var(--muted); }
.prail__title{ color:var(--acc); }
.prail ol::before{ border-color:var(--acc); }
.prail li::before{ background:var(--bandbg); border-color:var(--acc); }
.prail li.x::before{ box-shadow:0 0 0 3px var(--bandbg),0 0 0 5px var(--acc); }
.prail li.now::before{ background:var(--acc); }
.prail code{ color:var(--acc); }
.prail a,.prail span.st{ color:var(--tx); }
.prail small{ color:var(--muted); }
.ph .pcard{ background:rgba(255,255,255,.06); }
.ph--blue .pcard{ border-color:rgba(255,255,255,.3); }
.ph--blue .pcard__head,.ph--blue .pcard dt,.ph--blue .pcard dd{ border-color:rgba(255,255,255,.16); }
.ph--blue .pcard dt{ color:var(--mist); }

/* bento: the engine card on teal-deep instead of navy */
.bento .b-teal{ background:var(--teal-deep); color:var(--on-n); border-color:transparent; }
.bento .b-teal .h3{ color:var(--on-n); }
.bento .b-teal .h3 em{ color:var(--teal-n); }
.bento .b-teal .kicker{ color:var(--teal-n); }
.bento .b-teal .ticks li::before{ border-color:var(--teal-n); }

/* side rail on the coloured slabs */
body[data-tone="teal"] .siderail{ --rc:var(--teal-n); }
body[data-tone="teal"] .siderail a::before{ background:var(--teal-deep); }
body[data-tone="blue"] .siderail{ --rc:#FFFFFF; }
body[data-tone="blue"] .siderail a::before{ background:var(--blue); }

/* mega panel: each column in its line colour; the generated thumbnail keeps its caption */
.mega__cap{ font-size:.6875rem; color:var(--on-n2); margin-top:-8px; }

/* sign up: the live card takes the colour of the chosen line */
.acard{ --lc:var(--teal-n); border-top:7px double var(--lc); }
.acard--un{ --lc:var(--gold); } .acard--co{ --lc:var(--blue-n); }
.acard__name{ color:var(--lc); }
.lines3 button[data-line="st"][aria-pressed="true"]{ border-color:var(--teal-ink); box-shadow:inset 0 0 0 1px var(--teal-ink); }
.lines3 button[data-line="un"][aria-pressed="true"]{ border-color:var(--gold-ink); box-shadow:inset 0 0 0 1px var(--gold-ink); }
.lines3 button[data-line="co"][aria-pressed="true"]{ border-color:var(--blue); box-shadow:inset 0 0 0 1px var(--blue); }
.youare ol::before{ border-color:var(--teal-n); }

/* ── v5 responsive ── */
@media (max-width:1180px){
  .plans--4{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .plans--4 .plan:nth-child(3){ border-inline-start:0; }
  .plans--4 .plan:nth-child(n+3){ border-top:1px solid var(--line-p); }
  .cstep{ grid-template-columns:56px minmax(0,1fr); }
  .cstep__fig{ grid-column:2; }
}
@media (max-width:1060px){
  .hero__media{ justify-self:center; max-width:520px; margin-top:12px; }
  .site[lang="en"] .hero__media{ justify-self:center; }
  .hero__verdict{ inset-inline-start:-6%; width:78%; }
}
@media (max-width:900px){
  .plans--3,.ulic,.cquote,.pnotes,.vs--3{ grid-template-columns:minmax(0,1fr); }
  .plans--3 .plan + .plan{ border-inline-start:0; border-top:1px solid var(--line-p); }
  .vs--3 > div + div{ border-inline-start:0; border-top:1px solid var(--line-p); }
  .cstep__pair{ grid-template-columns:minmax(0,1fr); }
  .photo--wide .photo__frame img{ aspect-ratio:16/9; }
}
@media (max-width:700px){
  .plans--4{ grid-template-columns:minmax(0,1fr); }
  .plans--4 .plan + .plan{ border-inline-start:0; border-top:1px solid var(--line-p); }
  .contrast{ grid-template-columns:minmax(0,1fr); }
  .contrast > div + div{ border-inline-start:0; padding-inline-start:0; border-top:1px solid rgba(11,23,51,.16); }
  .cstep{ grid-template-columns:minmax(0,1fr); gap:10px; }
  .cstep:nth-child(3){ grid-template-columns:minmax(0,1fr); }
  .cstep__fig{ grid-column:auto; }
  .calc__row{ grid-template-columns:minmax(0,1fr) 92px; }
  .ptabs{ display:flex; width:100%; }
  .ptabs button{ flex:1; padding:12px 8px 8px; font-size:1rem; }
}
@media (max-width:600px){
  .photo--hero .photo__frame img{ aspect-ratio:4/5; }
  .photo--hero figcaption{ padding-inline-end:30%; }
  .hero__verdict{ width:84%; inset-inline-start:-2%; bottom:calc(2.6em + 6%); }
  .hero__nashmi{ width:35%; inset-inline-end:-3%; bottom:-1%; }
  .try__hint{ grid-template-columns:78px minmax(0,1fr); }
  .try__hint img{ width:78px; }   /* phones: a little larger so the cap on the academy mark reads */
  .photo--portrait{ max-width:none; }
  .tex__cap,.ph__cap{ inset-inline-end:var(--gut-r); font-size:.6875rem; }
}
@media (prefers-reduced-motion:reduce){ .try__res{ transition:none; } }
/* status tags inside program cards keep their contrast on every head tone */
.site .tag--live{ color:#FFFFFF; }
.ph .pcard .tag--live,.band .pcard .tag--live{ color:#FFFFFF; }
.ph--blue .pcard .tag,.band--blue .pcard .tag,.band--blue .tag{ color:var(--mist); }
.ph--blue .pcard .tag--live{ color:#FFFFFF; }
/* nav: six links in v5 (Companies added) — keep every label on one line */
.nav__links a,.nav__links button,.nav__txt{ white-space:nowrap; }
.nav__links{ gap:clamp(10px,1.5vw,24px); }
@media (max-width:1240px){ .nav > .wrap{ gap:14px; } .nav__links{ gap:12px; } .nav__links a,.nav__links button{ font-size:.875rem; } .brand__word{ display:none; } }

/* ════════════════════════════════════════════════════════════════════════════
   v5 · video and language (محضر لجنة الفيديو واللغة ٢١/١٠)
   The tour component (hero chip · #watch band · simulation #watch · dialog), the language switch on every width,
   and the LIVE written-request cards. No motion of its own: the reduced-motion rule above covers the rest.
   ════════════════════════════════════════════════════════════════════════════ */
/* hero chip: a 16:9 thumbnail with a teal play glyph, title and meta; never orange (orange is the first call alone) */
.vchip{ display:inline-flex; align-items:center; gap:14px; align-self:flex-start; max-width:100%; color:var(--on-n); text-decoration:none; padding:8px 14px 8px 8px; border:1px solid var(--line-n); border-radius:6px; background:rgba(243,240,231,.04); }
.site[dir="rtl"] .vchip{ padding:8px 8px 8px 14px; }
.vchip:hover{ border-color:rgba(243,240,231,.5); background:rgba(243,240,231,.08); }
.vchip__thumb{ position:relative; flex:none; width:96px; aspect-ratio:16/9; border-radius:4px; overflow:hidden; background:var(--deep); }
.vchip__thumb img{ display:block; width:100%; height:100%; object-fit:cover; }
.vchip__play{ position:absolute; inset:0; margin:auto; width:30px; height:30px; border-radius:50%; background:var(--teal-n); box-shadow:0 2px 10px rgba(4,12,30,.45); }
.vchip__play::after{ content:""; position:absolute; top:50%; left:54%; transform:translate(-50%,-50%); border-style:solid; border-width:6px 0 6px 10px; border-color:transparent transparent transparent var(--navy); }
.vchip__txt{ display:grid; gap:2px; min-width:0; }
.vchip__txt b{ font-weight:600; font-size:.9375rem; line-height:1.35; }
.vchip__txt small{ color:var(--on-n2); font-size:.8125rem; line-height:1.4; }
@media (min-width:900px){ .vchip__thumb{ width:120px; } .vchip__play{ width:34px; height:34px; } }

/* the #watch band: paper, read with #try below it as one see-it-then-do-it block */
.watch{ padding-bottom:clamp(40px,5vw,72px); }
.watch .chap__head{ grid-template-columns:minmax(0,1fr); margin-bottom:clamp(24px,3vw,40px); }
.watch .kicker .tag{ text-transform:none; letter-spacing:0; }
.watch + .tryband{ border-top:7px double var(--line-p); }
.watch--page + .band{ border-top:7px double var(--line-p); }

/* the player: native controls + one poster play button */
.vp{ display:grid; gap:16px; max-width:1040px; }
.vp__stage{ position:relative; border-radius:6px; overflow:hidden; background:var(--navy); box-shadow:0 30px 70px -30px rgba(11,23,51,.45); }
.vp__stage video{ display:block; width:100%; height:auto; aspect-ratio:16/9; background:var(--navy); }
.vp__play{ position:absolute; inset:0; margin:auto; height:fit-content; width:fit-content; display:inline-flex; align-items:center; gap:12px; padding:10px 22px 10px 10px; border:0; border-radius:999px; background:rgba(11,23,51,.86); color:var(--on-n); font:600 1rem/1.2 var(--f-body); cursor:pointer; min-height:48px; }
.site[dir="rtl"] .vp__play{ padding:10px 10px 10px 22px; }
.vp__play:hover{ background:var(--navy); }
.vp__play[hidden]{ display:none; }
.vp__ic{ position:relative; flex:none; width:44px; height:44px; border-radius:50%; background:var(--teal-n); }
.vp__ic::after{ content:""; position:absolute; top:50%; left:55%; transform:translate(-50%,-50%); border-style:solid; border-width:8px 0 8px 13px; border-color:transparent transparent transparent var(--navy); }
.vp__play:focus-visible{ outline:3px solid var(--teal-n); outline-offset:3px; }
.vp__chap{ display:flex; flex-wrap:wrap; gap:8px; }
.vp__chapb{ display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:8px 14px; border:1px solid rgba(11,23,51,.28); border-radius:3px; background:var(--white); color:var(--ink); font:500 .9375rem/1.2 var(--f-body); cursor:pointer; text-align:start; }
.vp__chapb:hover{ border-color:var(--ink); }
.vp__chapb .num{ color:var(--teal-ink); font-weight:600; font-variant-numeric:tabular-nums; }
.vp__end{ border-inline-start:7px double var(--teal); background:var(--white); padding:12px 16px; border-radius:3px; }
.vp__end p{ margin:0; display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; font-size:.9375rem; }
.vp__end a:not(.btn){ color:var(--deep); font-weight:600; }
.vp__info{ display:grid; gap:6px; }
.vp__note{ margin:0; font-size:.9375rem; line-height:1.75; color:var(--ink-2); max-width:78ch; }
.vp__note .tag{ margin-inline-end:6px; vertical-align:1px; }
.vp__meta{ margin:0; }
.vp__tr{ border-top:1px solid var(--line-p); padding-top:10px; }
.vp__tr summary{ cursor:pointer; font-weight:600; min-height:44px; display:flex; align-items:center; color:var(--deep); }
.vp__trtext{ max-width:78ch; font-size:.9375rem; line-height:1.85; color:var(--ink); }
.vp__trtext p{ margin:0 0 10px; }
.vp__trtext b{ font-weight:600; color:var(--deep); }

/* the dialog opened from the hero chip (zoombox pattern) */
.vbox{ width:min(1100px,calc(100vw - 32px)); background:var(--paper); }
.vbox__body{ overflow:auto; flex:1; min-height:0; padding:clamp(12px,2vw,22px); }
.vbox .vp{ max-width:none; }
.vbox .zoombox__x{ min-height:44px; }

/* language switch: on every width (the burger is not its only home); outlined for an Arabic-first browser that has not chosen */
.nav__end .lang{ display:inline-flex; align-items:center; min-height:44px; padding:0 2px; }
.lang.is-hint{ border:1.5px solid var(--teal-n); border-radius:3px; padding:0 10px; }
.foot__lang{ margin:6px 0 0; }
.foot__langa{ color:var(--on-n); font-weight:600; text-decoration:underline; text-underline-offset:4px; }
@media (max-width:420px){
  .nav__end{ gap:10px; }
  .nav__end .lang{ font-size:.875rem; }
}

/* LIVE: written requests instead of forms; written-quote prices */
.mailcard .ticks{ margin:0; }
.plan__q{ font:600 1.25rem/1.3 var(--f-body); }
.vs__price--q{ font:600 1.125rem/1.3 var(--f-body); }
.calc--q{ display:grid; gap:14px; }

/* ════════════════════════════════════════════════════════════════════════════
   v5 · verifier round (21/10, evening): Nashmi's academy mark readable on phones, old legal-page addresses, the poster's play button
   ════════════════════════════════════════════════════════════════════════════ */
/* old section addresses (/#student, /#universities, /#pricing, /#nashmi) land below the sticky bar and nav */
.anchor-alias{ display:block; height:0; overflow:hidden; scroll-margin-top:calc(var(--bar-h) + var(--nav-h) + 24px); }
#nashmi{ scroll-margin-top:calc(var(--bar-h) + var(--nav-h) + 24px); }
/* Nashmi crops: the frame shows the head, the academy mark (the + wearing the cap) and the shoulders; the robot keeps its proportions.
   Geometry from media/nashmi/nashmi_acad.json: desk_guide mark x 606–794 y 6–205, helmet x 189–644 y 93–474 (canvas 1108×1099);
   hint_finger mark x 425–570 y 6–160, helmet x 102–458 y 76–364 (canvas 580×975). */
.nashmi-say__fig,.try__fig{ display:block; }
.nashmi-say__fig img{ width:clamp(150px,16vw,220px); }
.bento__nashmi{ width:140px; justify-self:end; }
@media (max-width:900px){
  .nashmi-say{ grid-template-columns:140px minmax(0,1fr); }
  /* the desk scene, cropped to x 150–860, y 0–710 (a square): mark ≈ 25 px wide at 140 px */
  .nashmi-say__fig{ position:relative; width:140px; height:140px; overflow:hidden; border-radius:4px; }
  .nashmi-say__fig img{ position:absolute; top:0; left:-29.6px; width:218.5px; max-width:none; height:auto; }
}
/* the hint, on every width: head, raised finger and mark, cropped to y 0–520 at full width: mark ≈ 21 px at 124 px */
.try__hint{ grid-template-columns:124px minmax(0,1fr); }
.try__fig{ position:relative; width:124px; height:111px; overflow:hidden; }
.try__hint .try__fig img{ position:absolute; top:0; left:0; width:124px; max-width:none; height:auto; }
@media (max-width:600px){
  /* hero: Nashmi larger (mark ≈ 26 px), the verdict card narrower so the mark and the helmet stay clear of it in both directions */
  .hero__verdict{ width:66%; inset-inline-start:-2%; }
  .hero__nashmi{ width:46%; inset-inline-end:-1%; bottom:-1%; }
  /* the hint stacks: Nashmi's head and mark above the bubble, so the bubble keeps the full width */
  .try__hint{ grid-template-columns:minmax(0,1fr); gap:8px; }
  .try__fig{ justify-self:start; }
}
/* the poster's play button sits in the empty part of the poster's screen, never over its headline (EN: right of the text; AR: left of it) */
.vp__play{ inset:auto; margin:0; left:60.5%; top:46%; transform:translate(-50%,-50%); }
.site[dir="rtl"] .vp__play{ left:45.3%; }
@media (max-width:600px){
  .vp__play{ gap:0; padding:6px; }
  .site[dir="rtl"] .vp__play{ padding:6px; }
  .vp__play > span:not(.vp__ic){ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }
}

/* ════════════════════════════════════════════════════════════════════════════
   v5.1 · لجنة 1026 (21/10, evening): «لماذا تختار» (#why), the supporters' band (#sponsor), the supporters wall (#supporters),
   the supporters' line in the footer. No orange here: the one orange call stays the main sign-up button.
   ════════════════════════════════════════════════════════════════════════════ */
.why{ position:relative; }
.why__grid{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:7px double var(--gold); }
.why__grid li{ display:grid; gap:10px; align-content:start; padding-block:26px; padding-inline:0 clamp(16px,2.4vw,36px); border-bottom:1px solid var(--line-n); }
.why__grid li:nth-child(3n+2),.why__grid li:nth-child(3n+3){ padding-inline-start:clamp(16px,2.4vw,36px); border-inline-start:1px solid var(--line-n); }
.why__mk{ display:block; width:28px; height:7px; border-block:1.5px solid var(--gold); }
.why__grid h3{ margin:0; font:600 1.375rem/1.35 var(--f-d); color:var(--on-n); text-wrap:balance; }
.site[lang="ar"] .why__grid h3{ font-size:1.625rem; }
.site[lang="en"] .why__grid h3{ font-weight:500; }
.why__grid p{ margin:0; color:var(--on-n2); line-height:1.75; }
.why__std{ border:1px solid var(--gold); border-radius:4px; padding:clamp(20px,3vw,40px); display:grid; gap:14px; position:relative; }
.why__std::before{ content:""; position:absolute; inset-inline:clamp(20px,3vw,40px); top:-4px; height:7px; border-block:1.5px solid var(--gold); background:var(--navy); }
.why__std-l{ margin:0; font:600 clamp(1.375rem,2.4vw,2rem)/1.5 var(--f-d); color:var(--on-n); max-width:44ch; }
.site[lang="en"] .why__std-l{ font-weight:400; }
.why__std-f,.why__law{ margin:0; color:var(--on-n2); font-size:.9375rem; line-height:1.7; }
.why__job{ margin:0; }
@media (max-width:1060px){
  .why__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .why__grid li:nth-child(n){ padding-inline:0; border-inline-start:0; }
  .why__grid li:nth-child(2n){ padding-inline-start:clamp(16px,2.4vw,36px); border-inline-start:1px solid var(--line-n); }
}
@media (max-width:600px){
  .why__grid{ grid-template-columns:minmax(0,1fr); }
  .why__grid li:nth-child(n){ padding-inline:0; border-inline-start:0; }
}
/* the supporters' band: fund first, then the follow-up explanation (a details whose summary is the second button) */
.sponsor__cta{ display:flex; flex-wrap:wrap; gap:16px; align-items:flex-start; }
.progress{ flex:0 1 auto; min-width:0; }
.progress[open]{ flex:1 1 100%; }
.progress > summary{ list-style:none; }
.progress > summary::-webkit-details-marker{ display:none; }
.progress > summary::after{ content:""; width:8px; height:8px; border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor; transform:translateY(-2px) rotate(45deg); transition:transform .2s ease; }
.progress[open] > summary::after{ transform:translateY(2px) rotate(225deg); }
.progress__body{ margin-top:14px; padding:18px 20px; background:var(--cream); border:1px solid var(--line-p); border-radius:4px; display:grid; gap:10px; }
.progress__body p{ margin:0; color:var(--ink-2); line-height:1.75; }
.progress__body .tag{ color:var(--deep); margin-inline-start:6px; }
.sponsor .btn--line,.sup .btn--line{ color:var(--ink); }
/* the supporters wall */
.sup__empty{ padding:clamp(20px,3vw,32px); background:var(--cream); border:1px solid var(--line-p); border-radius:4px; border-top:7px double var(--teal-ink); }
.sup__empty .h3{ color:var(--ink); }
.sup__count{ margin:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); border-top:7px double var(--teal-ink); }
.sup__count > div{ padding:18px 0; display:grid; gap:4px; }
.sup__count dt{ font-size:.875rem; color:var(--ink-2); }
.sup__count dd{ margin:0; font-size:clamp(2rem,4vw,3rem); line-height:1; color:var(--ink); }
.sup__cards{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:14px; }
.sup__card{ display:grid; gap:8px; padding:18px; background:var(--cream); border:1px solid var(--line-p); border-radius:4px; }
.sup__card b{ font-weight:600; font-size:1.0625rem; }
.sup__card img{ height:48px; width:auto; max-width:100%; object-fit:contain; justify-self:start; }
.sup__card span{ font-size:.875rem; color:var(--ink-2); }
/* the supporters' line in every footer, above the truth lines */
.foot__sup{ margin-top:28px; padding-top:20px; border-top:1px solid var(--line-n); display:grid; gap:6px; }
.foot__sup p{ margin:0; color:var(--on-n2); font-size:.9375rem; }
.foot__sup p:first-child{ display:flex; flex-wrap:wrap; gap:6px 18px; align-items:baseline; }
.foot__sup b{ color:var(--gold); font-weight:600; font-size:.8125rem; }
.site[lang="en"] .foot__sup b{ letter-spacing:.08em; text-transform:uppercase; font-size:.75rem; }
.foot__sup a{ color:var(--on-n); text-underline-offset:4px; }
.foot__sup .foot__sup-f{ flex-basis:100%; font-size:.8125rem; color:var(--on-n2); }
@media (prefers-reduced-motion:reduce){ .progress > summary::after{ transition:none; } }
/* v5.2 (owner 22/10) · the fourth pricing door «الداعمون» / Supporters: navy line (the supporters' colour is navy, never orange) */
.ptabs button[data-line="sp"]{ --tc:var(--deep); }
.ptab--sp{ --pl:var(--deep); --pl-ink:var(--deep); }
.plans--sp .plan__price{ flex-wrap:wrap; row-gap:4px; }
.plans--sp .plan .btn{ justify-self:start; }
.plans--sp .ticks a,.ptab--sp .pnotes a{ color:var(--deep); text-underline-offset:3px; }
.ptab--sp .pnotes{ border-bottom:0; padding-bottom:4px; }
@media (max-width:520px){
  .ptabs{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ptabs button{ padding:12px 8px 8px; }
}
/* v5.3 start · Supporters: two ways, follow strip, FAQ, tab glyphs (owner 22/10) */
.ptabs button{ display:inline-flex; align-items:center; justify-content:center; gap:.5em; }
.tabico{ width:1.25rem; height:1.25rem; flex:none; color:var(--ink-2); overflow:visible; }
.tabico path{ fill:none; stroke:currentColor; stroke-width:1.75; stroke-linejoin:miter; stroke-linecap:butt; }
.tabico .i-p1{ stroke-width:1; } .tabico .i-p2{ stroke-width:2; }
.tabico .i-key,.tabico .i-acc{ fill:var(--gold); stroke:var(--white); stroke-width:1.4; paint-order:stroke fill; transform-box:fill-box; transform-origin:center; transition:transform .18s ease; }
.ptabs button:hover .tabico{ color:var(--ink); }
.ptabs button[aria-selected="true"] .tabico{ color:var(--deep); }
.ptabs button:hover .i-key,.ptabs button:hover .i-acc,.ptabs button:focus-visible .i-key,.ptabs button:focus-visible .i-acc{ transform:scale(1.18); }
.ptabs button[aria-selected="true"] .stairs{ animation:stairs-on .5s ease-out .05s both; }
@keyframes stairs-on{ from{ stroke-dasharray:20; stroke-dashoffset:20; } to{ stroke-dasharray:20; stroke-dashoffset:0; } }
.site[dir="rtl"] .tabico .stairs{ transform:scaleX(-1); transform-origin:12px 12px; }
.site[dir="rtl"] .pico--list{ transform:scaleX(-1); }

.paths{ position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:0 0 clamp(28px,3.4vw,44px); }
.pathcard{ display:grid; gap:16px; align-content:start; min-width:0; padding:clamp(20px,2.4vw,32px); background:var(--white); border:1px solid var(--line-p); border-top:7px double var(--deep); border-radius:6px; scroll-margin-top:calc(var(--nav-h) + var(--bar-h) + 20px); }
.pathcard__top{ display:flex; align-items:center; gap:14px; }
.pathcard__ico{ width:56px; height:56px; flex:none; display:grid; place-items:center; background:var(--paper); border:1px solid var(--line-p); border-radius:4px; }
.pico{ width:40px; height:40px; }
.pico path,.pico circle{ fill:none; stroke:var(--deep); stroke-width:1.75; stroke-linejoin:miter; stroke-linecap:butt; }
.pico .i-dot{ fill:var(--gold); stroke:var(--deep); stroke-width:1.5; }
.pico .i-lens{ fill:var(--gold); stroke:none; }
.pathcard__way{ margin:0; font:600 .875rem/1.3 var(--f-body); color:var(--ink-2); }
.pathcard .h3{ margin:0; font-size:clamp(1.625rem,2.2vw,2rem); }
.pathcard__lead{ margin:0; font-weight:500; color:var(--ink); }
.steps{ list-style:none; margin:0; padding:0; display:grid; gap:14px; counter-reset:st; }
.steps li{ counter-increment:st; display:grid; grid-template-columns:28px minmax(0,1fr); gap:12px; align-items:start; line-height:1.7; }
.steps li::before{ content:counter(st); width:28px; height:28px; display:grid; place-items:center; border:1.5px solid var(--deep); border-radius:50%; font:600 .875rem/1 var(--f-num); color:var(--deep); }
.steps li:last-child::before{ border-color:var(--gold); box-shadow:0 0 0 3px var(--white),0 0 0 4.5px var(--gold); }
.pathcard__fit{ margin:0; padding-top:12px; border-top:1px solid var(--line-p2); font-size:.875rem; color:var(--ink-2); }
.pathcard__cta{ display:flex; flex-wrap:wrap; gap:12px; }
.pathcard__note{ margin:0; font-size:.875rem; color:var(--ink-2); }
.paths__or{ position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%,-50%); width:44px; height:44px; display:grid; place-items:center; border-radius:50%; background:var(--paper); border:1px solid var(--line-p); box-shadow:0 0 0 6px var(--paper); font:600 .9375rem/1 var(--f-body); color:var(--ink-2); }
.paths__shared{ margin:16px 0 0; padding:12px 16px; border-inline-start:7px double var(--deep); background:var(--cream); font-weight:500; }
.seats__h{ margin:clamp(28px,3.4vw,44px) 0 6px; } .seats__p{ margin:0 0 18px; color:var(--ink-2); }
.plan__out{ margin:0; font-weight:500; color:var(--ink); line-height:1.65; }

.follow{ display:grid; grid-template-columns:minmax(0,4fr) minmax(0,8fr); gap:20px clamp(24px,4vw,56px); align-items:start; margin-top:clamp(28px,3.4vw,44px); padding:clamp(20px,2.6vw,32px); background:var(--cream); border:1px solid var(--line-p); border-top:7px double var(--deep); border-radius:4px; }
.follow__items{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 24px; }
.follow__items li{ display:grid; gap:6px; align-content:start; }
.follow__items b{ font-weight:600; }
.follow__items span{ font-size:.875rem; line-height:1.6; color:var(--ink-2); }
.follow__foot{ grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:10px 24px; align-items:center; padding-top:16px; border-top:1px solid var(--line-p); font-size:.9375rem; }
.rule2--sp{ color:var(--deep); width:36px; }

.spfaq{ margin-top:clamp(28px,3.4vw,44px); border-top:7px double var(--deep); padding-top:20px; }
.spfaq details{ border-bottom:1px solid var(--line-p); }
.spfaq summary{ list-style:none; cursor:pointer; min-height:44px; padding:16px 0; display:flex; align-items:center; justify-content:space-between; gap:16px; font:600 1.0625rem/1.5 var(--f-body); }
.spfaq summary::-webkit-details-marker{ display:none; }
.spfaq summary::after{ content:""; width:8px; height:8px; flex:none; border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor; transform:translateY(-2px) rotate(45deg); transition:transform .2s; }
.spfaq details[open] summary::after{ transform:translateY(2px) rotate(225deg); }
.spfaq .a{ margin:0; padding:0 0 20px; max-width:70ch; color:var(--ink-2); }
.sponsor .defs a{ color:var(--deep); font-weight:600; text-underline-offset:3px; }
/* builders' additions to the contract: margins inside the new blocks, the wall's two-ways line, the student's seat line */
.follow__head .h3,.spfaq > .h3{ margin:0; }
.follow__foot p{ margin:0; }
.follow__foot .tag{ color:var(--deep); }
.follow__items .rule2{ margin-bottom:2px; }
.sup__ways{ margin:0; font-weight:500; color:var(--ink); }
.sup__ways a,.seatreq a,.pathcard a.lat,.spfaq .a a{ color:var(--deep); font-weight:600; text-underline-offset:3px; }

@media (max-width:900px){
  .paths{ grid-template-columns:minmax(0,1fr); }
  .paths__or{ position:static; transform:none; justify-self:center; margin:-8px 0; }
  .follow{ grid-template-columns:minmax(0,1fr); }
  .follow__items{ grid-template-columns:minmax(0,1fr); }
}
@media (max-width:520px){ .tabico{ width:1.125rem; height:1.125rem; } .pathcard__cta .btn{ width:100%; } }
@media (prefers-reduced-motion:reduce){
  .ptabs button[aria-selected="true"] .stairs{ animation:none; }
  .tabico .i-key,.tabico .i-acc,.spfaq summary::after{ transition:none; }
  .ptabs button:hover .i-key,.ptabs button:hover .i-acc,.ptabs button:focus-visible .i-key,.ptabs button:focus-visible .i-acc{ transform:none; }
}
@media (forced-colors:active){ .tabico .i-key,.tabico .i-acc{ fill:Highlight; stroke:Canvas; } .pico .i-dot,.pico .i-lens{ fill:Highlight; } }
/* v5.3 end */