/* ============ light is the brand default; the toggle switches ============ */
:root{
  --ground:#EDF1EE;
  --ground-2:#E4EBE6;
  --surface:#FFFFFF;
  --surface-2:#F6F9F6;
  --panel:#E5EDE8;
  --line:#CDDAD3;
  --line-soft:#DEE8E2;
  --ink:#0C201D;
  --ink-2:#47574F;
  --ink-3:#74837C;
  --brass:#8A681C;
  --brass-fill:#C9A24C;
  --brass-dim:#B49551;
  --petrol:#0F5750;
  --ok:#1B7A61;
  --warn:#A9452A;
  --bezel:linear-gradient(160deg,#E2E7E3,#B7C2BB 42%,#EFF2EF 76%,#C6D0CA);
  --screen-bg:#08130F;
  --screen-ink:#E8E3D6;
  --screen-ink-2:#A8B2AC;
  --screen-line:#1E3A36;
  --screen-panel:#102523;
  --shadow:0 30px 64px -30px rgba(12,32,29,.42);
  --nav-bg:rgba(237,241,238,.86);
  --display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --body:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --arabic:"IBM Plex Sans Arabic","IBM Plex Sans",sans-serif;
  --maxw:1160px;
}
:root[data-theme="dark"]{
  --ground:#0E1A18;
  --ground-2:#132523;
  --surface:#142624;
  --surface-2:#172D29;
  --panel:#1B332E;
  --line:#2A4A45;
  --line-soft:#213D38;
  --ink:#EDE8DA;
  --ink-2:#AEB8B2;
  --ink-3:#7E8D87;
  --brass:#D8B266;
  --brass-fill:#C9A24C;
  --brass-dim:#9C8043;
  --petrol:#1F7168;
  --ok:#4FB89A;
  --warn:#D2775E;
  --bezel:linear-gradient(160deg,#34443F,#0E1A18 38%,#23312E 78%,#3B4B46);
  --shadow:0 36px 80px -32px rgba(0,0,0,.8);
  --nav-bg:rgba(14,26,24,.86);
}

*{box-sizing:border-box;}
body{
  margin:0;background:var(--ground);color:var(--ink);
  font-family:var(--body);font-size:16px;line-height:1.62;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
body[data-lang="ar"]{font-family:var(--arabic);}
img{max-width:100%;}
a{color:inherit;}
button{font:inherit;color:inherit;}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:2px;}
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:24px;}

/* ---------- type ---------- */
.display{font-family:var(--display);font-variation-settings:"wdth" 112,"wght" 700;letter-spacing:-.022em;line-height:1.03;text-wrap:balance;margin:0;}
body[data-lang="ar"] .display{font-family:var(--arabic);letter-spacing:0;line-height:1.36;}
h1.display{font-size:clamp(2.4rem,5.4vw,4.1rem);}
h2.display{font-size:clamp(1.75rem,3.2vw,2.6rem);}
h3{font-family:var(--display);font-variation-settings:"wdth" 108,"wght" 650;letter-spacing:-.012em;margin:0;font-size:1.14rem;line-height:1.25;}
body[data-lang="ar"] h3{font-family:var(--arabic);letter-spacing:0;}
p{margin:0;}
.lede{font-size:clamp(1rem,1.3vw,1.13rem);color:var(--ink-2);max-width:62ch;}
.kicker{font-family:var(--mono);font-size:.67rem;letter-spacing:.17em;text-transform:uppercase;color:var(--brass);margin:0;}
body[data-lang="ar"] .kicker{font-family:var(--arabic);letter-spacing:0;font-size:.79rem;}
.num{font-variant-numeric:tabular-nums;font-family:var(--mono);}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:60;background:var(--nav-bg);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft);}
.nav-in{display:flex;align-items:center;gap:22px;height:66px;}
.mark{display:flex;align-items:center;gap:10px;flex:0 0 auto;background:none;border:0;cursor:pointer;padding:0;text-decoration:none;color:inherit;}
.mark-glyph{width:27px;height:27px;border-radius:7px;flex:0 0 auto;background:linear-gradient(150deg,#D8B15C,#8A681C);display:grid;place-items:center;font-family:var(--display);font-variation-settings:"wdth" 100,"wght" 800;font-size:.74rem;color:#FFF8E6;}
.mark-word{font-family:var(--display);font-variation-settings:"wdth" 108,"wght" 700;font-size:1.04rem;letter-spacing:-.01em;}
.mark-word span{color:var(--brass);}
.tabs{display:flex;gap:2px;margin-inline-start:auto;overflow-x:auto;scrollbar-width:none;}
.tabs::-webkit-scrollbar{display:none;}
.tabs a{
  flex:0 0 auto;background:none;border:0;cursor:pointer;white-space:nowrap;
  padding:8px 13px;border-radius:999px;font-size:.885rem;color:var(--ink-2);transition:color .16s,background .16s;
}
.tabs a:hover{color:var(--ink);}
.tabs a[aria-current="page"]{background:var(--panel);color:var(--brass);}
.nav-tools{display:flex;align-items:center;gap:9px;flex:0 0 auto;}
.icobtn,.lang button,.askbtn{cursor:pointer;transition:.16s;}
.icobtn{
  width:34px;height:34px;border-radius:999px;border:1px solid var(--line);background:none;
  display:grid;place-items:center;color:var(--ink-2);
}
.icobtn:hover{border-color:var(--brass);color:var(--brass);}
.lang{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;}
.lang button{background:none;border:0;padding:6px 11px;font-family:var(--mono);font-size:.69rem;color:var(--ink-3);}
.lang button[aria-pressed="true"]{background:var(--brass-fill);color:#14231F;}
.askbtn{background:none;border:1px solid var(--line);border-radius:999px;padding:7px 15px;font-size:.85rem;color:var(--ink-2);}
.askbtn:hover,.askbtn[aria-expanded="true"]{border-color:var(--brass);color:var(--brass);}

.btn{
  display:inline-flex;align-items:center;gap:8px;padding:11px 19px;border-radius:999px;
  border:1px solid transparent;text-decoration:none;font-size:.885rem;font-weight:500;cursor:pointer;
  transition:transform .16s,background .18s,border-color .18s,color .18s;
}
.btn-solid{background:var(--brass-fill);color:#14231F;border-color:var(--brass-fill);}
.btn-solid:hover{transform:translateY(-1px);background:#D8B15C;}
.btn-ghost{border-color:var(--line);color:var(--ink);background:none;}
.btn-ghost:hover{border-color:var(--brass);color:var(--brass);}

/* ---------- pages ---------- */
.page{display:block;animation:fade .3s ease both;}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
section{padding-block:clamp(44px,6vw,80px);}
.sec-head{display:flex;flex-direction:column;gap:12px;max-width:64ch;margin-bottom:clamp(26px,3.4vw,42px);}
.divider{height:1px;background:var(--line-soft);border:0;margin:0;}

/* ---------- hero ---------- */
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(30px,5vw,64px);align-items:center;}
.hero-copy{display:flex;flex-direction:column;gap:21px;align-items:flex-start;}
.cta{display:flex;gap:11px;flex-wrap:wrap;}
.facts{display:flex;flex-wrap:wrap;border-top:1px solid var(--line-soft);width:100%;margin-top:6px;}
.fact{flex:1 1 160px;padding:15px 18px 13px;border-inline-end:1px solid var(--line-soft);display:flex;flex-direction:column;gap:2px;}
.fact:last-child{border-inline-end:0;}
.fact dt{font-family:var(--mono);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3);}
body[data-lang="ar"] .fact dt{font-family:var(--arabic);letter-spacing:0;font-size:.73rem;}
.fact dd{margin:0;font-size:.92rem;}

/* ---------- phone ---------- */
.stage{display:flex;flex-direction:column;align-items:center;gap:14px;}
.phone{
  position:relative;width:min(306px,78vw);aspect-ratio:306/632;
  border-radius:44px;padding:11px;background:var(--bezel);
  box-shadow:var(--shadow),0 0 0 1px rgba(138,104,28,.2),inset 0 1px 0 rgba(255,255,255,.35);
}
.phone::before{content:"";position:absolute;top:11px;left:50%;transform:translateX(-50%);width:86px;height:21px;border-radius:0 0 14px 14px;background:#0A1413;z-index:20;}
.screen-frame{position:relative;width:100%;height:100%;border-radius:34px;overflow:hidden;background:var(--screen-bg);color:var(--screen-ink);isolation:isolate;}
.scr{position:absolute;inset:0;display:flex;flex-direction:column;font-size:13px;line-height:1.4;}
.sbar{height:34px;flex:0 0 auto;display:flex;align-items:flex-end;justify-content:space-between;padding:0 20px 3px;font-family:var(--mono);font-size:.63rem;letter-spacing:.02em;}
.sbar .r{display:flex;gap:5px;opacity:.85;}
.lockscr{
  z-index:12;touch-action:none;will-change:transform;
  background:radial-gradient(120% 70% at 50% 0%,rgba(31,140,126,.36),rgba(5,13,12,0) 60%),linear-gradient(180deg,#07120F,#04100E 55%,#071614);
}
.lockscr.slide{transition:transform .46s cubic-bezier(.3,.9,.25,1),opacity .3s;}
.lockscr.gone{transform:translateY(-103%);opacity:0;pointer-events:none;}
.lock-body{flex:1;display:flex;flex-direction:column;align-items:center;padding:14px 18px 18px;}
.lock-time{font-family:var(--display);font-variation-settings:"wdth" 92,"wght" 600;font-size:3.4rem;line-height:1;letter-spacing:-.03em;margin-top:18px;font-variant-numeric:tabular-nums;}
.lock-date{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--screen-ink-2);margin-top:7px;}
body[data-lang="ar"] .lock-date,body[data-lang="ar"] .unlock-t{font-family:var(--arabic);letter-spacing:0;font-size:.74rem;}
.notif{margin-top:auto;width:100%;background:rgba(16,37,35,.8);border:1px solid rgba(201,162,76,.26);border-radius:16px;padding:11px 13px;display:flex;gap:10px;align-items:flex-start;text-align:start;}
.notif-ic{width:26px;height:26px;border-radius:7px;flex:0 0 auto;background:linear-gradient(150deg,#D8B15C,#8A681C);display:grid;place-items:center;font-family:var(--display);font-variation-settings:"wght" 800;font-size:.62rem;color:#FFF8E6;}
.notif-t{font-size:.72rem;font-weight:600;}
.notif-b{font-size:.685rem;color:var(--screen-ink-2);line-height:1.35;margin-top:1px;}
.unlock{margin-top:16px;width:100%;display:flex;flex-direction:column;align-items:center;gap:9px;background:none;border:0;cursor:grab;padding:6px 0 2px;color:inherit;}
.unlock:active{cursor:grabbing;}
.unlock-arrow{display:grid;place-items:center;color:var(--brass-fill);animation:bob 2.1s ease-in-out infinite;}
@keyframes bob{0%,100%{transform:translateY(2px);opacity:.6}50%{transform:translateY(-3px);opacity:1}}
.unlock-t{font-family:var(--mono);font-size:.615rem;letter-spacing:.15em;text-transform:uppercase;color:var(--screen-ink-2);}
.bar{width:94px;height:4px;border-radius:99px;background:rgba(232,227,214,.4);}
.appscr{z-index:4;}
.app-top{flex:0 0 auto;padding:6px 16px 12px;border-bottom:1px solid rgba(30,58,54,.85);display:flex;align-items:center;gap:9px;}
.app-badge{width:28px;height:28px;border-radius:8px;flex:0 0 auto;display:grid;place-items:center;font-family:var(--mono);font-size:.58rem;font-weight:600;color:#0B1615;}
.app-name{font-family:var(--display);font-variation-settings:"wdth" 104,"wght" 680;font-size:.86rem;letter-spacing:-.01em;}
body[data-lang="ar"] .app-name{font-family:var(--arabic);letter-spacing:0;}
.app-sub{font-size:.6rem;color:#6F7E79;font-family:var(--mono);letter-spacing:.05em;}
body[data-lang="ar"] .app-sub{font-family:var(--arabic);letter-spacing:0;font-size:.68rem;}
.app-scroll{flex:1;overflow:hidden;padding:13px 16px 0;display:flex;flex-direction:column;gap:11px;}
.chiprow{display:flex;gap:6px;flex-wrap:wrap;}
.chip{font-family:var(--mono);font-size:.55rem;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:99px;border:1px solid var(--screen-line);color:var(--screen-ink-2);}
body[data-lang="ar"] .chip{font-family:var(--arabic);letter-spacing:0;font-size:.66rem;text-transform:none;}
.chip.hot{border-color:var(--brass-fill);color:var(--brass-fill);}
.mini{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0;}
.mini > div{background:#0C1A18;border:1px solid #16302C;border-radius:11px;padding:8px 9px;}
.mini dt{font-family:var(--mono);font-size:.5rem;letter-spacing:.12em;text-transform:uppercase;color:#6F7E79;}
body[data-lang="ar"] .mini dt{font-family:var(--arabic);letter-spacing:0;font-size:.62rem;}
.mini dd{margin:2px 0 0;font-size:.71rem;font-weight:500;line-height:1.25;}
.app-body{font-size:.68rem;color:var(--screen-ink-2);line-height:1.5;}
.app-foot{margin-top:auto;padding:9px 0 11px;border-top:1px solid rgba(30,58,54,.75);display:flex;flex-direction:column;gap:8px;}
.af-row{display:flex;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:.53rem;letter-spacing:.09em;text-transform:uppercase;color:#6F7E79;}
body[data-lang="ar"] .af-row{font-family:var(--arabic);letter-spacing:0;font-size:.63rem;text-transform:none;}
.af-row .on{color:var(--brass-fill);}
.af-btn{
  background:none;border:1px solid var(--screen-line);border-radius:999px;cursor:pointer;
  color:var(--screen-ink);font-size:.63rem;padding:6px 12px;align-self:flex-start;transition:.16s;
}
.af-btn:hover{border-color:var(--brass-fill);color:var(--brass-fill);}
.app-tabs{flex:0 0 auto;margin-top:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(30,58,54,.85);padding:8px 0 12px;}
.tab{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.5rem;color:#6F7E79;font-family:var(--mono);letter-spacing:.06em;}
body[data-lang="ar"] .tab{font-family:var(--arabic);letter-spacing:0;font-size:.58rem;}
.tab.on{color:var(--brass-fill);}
.tab i{width:15px;height:15px;border-radius:4px;border:1.5px solid currentColor;display:block;}
.tab.on i{background:currentColor;}
.stage-hint{text-align:center;font-family:var(--mono);font-size:.63rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);margin:0;}
body[data-lang="ar"] .stage-hint{font-family:var(--arabic);letter-spacing:0;font-size:.74rem;}

/* ---------- capabilities ---------- */
.caps{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:5px;overflow:hidden;}
.cap{background:var(--surface);padding:26px 24px 28px;display:flex;flex-direction:column;gap:11px;transition:background .2s;}
.cap:hover{background:var(--surface-2);}
.cap-n{font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;color:var(--brass-dim);}
.cap p{font-size:.9rem;color:var(--ink-2);}
.cap ul{margin:5px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:5px;}
.cap li{font-family:var(--mono);font-size:.61rem;letter-spacing:.05em;color:var(--ink-3);border:1px solid var(--line);border-radius:99px;padding:3px 8px;}
body[data-lang="ar"] .cap li{font-family:var(--arabic);letter-spacing:0;font-size:.71rem;}

/* ---------- work ---------- */
.worklay{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(26px,4vw,52px);align-items:start;}
.ledger{border:1px solid var(--line-soft);border-radius:5px;overflow:hidden;background:var(--surface);}
.row{
  width:100%;text-align:start;background:none;border:0;border-bottom:1px solid var(--line-soft);
  cursor:pointer;padding:16px 19px;display:flex;flex-direction:column;gap:3px;transition:background .18s;font-family:inherit;
}
.row:last-child{border-bottom:0;}
.row:hover{background:var(--surface-2);}
.row[aria-current="true"]{background:var(--panel);box-shadow:inset 3px 0 0 var(--brass-fill);}
body[dir="rtl"] .row[aria-current="true"]{box-shadow:inset -3px 0 0 var(--brass-fill);}
.row-top{display:flex;align-items:center;gap:10px;justify-content:space-between;}
.row-name{font-family:var(--display);font-variation-settings:"wdth" 106,"wght" 640;font-size:1.02rem;letter-spacing:-.01em;}
body[data-lang="ar"] .row-name{font-family:var(--arabic);letter-spacing:0;}
.row-meta{font-size:.82rem;color:var(--ink-2);}
.pill{font-family:var(--mono);font-size:.585rem;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:99px;border:1px solid currentColor;white-space:nowrap;flex:0 0 auto;}
body[data-lang="ar"] .pill{font-family:var(--arabic);letter-spacing:0;font-size:.68rem;}
.pill.live{color:var(--ok);}
.pill.build{color:var(--brass);}
.ledger-note{margin-top:14px;font-size:.82rem;color:var(--ink-3);}

/* ---------- approach ---------- */
.model{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));}
.step{padding:24px 22px 28px;border-top:2px solid var(--line);display:flex;flex-direction:column;gap:10px;}
.step:nth-child(1){border-top-color:var(--brass-fill);}
.step:nth-child(2){border-top-color:var(--brass-dim);}
.step:nth-child(3){border-top-color:var(--petrol);}
.step:nth-child(4){border-top-color:var(--line);}
.step-n{font-family:var(--mono);font-size:.69rem;letter-spacing:.12em;color:var(--ink-3);}
.step p{font-size:.875rem;color:var(--ink-2);}
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:5px;overflow:hidden;}
.tr{background:var(--surface);padding:21px 21px 23px;display:flex;flex-direction:column;gap:6px;}
.tr dt{font-family:var(--mono);font-size:.61rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3);}
body[data-lang="ar"] .tr dt{font-family:var(--arabic);letter-spacing:0;font-size:.73rem;}
.tr dd{margin:0;font-size:.88rem;}

/* ---------- team ---------- */
.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}
.person{border:1px solid var(--line-soft);border-radius:5px;padding:24px 22px;background:var(--surface);display:flex;flex-direction:column;gap:11px;}
.portrait{width:90px;height:90px;flex:0 0 auto;border-radius:4px;overflow:hidden;display:grid;place-items:center;gap:2px;text-align:center;background:var(--panel);outline:1px dashed var(--brass-dim);outline-offset:-1px;}
.portrait img{width:100%;height:100%;object-fit:cover;display:block;}
.portrait.filled{outline:1px solid var(--line);}
.portrait-in{font-family:var(--display);font-variation-settings:"wdth" 105,"wght" 700;font-size:1.3rem;letter-spacing:-.02em;color:var(--brass);line-height:1;}
.portrait-hint{font-family:var(--mono);font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);}
.person-role{font-family:var(--mono);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--brass);}
body[data-lang="ar"] .person-role{font-family:var(--arabic);letter-spacing:0;font-size:.73rem;}
.person p{font-size:.87rem;color:var(--ink-2);}

/* ---------- placeholders ---------- */
.ph-box{position:relative;outline:1px dashed var(--brass-dim);outline-offset:-1px;}
.ph-tag{display:inline-flex;align-self:flex-start;font-family:var(--mono);font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:#14231F;background:var(--brass-fill);padding:3px 8px;border-radius:3px;}
body[data-lang="ar"] .ph-tag{font-family:var(--arabic);letter-spacing:0;font-size:.67rem;}
.ph-text{color:var(--ink-3);}

/* ---------- vat check ---------- */
.quiz{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:clamp(26px,4vw,52px);align-items:start;}
.qlist{display:flex;flex-direction:column;border-top:1px solid var(--line-soft);}
.q{padding:17px 0;border-bottom:1px solid var(--line-soft);display:flex;flex-direction:column;gap:10px;}
.q-t{font-size:.95rem;display:flex;gap:10px;align-items:baseline;}
.q-n{font-family:var(--mono);font-size:.64rem;color:var(--brass-dim);flex:0 0 auto;}
body[data-lang="ar"] .q-n{font-family:var(--arabic);font-size:.75rem;}
.opts{display:flex;flex-wrap:wrap;gap:7px;}
.opt{position:relative;}
.opt input{position:absolute;opacity:0;width:1px;height:1px;}
.opt span{display:inline-block;cursor:pointer;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:.82rem;color:var(--ink-2);background:var(--surface);transition:all .16s;}
.opt span:hover{border-color:var(--brass-dim);color:var(--ink);}
.opt input:checked + span{background:var(--brass-fill);border-color:var(--brass-fill);color:#14231F;}
.opt input:focus-visible + span{outline:2px solid var(--brass);outline-offset:3px;}
.score-card{border:1px solid var(--line);border-radius:5px;padding:24px 22px;background:var(--surface);display:flex;flex-direction:column;gap:14px;position:sticky;top:86px;}
.score-n{font-family:var(--display);font-variation-settings:"wdth" 100,"wght" 700;font-size:2.4rem;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;}
.score-n small{font-size:1rem;color:var(--ink-3);font-variation-settings:"wght" 500;}
.score-meter{height:6px;border-radius:99px;background:var(--line);overflow:hidden;}
.score-fill{height:100%;width:0;border-radius:99px;background:var(--brass-dim);transition:width .5s cubic-bezier(.3,.9,.25,1),background .3s;}
.score-band{font-family:var(--mono);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);}
body[data-lang="ar"] .score-band{font-family:var(--arabic);letter-spacing:0;font-size:.77rem;}
.gaps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;}
.gaps li{font-size:.82rem;color:var(--ink-2);padding-inline-start:15px;position:relative;line-height:1.5;}
.gaps li::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--brass-fill);}
.score-note{font-size:.74rem;color:var(--ink-3);line-height:1.5;}

/* ---------- contact ---------- */
.contactlay{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(26px,4vw,54px);align-items:start;}
form{display:flex;flex-direction:column;gap:14px;}
.field{display:flex;flex-direction:column;gap:6px;}
.field label{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);}
body[data-lang="ar"] .field label{font-family:var(--arabic);letter-spacing:0;font-size:.73rem;}
input,textarea{font:inherit;font-size:.91rem;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:11px 13px;width:100%;}
textarea{resize:vertical;min-height:100px;}
input:focus,textarea:focus{border-color:var(--brass);outline:none;}
.form-actions{display:flex;gap:11px;flex-wrap:wrap;align-items:center;}
.form-note{font-size:.77rem;color:var(--ink-3);}
.direct{display:flex;flex-direction:column;border-top:1px solid var(--line-soft);}
.direct-item{display:flex;flex-direction:column;gap:2px;padding:14px 0;border-bottom:1px solid var(--line-soft);}
.direct-k{font-family:var(--mono);font-size:.61rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3);}
body[data-lang="ar"] .direct-k{font-family:var(--arabic);letter-spacing:0;font-size:.73rem;}
.direct-v{font-size:.97rem;}
.direct-v a{color:var(--brass);text-decoration:none;border-bottom:1px solid currentColor;}
.docket{background:#F7F4EB;color:#14201E;border:1px solid #DFD8C4;border-bottom:0;border-radius:4px 4px 0 0;padding:19px 18px 15px;font-family:var(--mono);font-size:.69rem;line-height:1.6;max-width:390px;}
body[data-lang="ar"] .docket{font-family:var(--arabic);}
.docket h4{margin:0 0 2px;font-family:var(--display);font-variation-settings:"wdth" 104,"wght" 700;font-size:1rem;letter-spacing:-.01em;}
.docket .dk-sub{font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:#5E6B66;}
.docket hr{border:0;border-top:1px dashed #A9B2AC;margin:11px 0;}
.docket dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:3px 12px;}
.docket dt{color:#5E6B66;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;}
.docket dd{margin:0;text-align:end;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.docket .dk-ref{font-size:.86rem;font-weight:600;letter-spacing:.04em;}
.tear{height:12px;max-width:390px;background:radial-gradient(circle at 6px 0,transparent 5px,#F7F4EB 5px) repeat-x;background-size:12px 12px;}

/* ---------- footer clocks ---------- */
footer{border-top:1px solid var(--line-soft);background:var(--ground-2);}
.clocks{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--line-soft);}
.clock{flex:1 1 150px;padding:16px 18px;border-inline-end:1px solid var(--line-soft);display:flex;flex-direction:column;gap:1px;}
.clock-city{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);}
body[data-lang="ar"] .clock-city{font-family:var(--arabic);letter-spacing:0;font-size:.72rem;}
.clock-t{font-family:var(--mono);font-size:1.4rem;font-variant-numeric:tabular-nums;line-height:1.2;}
.clock.home .clock-t{color:var(--brass);}
.clock-line{flex:1 1 100%;padding:15px 18px;font-size:.87rem;color:var(--ink-2);border-top:1px solid var(--line-soft);}
.foot{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding-block:26px 34px;}
.foot p{font-size:.79rem;color:var(--ink-3);}
.foot-links{display:flex;gap:18px;flex-wrap:wrap;}
.foot-links a{background:none;border:0;cursor:pointer;font-size:.79rem;color:var(--ink-3);padding:0;}
.foot-links a:hover{color:var(--brass);}

/* ---------- ask panel ---------- */
.askpanel{
  position:fixed;inset-block:0;inset-inline-end:0;z-index:90;width:min(400px,92%);
  display:flex;flex-direction:column;background:var(--ground-2);border-inline-start:1px solid var(--line);
  transform:translateX(100%);transition:transform .34s cubic-bezier(.3,.9,.25,1);box-shadow:-30px 0 60px -30px rgba(0,0,0,.35);
}
body[dir="rtl"] .askpanel{transform:translateX(-100%);}
.askpanel.on{transform:none;}
.ask-head{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:14px 17px;border-bottom:1px solid var(--line-soft);}
.ask-badge{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(150deg,#D8B15C,var(--petrol));color:#FFF8E6;font-family:var(--mono);font-size:.78rem;}
.ask-title{font-family:var(--display);font-variation-settings:"wdth" 104,"wght" 680;font-size:.94rem;}
body[data-lang="ar"] .ask-title{font-family:var(--arabic);}
.ask-sub{font-family:var(--mono);font-size:.6rem;color:var(--ink-3);letter-spacing:.05em;}
body[data-lang="ar"] .ask-sub{font-family:var(--arabic);letter-spacing:0;font-size:.7rem;}
.ask-close{margin-inline-start:auto;background:none;border:0;cursor:pointer;color:var(--ink-3);font-size:1.2rem;line-height:1;padding:4px 6px;}
.ask-close:hover{color:var(--brass);}
.ask-log{flex:1;overflow-y:auto;padding:15px 16px;display:flex;flex-direction:column;gap:9px;}
.bub{max-width:88%;padding:9px 12px;border-radius:14px;font-size:.82rem;line-height:1.5;}
.bub.them{background:var(--surface);border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:4px;}
.bub.you{background:var(--brass-fill);color:#14231F;align-self:flex-end;border-bottom-right-radius:4px;}
body[dir="rtl"] .bub.them{border-bottom-left-radius:14px;border-bottom-right-radius:4px;}
body[dir="rtl"] .bub.you{border-bottom-right-radius:14px;border-bottom-left-radius:4px;}
.ask-sugg{display:flex;gap:5px;flex-wrap:wrap;padding:0 16px 10px;}
.ask-sugg button{background:none;border:1px solid var(--line);border-radius:999px;cursor:pointer;font-size:.71rem;padding:5px 10px;color:var(--ink-3);}
.ask-sugg button:hover{border-color:var(--brass);color:var(--brass);}
.ask-form{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;gap:7px;padding:12px 15px 15px;border-top:1px solid var(--line-soft);}
.ask-form input{flex:1;min-width:0;font-size:.84rem;padding:9px 13px;border-radius:999px;}
.ask-form button{flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:0;cursor:pointer;background:var(--brass-fill);color:#14231F;display:grid;place-items:center;}
.scrim{position:fixed;inset:0;z-index:89;background:rgba(12,32,29,.42);opacity:0;pointer-events:none;transition:opacity .3s;}
.scrim.on{opacity:1;pointer-events:auto;}

/* ---------- responsive ---------- */
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;}
  .stage{order:2;}
  .worklay,.quiz,.contactlay{grid-template-columns:1fr;}
  .score-card{position:static;}
}
@media (max-width:760px){
  .nav-in{height:auto;flex-wrap:wrap;padding-block:10px;gap:10px;}
  .tabs{order:3;flex:1 0 100%;margin-inline-start:0;}
  .nav-tools{margin-inline-start:auto;}
}
@media (max-width:560px){
  .wrap{padding-inline:18px;}
  .fact{flex:1 1 100%;border-inline-end:0;border-bottom:1px solid var(--line-soft);}
  .fact:last-child{border-bottom:0;}
  .clock{flex:1 1 100%;border-inline-end:0;border-bottom:1px solid var(--line-soft);}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}
}

.tabs a{text-decoration:none;}
.foot-links a{text-decoration:none;}
.skip{position:absolute;left:-9999px;top:0;background:var(--brass-fill);color:#14231F;padding:10px 16px;border-radius:0 0 6px 0;z-index:200;}
.skip:focus{left:0;}