/* ============ TOKENS ============ */
:root{
  --ink:#0B132B;
  --ink-1:#0E1A33;
  --ink-2:#15233F;
  --line:#28344E;
  --line-soft:#1C2942;
  --parch:#F2F0E8;
  --parch-2:#E7E4D8;
  --brass:#0D9488;
  --brass-2:#14E0C1;
  --jade:#14E0C1;
  --bone:#ECF1F0;
  --bone-dim:#93A1B0;
  --on-parch:#1F2937;
  --on-parch-dim:#46505E;
  --danger:#F2785C;

  --d-display-ar:"Tajawal","IBM Plex Sans Arabic",sans-serif;
  --d-display-en:"Manrope","Inter",sans-serif;
  --d-body-ar:"IBM Plex Sans Arabic","Tajawal",sans-serif;
  --d-body-en:"Inter",system-ui,sans-serif;
  --d-mono:"IBM Plex Mono", monospace;

  --maxw:1200px;
  --r:18px;
  --r-sm:12px;
  --ease:cubic-bezier(.22,.61,.36,1);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--ink);
  color:var(--bone);
  font-family:var(--d-body-ar);
  line-height:1.65;
  overflow-x:hidden;
  font-feature-settings:"kern" 1;
  -webkit-font-smoothing:antialiased;
}
html[lang="en"] body{font-family:var(--d-body-en)}

/* ---- language toggle visibility ---- */
html[lang="ar"] [data-lang="en"]{display:none !important}
html[lang="en"] [data-lang="ar"]{display:none !important}

img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:4px}

/* ---- display type ---- */
.disp{font-family:var(--d-display-ar);font-weight:700;line-height:1.18}
html[lang="en"] .disp{font-family:var(--d-display-en);font-weight:600;letter-spacing:-.01em}
.mono{font-family:var(--d-mono);font-variant-ligatures:none}

.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:24px}
section{position:relative}

.eyebrow{
  font-family:var(--d-mono);
  font-size:.72rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--brass);
  display:inline-flex;align-items:center;gap:10px;
}
html[lang="ar"] .eyebrow{letter-spacing:.08em;font-family:var(--d-body-ar);font-weight:600}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--brass);opacity:.7}

/* ============ NAV ============ */
.nav{
  position:fixed;inset-block-start:0;inset-inline:0;z-index:100;
  background:color-mix(in srgb, var(--ink) 72%, transparent);
  backdrop-filter:blur(18px) saturate(140%);
  border-block-end:1px solid transparent;
  transition:border-color .3s, background .3s;
}
.nav.scrolled{border-block-end-color:var(--line-soft);background:color-mix(in srgb, var(--ink) 90%, transparent)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:var(--maxw);margin-inline:auto;padding-inline:24px}
.brand{display:flex;align-items:center;gap:12px}
.brand .seal{width:34px;height:34px;flex:none}
.brand .seal .stroke{stroke:var(--brass);stroke-width:2;fill:none}
.brand .seal .fill{fill:var(--brass)}
.brand-name{font-family:var(--d-display-ar);font-size:1.5rem;font-weight:700;color:var(--bone);line-height:1}
html[lang="en"] .brand-name{font-family:var(--d-display-en);font-size:1.3rem;letter-spacing:.02em}
.nav-links{display:flex;align-items:center;gap:32px}
.nav-links a{font-size:.92rem;color:var(--bone-dim);transition:color .2s;position:relative}
.nav-links a:hover{color:var(--bone)}
.nav-cta-group{display:flex;align-items:center;gap:14px}
.lang-toggle{
  display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden;
  font-family:var(--d-mono);font-size:.78rem;
}
.lang-toggle button{padding:6px 14px;color:var(--bone-dim);transition:.2s;background:transparent}
.lang-toggle button.active{background:var(--brass);color:var(--ink);font-weight:600}
.btn{
  display:inline-flex;align-items:center;gap:8px;justify-content:center;
  padding:11px 22px;border-radius:999px;font-size:.92rem;font-weight:600;
  transition:transform .18s var(--ease), box-shadow .25s, background .25s;
  white-space:nowrap;
}
.btn-primary{background:var(--brass);color:var(--ink);box-shadow:0 1px 0 rgba(255,255,255,.25) inset, 0 8px 24px -8px rgba(199,160,82,.6)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.3) inset, 0 14px 30px -8px rgba(199,160,82,.7);background:var(--brass-2)}
.btn-ghost{border:1px solid var(--line);color:var(--bone)}
.btn-ghost:hover{border-color:var(--brass);background:color-mix(in srgb,var(--brass) 8%, transparent)}
.nav-burger{display:none}

/* ============ HERO ============ */
.hero{padding-block:148px 80px;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero-copy h1{
  font-size:clamp(2.6rem,5.4vw,4.4rem);
  line-height:1.08;
  letter-spacing:-.01em;
  margin-block:22px 0;
  color:var(--bone);
}
html[lang="ar"] .hero-copy h1{line-height:1.22;font-weight:700}
.hero-copy h1 .accent{color:var(--brass);position:relative;white-space:nowrap}
.hero-lead{
  font-size:clamp(1.05rem,1.6vw,1.22rem);
  color:var(--bone-dim);
  max-width:30em;
  margin-block:26px 0;
  line-height:1.75;
}
.hero-actions{display:flex;gap:14px;margin-block-start:36px;flex-wrap:wrap}
.hero-trust{display:flex;gap:26px;margin-block-start:40px;flex-wrap:wrap}
.hero-trust .ti{display:flex;flex-direction:column;gap:3px}
.hero-trust .ti b{font-family:var(--d-mono);font-size:1.55rem;color:var(--brass);font-weight:500;letter-spacing:-.02em}
html[lang="ar"] .hero-trust .ti b{font-family:var(--d-body-ar);font-weight:700}
.hero-trust .ti span{font-size:.78rem;color:var(--bone-dim)}

/* ambient seal behind hero */
.hero-ambient{position:absolute;inset-block-start:-120px;inset-inline-end:-180px;width:680px;height:680px;opacity:.06;pointer-events:none;z-index:0}
.hero-ambient .stroke{stroke:var(--brass);stroke-width:1.2;fill:none}
.hero > .wrap{position:relative;z-index:1}

/* ===== living console (hero) ===== */
.console{
  background:linear-gradient(180deg,var(--ink-1),var(--ink));
  border:1px solid var(--line);
  border-radius:var(--r);
  box-shadow:0 40px 80px -40px rgba(0,0,0,.8), 0 0 0 1px rgba(199,160,82,.06);
  overflow:hidden;
  position:relative;
}
.console-bar{display:flex;align-items:center;gap:10px;padding:13px 18px;border-block-end:1px solid var(--line-soft);background:var(--ink-2)}
.console-bar .dot{width:10px;height:10px;border-radius:50%;background:var(--line)}
.console-bar .dot.live{background:var(--jade);box-shadow:0 0 0 0 rgba(46,196,166,.5);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(46,196,166,.5)}70%{box-shadow:0 0 0 7px rgba(46,196,166,0)}100%{box-shadow:0 0 0 0 rgba(46,196,166,0)}}
.console-bar .ctitle{font-family:var(--d-mono);font-size:.74rem;color:var(--bone-dim);margin-inline-start:6px}
.console-bar .cstatus{margin-inline-start:auto;font-family:var(--d-mono);font-size:.7rem;color:var(--jade);display:flex;align-items:center;gap:6px}
.console-bar .cstatus::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--jade)}
.console-body{padding:20px;min-height:340px;display:flex;flex-direction:column;gap:14px}

/* chat bubbles */
.bub{max-width:86%;padding:13px 16px;border-radius:14px;font-size:.92rem;line-height:1.6;opacity:0;transform:translateY(8px);animation:rise .5s var(--ease) forwards}
@keyframes rise{to{opacity:1;transform:none}}
.bub.user{align-self:flex-end;background:var(--brass);color:var(--ink);font-weight:500;border-end-end-radius:4px}
.bub.agent{align-self:flex-start;background:var(--ink-2);border:1px solid var(--line-soft);border-end-start-radius:4px}
.bub.agent .who{font-family:var(--d-mono);font-size:.66rem;color:var(--brass);letter-spacing:.1em;text-transform:uppercase;margin-block-end:6px;display:flex;align-items:center;gap:7px}
html[lang="ar"] .bub.agent .who{font-family:var(--d-body-ar);letter-spacing:0;font-weight:700}
.bub.agent .who::before{content:"";width:5px;height:5px;background:var(--jade);border-radius:50%}

/* tool call card */
.toolcard{align-self:flex-start;width:100%;max-width:none;background:var(--ink-1);border:1px solid var(--line-soft);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(8px);animation:rise .45s var(--ease) forwards}
.toolcard .ticon{width:34px;height:34px;border-radius:9px;background:var(--ink-2);display:grid;place-items:center;flex:none;color:var(--brass)}
.toolcard .tmeta{flex:1;min-width:0}
.toolcard .tname{font-size:.86rem;font-weight:600;color:var(--bone)}
.toolcard .tact{font-size:.76rem;color:var(--bone-dim);font-family:var(--d-mono)}
html[lang="ar"] .toolcard .tact{font-family:var(--d-body-ar)}
.toolcard .tstat{font-family:var(--d-mono);font-size:.7rem;display:flex;align-items:center;gap:6px;flex:none}
.toolcard .tstat.run{color:var(--jade)}
.toolcard .tstat.done{color:var(--bone-dim)}
.toolcard .tstat .sp{width:12px;height:12px;border:2px solid var(--jade);border-block-start-color:transparent;border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.toolcard .tstat .ck{width:13px;height:13px;color:var(--jade)}

/* approval gate */
.approve{align-self:stretch;width:100%;max-width:none;background:linear-gradient(180deg,var(--ink-2),var(--ink-1));border:1px solid var(--brass);border-radius:14px;padding:16px;opacity:0;transform:translateY(8px);animation:rise .45s var(--ease) forwards;box-shadow:0 0 30px -12px rgba(199,160,82,.4)}
.approve .ahead{display:flex;align-items:center;gap:9px;font-size:.82rem;font-weight:700;color:var(--brass-2);margin-block-end:10px}
.approve .ahead svg{width:17px;height:17px}
.approve .apreview{background:var(--ink);border:1px solid var(--line-soft);border-radius:9px;padding:11px 13px;font-size:.85rem;color:var(--bone-dim);line-height:1.6;margin-block-end:13px}
.approve .apreview b{color:var(--bone);font-weight:600}
.approve .aacts{display:flex;gap:9px}
.approve .aacts button{padding:9px 18px;border-radius:8px;font-size:.84rem;font-weight:600;transition:.18s}
.approve .ap-ok{background:var(--jade);color:var(--ink)}
.approve .ap-ok:hover{filter:brightness(1.08)}
.approve .ap-edit{border:1px solid var(--line);color:var(--bone)}
.approve .ap-edit:hover{border-color:var(--brass)}
.approve.resolved{opacity:.55;border-color:var(--line)}
.approve.resolved .aacts{display:none}
.approve .a-done{display:none;font-family:var(--d-mono);font-size:.74rem;color:var(--jade);align-items:center;gap:7px}
html[lang="ar"] .approve .a-done{font-family:var(--d-body-ar);font-weight:600}
.approve.resolved .a-done{display:flex}

.typing{align-self:flex-start;display:flex;gap:5px;padding:14px 16px;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:14px;border-end-start-radius:4px}
.typing span{width:7px;height:7px;border-radius:50%;background:var(--bone-dim);animation:blink 1.3s infinite both}
.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}

/* ============ SECTION SHELL ============ */
.sec{padding-block:96px}
.sec-head{max-width:46em;margin-block-end:54px}
.sec-head h2{font-size:clamp(1.9rem,3.6vw,2.9rem);color:var(--bone);margin-block:16px 0;line-height:1.2}
html[lang="ar"] .sec-head h2{line-height:1.35}
.sec-head p{color:var(--bone-dim);font-size:1.08rem;margin-block-start:16px;line-height:1.75}
.sec-head.center{margin-inline:auto;text-align:center}
.sec-head.center .eyebrow{justify-content:center}

/* reveal */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease), transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}

/* ============ TRUST STRIP ============ */
.trust{border-block:1px solid var(--line-soft);background:var(--ink-1)}
.trust-in{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:26px;flex-wrap:wrap}
.trust-label{font-family:var(--d-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-dim)}
html[lang="ar"] .trust-label{font-family:var(--d-body-ar);letter-spacing:0;font-weight:600}
.trust-badges{display:flex;gap:14px;flex-wrap:wrap;flex:1;justify-content:flex-end}
.tbadge{display:flex;align-items:center;gap:9px;padding:9px 15px;border:1px solid var(--line);border-radius:999px;font-size:.82rem;color:var(--bone)}
.tbadge svg{width:15px;height:15px;color:var(--brass);flex:none}

/* ============ SERVICES (interactive) ============ */
.svc-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:40px;align-items:start}
.svc-list{display:flex;flex-direction:column;gap:10px}
.svc-item{
  text-align:start;width:100%;display:flex;align-items:flex-start;gap:14px;
  padding:18px;border:1px solid var(--line-soft);border-radius:14px;background:var(--ink-1);
  transition:border-color .25s, background .25s, transform .25s;
}
.svc-item:hover{border-color:var(--line);transform:translateX(0)}
html[lang="ar"] .svc-item:hover{transform:translateX(-4px)}
html[lang="en"] .svc-item:hover{transform:translateX(4px)}
.svc-item.active{border-color:var(--brass);background:color-mix(in srgb,var(--brass) 7%, var(--ink-1))}
.svc-item .si-ic{width:42px;height:42px;border-radius:11px;background:var(--ink-2);display:grid;place-items:center;flex:none;color:var(--brass);transition:.25s}
.svc-item.active .si-ic{background:var(--brass);color:var(--ink)}
.svc-item .si-ic svg{width:21px;height:21px}
.svc-item .si-tx h4{font-size:1.02rem;color:var(--bone);font-weight:600;margin-block-end:3px}
.svc-item .si-tx p{font-size:.86rem;color:var(--bone-dim);line-height:1.55}
.svc-item .si-go{margin-inline-start:auto;align-self:center;color:var(--bone-dim);transition:.25s;flex:none}
.svc-item.active .si-go{color:var(--brass)}
html[lang="ar"] .svc-item .si-go{transform:scaleX(-1)}

.svc-stage{position:sticky;inset-block-start:96px}

/* ============ ORCHESTRATION / HOW ============ */
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-block-start:50px}
.flow-step{position:relative;padding:26px 22px;border:1px solid var(--line-soft);border-radius:16px;background:var(--ink-1);overflow:hidden}
.flow-step .fnum{font-family:var(--d-mono);font-size:.74rem;color:var(--brass);letter-spacing:.1em}
.flow-step h4{font-size:1.1rem;color:var(--bone);margin-block:14px 8px;font-weight:600}
.flow-step p{font-size:.88rem;color:var(--bone-dim);line-height:1.6}
.flow-step .fic{width:38px;height:38px;color:var(--brass);margin-block-end:6px}
.flow-step::after{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:2px;background:linear-gradient(90deg,var(--brass),transparent);opacity:.5}
.flow-conn{display:flex;align-items:center;justify-content:center;color:var(--line)}

/* ============ DIFFERENTIATION ============ */
.diff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.diff-card{padding:30px 26px;border:1px solid var(--line-soft);border-radius:18px;background:linear-gradient(180deg,var(--ink-1),var(--ink));transition:border-color .3s, transform .3s}
.diff-card:hover{border-color:var(--brass);transform:translateY(-4px)}
.diff-card .dic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--brass) 12%, transparent);color:var(--brass);margin-block-end:18px}
.diff-card .dic svg{width:23px;height:23px}
.diff-card h4{font-size:1.18rem;color:var(--bone);font-weight:600;margin-block-end:10px}
.diff-card p{font-size:.92rem;color:var(--bone-dim);line-height:1.7}
.diff-card .dtag{display:inline-block;margin-block-start:14px;font-family:var(--d-mono);font-size:.68rem;letter-spacing:.08em;color:var(--brass);border:1px solid var(--line);border-radius:6px;padding:3px 9px}
html[lang="ar"] .diff-card .dtag{font-family:var(--d-body-ar);letter-spacing:0;font-weight:600}

/* ============ SECURITY + AUDIT ============ */
.sec-sov{background:var(--ink-1);border-block:1px solid var(--line-soft)}
.sov-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.sov-points{display:flex;flex-direction:column;gap:22px;margin-block-start:34px}
.sov-pt{display:flex;gap:15px}
.sov-pt .sp-ic{width:40px;height:40px;border-radius:10px;background:var(--ink-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--jade);flex:none}
.sov-pt .sp-ic svg{width:20px;height:20px}
.sov-pt h4{font-size:1.04rem;color:var(--bone);font-weight:600;margin-block-end:4px}
.sov-pt p{font-size:.9rem;color:var(--bone-dim);line-height:1.6}
.audit{background:var(--ink);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.audit-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-block-end:1px solid var(--line-soft);background:var(--ink-2);font-family:var(--d-mono);font-size:.76rem;color:var(--bone-dim)}
html[lang="ar"] .audit-head{font-family:var(--d-body-ar);font-weight:600}
.audit-head .adot{width:8px;height:8px;border-radius:50%;background:var(--jade)}
.audit-body{padding:8px;max-height:330px;overflow-y:auto}
.audit-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:11px 13px;border-radius:9px;font-size:.82rem}
.audit-row:nth-child(odd){background:var(--ink-1)}
.audit-row .at{font-family:var(--d-mono);font-size:.72rem;color:var(--bone-dim)}
.audit-row .aa{color:var(--bone)}
.audit-row .aa b{color:var(--brass);font-weight:600}
.audit-row .au{font-family:var(--d-mono);font-size:.68rem;color:var(--jade);border:1px solid color-mix(in srgb,var(--jade) 40%,transparent);border-radius:5px;padding:2px 7px}
html[lang="ar"] .audit-row .au{font-family:var(--d-body-ar)}

/* ============ PRICING ============ */
.price-toggle{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:4px;margin-block-start:24px;gap:4px}
.price-toggle button{padding:8px 20px;border-radius:999px;font-size:.86rem;color:var(--bone-dim);transition:.2s}
.price-toggle button.active{background:var(--brass);color:var(--ink);font-weight:600}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-block-start:46px}
.price-card{position:relative;padding:34px 28px;border:1px solid var(--line-soft);border-radius:20px;background:var(--ink-1);display:flex;flex-direction:column}
.price-card.feat{border-color:var(--brass);background:linear-gradient(180deg,color-mix(in srgb,var(--brass) 8%,var(--ink-1)),var(--ink-1))}
.price-card.feat::before{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(180deg,var(--brass),transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.price-flag{position:absolute;inset-block-start:-12px;inset-inline-start:28px;background:var(--brass);color:var(--ink);font-size:.72rem;font-weight:700;padding:4px 13px;border-radius:999px}
.price-card .pname{font-size:1.2rem;color:var(--bone);font-weight:600}
.price-card .pdesc{font-size:.86rem;color:var(--bone-dim);margin-block-start:6px;min-height:2.6em;line-height:1.5}
.price-card .pamt{margin-block:22px 4px;display:flex;align-items:baseline;gap:6px}
.price-card .pamt .num{font-family:var(--d-mono);font-size:2.5rem;color:var(--bone);font-weight:500;letter-spacing:-.02em}
html[lang="ar"] .price-card .pamt .num{font-family:var(--d-body-ar);font-weight:700}
.price-card .pamt .per{font-size:.84rem;color:var(--bone-dim)}
.price-card .pamt .cur{font-size:1rem;color:var(--brass);align-self:flex-start;margin-block-start:6px}
.price-feats{list-style:none;margin-block:24px 28px;display:flex;flex-direction:column;gap:12px;flex:1}
.price-feats li{display:flex;gap:10px;font-size:.9rem;color:var(--bone-dim);line-height:1.5}
.price-feats li svg{width:17px;height:17px;color:var(--jade);flex:none;margin-block-start:2px}
.price-card .btn{width:100%}

/* ============ INTEGRATIONS ============ */
.intg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;margin-block-start:44px}
.intg{display:flex;flex-direction:column;align-items:center;gap:11px;padding:24px 14px;border:1px solid var(--line-soft);border-radius:14px;background:var(--ink-1);transition:.25s;text-align:center}
.intg:hover{border-color:var(--brass);transform:translateY(-3px)}
.intg .ig-ic{width:40px;height:40px;color:var(--bone);opacity:.92}
.intg span{font-size:.82rem;color:var(--bone-dim)}
.intg.sov{border-color:color-mix(in srgb,var(--brass) 40%,var(--line-soft))}
.intg.sov .ig-ic{color:var(--brass)}

/* ============ TESTIMONIALS ============ */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.quote{padding:30px 28px;border:1px solid var(--line-soft);border-radius:18px;background:var(--ink-1);display:flex;flex-direction:column;gap:18px}
.quote .qmark{font-family:var(--d-display-en);font-size:3rem;line-height:.6;color:var(--brass);height:24px}
.quote p{font-size:.98rem;color:var(--bone);line-height:1.7;flex:1}
.quote .qby{display:flex;align-items:center;gap:13px;border-block-start:1px solid var(--line-soft);padding-block-start:18px}
.quote .qav{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--brass),var(--ink-2));display:grid;place-items:center;font-family:var(--d-display-ar);color:var(--ink);font-weight:700;font-size:1.1rem;flex:none}
html[lang="en"] .quote .qav{font-family:var(--d-display-en)}
.quote .qby .qn{font-size:.9rem;color:var(--bone);font-weight:600}
.quote .qby .qr{font-size:.78rem;color:var(--bone-dim)}

/* ============ FAQ ============ */
.faq-list{max-width:820px;margin-inline:auto;display:flex;flex-direction:column;gap:12px}
.faq{border:1px solid var(--line-soft);border-radius:14px;background:var(--ink-1);overflow:hidden}
.faq.open{border-color:var(--line)}
.faq-q{width:100%;text-align:start;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;font-size:1.02rem;font-weight:600;color:var(--bone)}
.faq-q .fq-ic{flex:none;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:.3s;color:var(--brass)}
.faq.open .fq-ic{background:var(--brass);color:var(--ink);transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s var(--ease)}
.faq-a p{padding:0 22px 20px;color:var(--bone-dim);font-size:.94rem;line-height:1.75}

/* ============ FINAL CTA ============ */
.cta-final{position:relative;overflow:hidden;border:1px solid var(--brass);border-radius:28px;padding:64px 40px;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--brass) 9%,var(--ink-1)),var(--ink))}
.cta-final .cf-seal{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);width:560px;height:560px;opacity:.05;pointer-events:none}
.cta-final .cf-seal .stroke{stroke:var(--brass);stroke-width:1;fill:none}
.cta-final h2{position:relative;font-size:clamp(2rem,4.4vw,3.3rem);color:var(--bone);line-height:1.2}
html[lang="ar"] .cta-final h2{line-height:1.35}
.cta-final p{position:relative;color:var(--bone-dim);font-size:1.1rem;margin-block:18px 34px;max-width:34em;margin-inline:auto}
.cta-final .hero-actions{justify-content:center}

/* ============ FOOTER ============ */
.footer{border-block-start:1px solid var(--line-soft);padding-block:56px 36px;margin-block-start:96px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;margin-block-end:44px}
.footer .brand{margin-block-end:16px}
.footer-about{font-size:.88rem;color:var(--bone-dim);line-height:1.7;max-width:26em}
.footer-col h5{font-size:.78rem;font-family:var(--d-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--brass);margin-block-end:18px}
html[lang="ar"] .footer-col h5{font-family:var(--d-body-ar);letter-spacing:0;font-weight:700}
.footer-col a{display:block;font-size:.9rem;color:var(--bone-dim);margin-block-end:11px;transition:color .2s}
.footer-col a:hover{color:var(--bone)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-block-start:1px solid var(--line-soft);padding-block-start:28px;gap:20px;flex-wrap:wrap}
.footer-bottom p{font-size:.82rem;color:var(--bone-dim)}
.footer-bottom .fb-badges{display:flex;gap:18px;font-size:.8rem;color:var(--bone-dim)}

/* toast */
.toast{position:fixed;inset-block-end:28px;inset-inline:0;margin-inline:auto;width:max-content;max-width:90vw;background:var(--ink-2);border:1px solid var(--brass);color:var(--bone);padding:13px 22px;border-radius:999px;font-size:.9rem;z-index:200;opacity:0;transform:translateY(20px);transition:.35s var(--ease);pointer-events:none;box-shadow:0 16px 40px -16px rgba(0,0,0,.8)}
.toast.show{opacity:1;transform:none}
.toast b{color:var(--brass)}

/* ============ RESPONSIVE ============ */
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:44px}
  .svc-layout{grid-template-columns:1fr;gap:28px}
  .svc-stage{position:static}
  .sov-grid{grid-template-columns:1fr;gap:36px}
  .flow{grid-template-columns:1fr 1fr}
  .diff-grid,.price-grid,.quotes{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
}
@media (max-width:760px){
  .nav-links{display:none}
  .nav-burger{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;color:var(--bone)}
  .nav-links.open{display:flex;position:fixed;inset-block-start:72px;inset-inline:0;flex-direction:column;background:var(--ink-1);border-block-end:1px solid var(--line);padding:24px;gap:20px;align-items:flex-start}
  .hero{padding-block:120px 60px}
  .sec{padding-block:68px}
  .flow{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .trust-in{justify-content:flex-start}
  .trust-badges{justify-content:flex-start}
  .hero-trust{gap:20px}
  .nav-cta-group .btn-primary{display:none}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto}
  .reveal{opacity:1;transform:none}
}

/* ============ SCROLL PROGRESS ============ */
.progress{position:fixed;inset-block-start:0;inset-inline-start:0;height:2px;width:0;background:linear-gradient(90deg,var(--brass),var(--brass-2));z-index:120;transition:width .1s linear}

/* ============ NAV active link ============ */
.nav-links a.spy{color:var(--bone)}
.nav-links a.spy::after{content:"";position:absolute;inset-block-end:-6px;inset-inline:0;height:2px;background:var(--brass);border-radius:2px}
.cmdk-hint{display:flex;align-items:center;gap:6px;font-family:var(--d-mono);font-size:.72rem;color:var(--bone-dim);border:1px solid var(--line);border-radius:8px;padding:5px 9px}
html[lang="ar"] .cmdk-hint{font-family:var(--d-body-ar)}
.cmdk-hint kbd{font-family:var(--d-mono);background:var(--ink-2);border-radius:4px;padding:1px 6px;font-size:.72rem;color:var(--brass)}
@media (max-width:900px){.cmdk-hint{display:none}}

/* ============ MODEL ROUTING BADGE ============ */
.mbadge{display:inline-flex;align-items:center;gap:5px;font-family:var(--d-mono);font-size:.64rem;letter-spacing:.02em;padding:2px 7px;border-radius:5px;border:1px solid var(--line);color:var(--bone-dim);white-space:nowrap}
html[lang="ar"] .mbadge{font-family:var(--d-body-ar)}
.mbadge::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--mc,var(--brass))}
.toolcard .tmeta .trow{display:flex;align-items:center;gap:8px;margin-block-start:4px;flex-wrap:wrap}
.route-note{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;font-family:var(--d-mono);font-size:.68rem;color:var(--bone-dim);background:var(--ink-1);border:1px dashed var(--line);border-radius:8px;padding:5px 10px;opacity:0;transform:translateY(6px);animation:rise .4s var(--ease) forwards}
html[lang="ar"] .route-note{font-family:var(--d-body-ar)}
.route-note b{color:var(--brass);font-weight:600}

/* ============ AUTONOMY SELECTOR ============ */
.autonomy{display:flex;align-items:center;gap:10px;margin-block-end:14px;flex-wrap:wrap}
.autonomy .alabel{font-size:.78rem;color:var(--bone-dim);display:flex;align-items:center;gap:7px}
.autonomy .alabel svg{width:15px;height:15px;color:var(--brass)}
.aopts{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px;background:var(--ink)}
.aopts button{padding:6px 13px;border-radius:999px;font-size:.78rem;color:var(--bone-dim);transition:.2s;white-space:nowrap}
.aopts button.active{background:var(--brass);color:var(--ink);font-weight:600}
.mic{flex:none;width:46px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;color:var(--bone-dim);transition:.2s;background:var(--ink)}
.mic:hover{border-color:var(--brass);color:var(--brass)}
.mic.listening{border-color:var(--jade);color:var(--jade);animation:micpulse 1s infinite}
@keyframes micpulse{0%,100%{box-shadow:0 0 0 0 rgba(46,196,166,.4)}50%{box-shadow:0 0 0 6px rgba(46,196,166,0)}}

/* ============ OFFICE DASHBOARD ============ */
.dash-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch}
.dash-main{display:flex;flex-direction:column;gap:18px}
.dash-row{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}
.panel{background:var(--ink-1);border:1px solid var(--line-soft);border-radius:var(--r);padding:22px}
.panel-lbl{font-family:var(--d-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bone-dim);display:flex;align-items:center;gap:8px;margin-block-end:14px}
html[lang="ar"] .panel-lbl{font-family:var(--d-body-ar);letter-spacing:0;font-weight:700}
.panel-lbl svg{width:15px;height:15px;color:var(--brass)}
.date-greg{font-family:var(--d-display-ar);font-size:1.9rem;color:var(--bone);line-height:1.1}
html[lang="en"] .date-greg{font-family:var(--d-display-en);font-weight:600}
.date-hijri{font-size:1rem;color:var(--brass);margin-block-start:4px}
.date-time{font-family:var(--d-mono);font-size:.86rem;color:var(--bone-dim);margin-block-start:8px}
.prayer-next{display:flex;align-items:baseline;gap:10px;margin-block-start:6px}
.prayer-next .pn-name{font-size:1.3rem;color:var(--bone);font-weight:600}
.prayer-next .pn-cd{font-family:var(--d-mono);font-size:1.05rem;color:var(--jade);margin-inline-start:auto}
.prayer-strip{display:flex;justify-content:space-between;gap:6px;margin-block-start:16px;border-block-start:1px solid var(--line-soft);padding-block-start:14px}
.prayer-strip .ps{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}
.prayer-strip .ps .psn{font-size:.72rem;color:var(--bone-dim)}
.prayer-strip .ps .pst{font-family:var(--d-mono);font-size:.78rem;color:var(--bone)}
.prayer-strip .ps.now .psn{color:var(--jade)}
.prayer-strip .ps.now .pst{color:var(--jade)}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.stat{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:14px;padding:18px}
.stat .sv{font-family:var(--d-mono);font-size:2rem;color:var(--brass);font-weight:500;line-height:1;letter-spacing:-.02em}
html[lang="ar"] .stat .sv{font-family:var(--d-body-ar);font-weight:700}
.stat .sl{font-size:.8rem;color:var(--bone-dim);margin-block-start:8px;line-height:1.4}
.stat .sv .unit{font-size:.9rem;color:var(--bone-dim);margin-inline-start:4px}

/* memory panel */
.mem-list{display:flex;flex-direction:column;gap:11px}
.mem-item{display:flex;gap:11px;align-items:flex-start;padding:12px 13px;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:11px}
.mem-item .mi-ic{width:30px;height:30px;border-radius:8px;background:var(--ink);display:grid;place-items:center;color:var(--brass);flex:none}
.mem-item .mi-ic svg{width:15px;height:15px}
.mem-item .mi-tx{font-size:.84rem;color:var(--bone);line-height:1.5}
.mem-item .mi-tx b{color:var(--brass);font-weight:600}
.mem-item .mi-tag{font-family:var(--d-mono);font-size:.62rem;color:var(--bone-dim);margin-block-start:4px;display:block}
html[lang="ar"] .mem-item .mi-tag{font-family:var(--d-body-ar)}

/* ============ ROI CALCULATOR ============ */
.roi-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.roi-controls{display:flex;flex-direction:column;gap:26px}
.roi-field label{display:flex;justify-content:space-between;align-items:baseline;font-size:.92rem;color:var(--bone);margin-block-end:12px}
.roi-field label .rv{font-family:var(--d-mono);font-size:1.05rem;color:var(--brass);font-weight:500}
html[lang="ar"] .roi-field label .rv{font-family:var(--d-body-ar);font-weight:700}
input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:var(--ink-2);outline:none;border:1px solid var(--line-soft)}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--brass);cursor:pointer;border:3px solid var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.4)}
input[type="range"]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--brass);cursor:pointer;border:3px solid var(--ink)}
.roi-out{background:linear-gradient(180deg,color-mix(in srgb,var(--brass) 9%,var(--ink-1)),var(--ink-1));border:1px solid var(--brass);border-radius:22px;padding:36px;text-align:center}
.roi-out .ro-lbl{font-size:.86rem;color:var(--bone-dim)}
.roi-out .ro-hours{font-family:var(--d-mono);font-size:3.4rem;color:var(--brass);font-weight:500;line-height:1;margin-block:10px;letter-spacing:-.02em}
html[lang="ar"] .roi-out .ro-hours{font-family:var(--d-body-ar);font-weight:700}
.roi-out .ro-sub{font-size:.92rem;color:var(--bone);line-height:1.6}
.roi-out .ro-div{height:1px;background:var(--line-soft);margin-block:24px}
.roi-out .ro-money{font-family:var(--d-mono);font-size:2.2rem;color:var(--bone);font-weight:500;letter-spacing:-.02em}
html[lang="ar"] .roi-out .ro-money{font-family:var(--d-body-ar);font-weight:700}
.roi-out .ro-money .cur{font-size:1rem;color:var(--brass)}
.roi-note{font-size:.78rem;color:var(--bone-dim);margin-block-start:14px;opacity:.8}

/* ============ COMPARISON TABLE ============ */
.cmp-wrap{overflow-x:auto;border:1px solid var(--line-soft);border-radius:var(--r);background:var(--ink-1)}
.cmp{width:100%;border-collapse:collapse;min-width:680px}
.cmp th,.cmp td{padding:18px 20px;text-align:start;border-block-end:1px solid var(--line-soft)}
.cmp thead th{font-size:.92rem;color:var(--bone);font-weight:600;background:var(--ink-2)}
.cmp thead th.col-tanseek{color:var(--brass)}
.cmp thead th.col-tanseek .ct-seal{display:inline-block;width:8px;height:8px;background:var(--brass);border-radius:2px;margin-inline-end:7px;transform:rotate(45deg)}
.cmp tbody td:first-child{color:var(--bone-dim);font-size:.9rem}
.cmp td.cell{text-align:center}
.cmp td.col-tanseek{background:color-mix(in srgb,var(--brass) 6%,transparent)}
.cmp .yes{color:var(--jade)}
.cmp .no{color:#5a6068}
.cmp .partial{color:var(--brass-2)}
.cmp td .cv{display:inline-flex;align-items:center;gap:6px;font-size:.84rem}
.cmp td .cv svg{width:17px;height:17px}
.cmp tbody tr:last-child td{border-block-end:none}

/* ============ REQUEST FORM ============ */
.reqform{position:relative;max-width:560px;margin-inline:auto;text-align:start;margin-block-start:34px}
.rf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-block-end:14px}
.rf-field{display:flex;flex-direction:column;gap:7px}
.rf-field.full{grid-column:1/-1}
.rf-field label{font-size:.82rem;color:var(--bone-dim)}
.rf-field input,.rf-field select{background:var(--ink);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--bone);font-family:inherit;font-size:.92rem;transition:border-color .2s}
.rf-field input:focus,.rf-field select:focus{border-color:var(--brass);outline:none}
.rf-field.err input,.rf-field.err select{border-color:var(--danger)}
.rf-field .rf-msg{font-size:.74rem;color:var(--danger);min-height:1em;opacity:0;transition:.2s}
.rf-field.err .rf-msg{opacity:1}
.reqform .btn{width:100%;margin-block-start:8px}
.rf-success{display:none;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:30px}
.rf-success.show{display:flex}
.rf-success .rs-ic{width:64px;height:64px;border-radius:50%;background:color-mix(in srgb,var(--jade) 16%,transparent);border:1px solid var(--jade);display:grid;place-items:center;color:var(--jade)}
.rf-success .rs-ic svg{width:30px;height:30px}
.rf-success h3{font-size:1.4rem;color:var(--bone)}
.rf-success p{color:var(--bone-dim);font-size:.95rem;max-width:24em}
.reqform.sent .rf-body{display:none}

/* ============ COMMAND PALETTE ============ */
.cmdk-overlay{position:fixed;inset:0;z-index:300;background:color-mix(in srgb,var(--ink) 70%,transparent);backdrop-filter:blur(6px);display:none;align-items:flex-start;justify-content:center;padding-block-start:14vh}
.cmdk-overlay.open{display:flex}
.cmdk-box{width:min(560px,92vw);background:var(--ink-1);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 40px 90px -30px rgba(0,0,0,.9)}
.cmdk-search{display:flex;align-items:center;gap:12px;padding:16px 18px;border-block-end:1px solid var(--line-soft)}
.cmdk-search svg{width:18px;height:18px;color:var(--bone-dim);flex:none}
.cmdk-search input{flex:1;background:none;border:none;outline:none;color:var(--bone);font-family:inherit;font-size:1rem}
.cmdk-results{max-height:50vh;overflow-y:auto;padding:8px}
.cmdk-item{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:10px;cursor:pointer;transition:.12s}
.cmdk-item.sel,.cmdk-item:hover{background:var(--ink-2)}
.cmdk-item .ci-ic{width:32px;height:32px;border-radius:8px;background:var(--ink);display:grid;place-items:center;color:var(--brass);flex:none}
.cmdk-item .ci-ic svg{width:16px;height:16px}
.cmdk-item .ci-tx{flex:1;min-width:0}
.cmdk-item .ci-tx .cit{font-size:.92rem;color:var(--bone);font-weight:500}
.cmdk-item .ci-tx .cid{font-size:.78rem;color:var(--bone-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmdk-item .ci-go{font-family:var(--d-mono);font-size:.66rem;color:var(--bone-dim);border:1px solid var(--line);border-radius:5px;padding:2px 7px;flex:none}
.cmdk-empty{padding:30px;text-align:center;color:var(--bone-dim);font-size:.9rem}
.cmdk-foot{display:flex;gap:16px;padding:11px 18px;border-block-start:1px solid var(--line-soft);font-family:var(--d-mono);font-size:.7rem;color:var(--bone-dim)}
html[lang="ar"] .cmdk-foot{font-family:var(--d-body-ar)}
.cmdk-foot kbd{background:var(--ink-2);border-radius:4px;padding:1px 6px;color:var(--brass)}

@media (max-width:980px){
  .dash-grid{grid-template-columns:1fr}
  .dash-row{grid-template-columns:1fr}
  .roi-grid{grid-template-columns:1fr;gap:28px}
}
@media (max-width:760px){
  .stat-grid{grid-template-columns:1fr 1fr}
  .rf-row{grid-template-columns:1fr}
}

/* ===================================================================
   TANSEEK — NEW COMPONENTS
   =================================================================== */

/* logo helpers (image classes .logo-* are defined in the embedded brand stylesheet) */
.brand-lockup{height:30px;width:auto}
.brand-lockup.logo-lockup-dark,.brand-lockup.logo-lockup-light{height:30px;display:inline-block}
.brand-lockup[class*="logo-lockup"]{width:175px;height:30px}
.brand-icon{display:inline-block}
.brand-icon[class*="logo-icon"]{width:30px;height:36px}
.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none}

/* simulation disclaimer + section eyebrow tweaks */
.sim-note{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;color:var(--bone-dim);background:var(--ink-1);border:1px solid var(--line-soft);border-radius:999px;padding:7px 14px;margin-block-start:14px}
.sim-note svg{width:14px;height:14px;color:var(--brass-2)}

/* gradient accents */
.aurora{background:linear-gradient(120deg,var(--brass),var(--brass-2))}
.ai-glow{background:linear-gradient(120deg,#6A11CB,#FF6EC7)}

/* ---------- HERO v2 (command-center visual) ---------- */
.hero2{position:relative;padding-block:120px 70px;overflow:hidden}
.hero2::before{content:"";position:absolute;inset:0;background:radial-gradient(1200px 600px at 80% -10%,color-mix(in srgb,var(--brass) 22%,transparent),transparent 60%),radial-gradient(900px 500px at 0% 10%,color-mix(in srgb,#1E3A8A 30%,transparent),transparent 55%);pointer-events:none}
.hero2 .wrap{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:54px;align-items:center}
.hero2 .eyebrow{margin-block-end:20px}
.hero2 h1{font-family:var(--d-display-ar);font-weight:800;font-size:clamp(2.1rem,4.6vw,3.5rem);line-height:1.12;color:var(--bone);letter-spacing:-.01em}
html[lang="en"] .hero2 h1{font-family:var(--d-display-en)}
.hero2 .sub{color:var(--bone-dim);font-size:1.06rem;line-height:1.75;margin-block:22px 26px;max-width:40ch}
.hero2 .chips{display:flex;flex-wrap:wrap;gap:9px;margin-block-start:26px}
.hero2 .tc{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;color:var(--bone);background:var(--ink-1);border:1px solid var(--line-soft);border-radius:999px;padding:7px 13px}
.hero2 .tc::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brass-2)}

/* hero command-center mock */
.ccmock{background:linear-gradient(180deg,var(--ink-1),var(--ink));border:1px solid var(--line);border-radius:20px;box-shadow:0 50px 110px -40px rgba(0,0,0,.85);overflow:hidden}
.ccmock .ccm-top{display:flex;align-items:center;gap:10px;padding:13px 16px;border-block-end:1px solid var(--line-soft);background:var(--ink-1)}
.ccmock .ccm-top .ccm-ic{width:26px;height:31px}
.ccmock .ccm-name{font-weight:700;color:var(--bone);font-size:.92rem}
.ccmock .ccm-stat{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--d-mono);font-size:.7rem;color:var(--jade)}
html[lang="ar"] .ccmock .ccm-stat{font-family:var(--d-body-ar)}
.ccmock .ccm-stat::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--jade);box-shadow:0 0 0 0 rgba(20,224,193,.5);animation:micpulse 1.6s infinite}
.ccmock .ccm-body{padding:16px;display:flex;flex-direction:column;gap:11px}
.ccm-card{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:13px;padding:13px 14px}
.ccm-card .cch{display:flex;align-items:center;gap:9px;font-size:.82rem;color:var(--bone);font-weight:600;margin-block-end:9px}
.ccm-card .cch svg{width:15px;height:15px;color:var(--brass-2)}
.ccm-card .cch .tag{margin-inline-start:auto;font-family:var(--d-mono);font-size:.62rem;color:var(--bone-dim);border:1px solid var(--line);border-radius:5px;padding:1px 7px}
html[lang="ar"] .ccm-card .cch .tag{font-family:var(--d-body-ar)}
.ccm-li{display:flex;align-items:center;gap:9px;font-size:.82rem;color:var(--bone-dim);padding-block:4px}
.ccm-li .dot{width:6px;height:6px;border-radius:50%;background:var(--brass);flex:none}
.ccm-li b{color:var(--bone);font-weight:600}
.ccm-approve{background:linear-gradient(180deg,color-mix(in srgb,var(--brass) 14%,var(--ink-2)),var(--ink-2));border:1px solid var(--brass)}
.ccm-approve .cch svg{color:var(--brass)}
.ccm-acts{display:flex;gap:8px;margin-block-start:10px}
.ccm-acts .mini{flex:1;text-align:center;font-size:.76rem;font-weight:600;padding:8px;border-radius:8px}
.ccm-acts .mini.ok{background:var(--brass);color:#04121f}
.ccm-acts .mini.alt{border:1px solid var(--line);color:var(--bone)}

/* ---------- EXECUTIVE COMMAND CENTER ---------- */
.cc-shell{display:grid;grid-template-columns:218px 1fr;background:var(--ink-1);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 40px 90px -40px rgba(0,0,0,.8)}
.cc-side{background:var(--ink);border-inline-end:1px solid var(--line-soft);padding:18px 14px;display:flex;flex-direction:column;gap:4px}
.cc-brand{display:flex;align-items:center;gap:9px;padding:6px 8px 16px}
.cc-brand .bi{width:24px;height:29px}
.cc-brand .bn{font-weight:700;color:var(--bone);font-size:.95rem}
.cc-nav-i{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:10px;color:var(--bone-dim);font-size:.86rem;cursor:default;transition:.15s}
.cc-nav-i svg{width:17px;height:17px;flex:none}
.cc-nav-i.on{background:color-mix(in srgb,var(--brass) 16%,transparent);color:var(--brass-2)}
.cc-nav-i.on svg{color:var(--brass-2)}
.cc-nav-i .ct{margin-inline-start:auto;font-family:var(--d-mono);font-size:.6rem;background:var(--brass);color:#04121f;border-radius:20px;padding:1px 6px;font-weight:700}
.cc-main{padding:18px 20px 22px;min-width:0}
.cc-top{display:flex;align-items:center;gap:12px;margin-block-end:18px}
.cc-search{flex:1;display:flex;align-items:center;gap:10px;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:11px;padding:11px 14px;color:var(--bone-dim);font-size:.86rem}
.cc-search svg{width:16px;height:16px;color:var(--brass-2)}
.cc-chip{display:inline-flex;align-items:center;gap:7px;font-size:.74rem;color:var(--bone-dim);background:var(--ink-2);border:1px solid var(--line-soft);border-radius:999px;padding:7px 12px;white-space:nowrap}
.cc-chip svg{width:13px;height:13px;color:var(--brass-2)}
.cc-chip b{color:var(--bone);font-weight:600}
.cc-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--brass),var(--brass-2));display:grid;place-items:center;color:#04121f;font-weight:700;font-size:.82rem;flex:none}
.cc-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}
.cc-card{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:15px;padding:16px 17px}
.cc-card.span2{grid-column:1/-1}
.cc-card .cc-h{display:flex;align-items:center;gap:9px;margin-block-end:13px}
.cc-card .cc-h .ci{width:30px;height:30px;border-radius:8px;background:var(--ink);display:grid;place-items:center;color:var(--brass-2);flex:none}
.cc-card .cc-h .ci svg{width:16px;height:16px}
.cc-card .cc-h h4{font-size:.96rem;color:var(--bone);font-weight:700}
.cc-card .cc-h .cc-pill{margin-inline-start:auto;font-family:var(--d-mono);font-size:.62rem;color:var(--jade);border:1px solid color-mix(in srgb,var(--jade) 40%,transparent);border-radius:6px;padding:2px 8px}
html[lang="ar"] .cc-card .cc-h .cc-pill{font-family:var(--d-body-ar)}
.cc-brief li{display:flex;align-items:flex-start;gap:10px;font-size:.86rem;color:var(--bone-dim);padding-block:6px;line-height:1.5}
.cc-brief li .n{width:7px;height:7px;border-radius:50%;background:var(--brass);margin-block-start:6px;flex:none}
.cc-brief li b{color:var(--bone);font-weight:600}
/* decision queue */
.dq-row{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;padding:11px 0;border-block-end:1px solid var(--line-soft)}
.dq-row:last-child{border-block-end:none}
.dq-row .dq-t{font-size:.88rem;color:var(--bone);font-weight:600}
.dq-row .dq-m{font-size:.75rem;color:var(--bone-dim);margin-block-start:3px;display:flex;gap:12px;flex-wrap:wrap}
.dq-row .dq-m .imp{color:var(--brass-2)}
.dq-acts{display:flex;gap:7px}
.dq-acts button{font-size:.76rem;font-weight:600;padding:7px 13px;border-radius:8px;transition:.15s}
.dq-acts .ok{background:var(--brass);color:#04121f}
.dq-acts .ok:hover{background:var(--brass-2)}
.dq-acts .rev{border:1px solid var(--line);color:var(--bone)}
.dq-acts .rev:hover{border-color:var(--brass)}
.dq-row.done{opacity:.5}
.dq-row.done .dq-acts{display:none}
.dq-done-tag{display:none;font-family:var(--d-mono);font-size:.72rem;color:var(--jade);align-items:center;gap:6px}
.dq-row.done .dq-done-tag{display:flex}
/* inbox */
.ibx{display:flex;flex-direction:column;gap:9px}
.ibx-i{display:flex;align-items:center;gap:11px;font-size:.84rem;color:var(--bone)}
.ibx-i .cat{font-family:var(--d-mono);font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:5px;flex:none;min-width:54px;text-align:center}
html[lang="ar"] .ibx-i .cat{font-family:var(--d-body-ar)}
.cat.urgent{background:color-mix(in srgb,var(--danger) 22%,transparent);color:var(--danger)}
.cat.imp{background:color-mix(in srgb,var(--brass) 22%,transparent);color:var(--brass-2)}
.cat.reply{background:color-mix(in srgb,var(--jade) 18%,transparent);color:var(--jade)}
.cat.fyi{background:var(--ink);color:var(--bone-dim)}
/* approval card in CC */
.cc-approve{background:linear-gradient(180deg,color-mix(in srgb,var(--brass) 10%,var(--ink-2)),var(--ink-2));border-color:var(--brass)}
.cc-approve .ap-line{font-size:.86rem;color:var(--bone-dim);line-height:1.6;margin-block-end:12px}
.cc-approve .ap-line b{color:var(--bone)}
.cc-approve .ap-row{display:flex;gap:8px;flex-wrap:wrap}
.cc-approve .ap-row button{font-size:.78rem;font-weight:600;padding:9px 15px;border-radius:9px;transition:.15s}
.cc-approve .ap-row .ok{background:var(--brass);color:#04121f}
.cc-approve .ap-row .ok:hover{background:var(--brass-2)}
.cc-approve .ap-row .edit,.cc-approve .ap-row .draft{border:1px solid var(--line);color:var(--bone)}
.cc-approve.resolved .ap-row{display:none}
.cc-approve .ap-ok-tag{display:none;align-items:center;gap:8px;font-family:var(--d-mono);font-size:.78rem;color:var(--jade)}
html[lang="ar"] .cc-approve .ap-ok-tag{font-family:var(--d-body-ar);font-weight:600}
.cc-approve.resolved .ap-ok-tag{display:flex}
/* audit mini */
.cc-audit .au-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:7px 0;font-size:.8rem;border-block-end:1px solid var(--line-soft)}
.cc-audit .au-row:last-child{border-block-end:none}
.cc-audit .au-row .at{font-family:var(--d-mono);font-size:.7rem;color:var(--bone-dim)}
html[lang="ar"] .cc-audit .au-row .at{font-family:var(--d-body-ar)}
.cc-audit .au-row .aa{color:var(--bone-dim)}
.cc-audit .au-row .aa b{color:var(--bone)}
.cc-audit .au-row .au{font-family:var(--d-mono);font-size:.66rem;color:var(--jade)}
html[lang="ar"] .cc-audit .au-row .au{font-family:var(--d-body-ar)}

/* ---------- CAPABILITY MODULES ---------- */
.mod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mod-card{background:var(--ink-1);border:1px solid var(--line-soft);border-radius:16px;padding:24px;transition:.22s}
.mod-card:hover{border-color:color-mix(in srgb,var(--brass) 55%,transparent);transform:translateY(-3px)}
.mod-card .m-ic{width:46px;height:46px;border-radius:12px;background:color-mix(in srgb,var(--brass) 14%,transparent);display:grid;place-items:center;color:var(--brass-2);margin-block-end:16px}
.mod-card .m-ic svg{width:23px;height:23px}
.mod-card h4{font-size:1.08rem;color:var(--bone);margin-block-end:9px;font-weight:700}
.mod-card p{font-size:.9rem;color:var(--bone-dim);line-height:1.65}
.mod-card .mnum{font-family:var(--d-mono);font-size:.7rem;color:var(--brass);margin-block-end:14px}
html[lang="ar"] .mod-card .mnum{font-family:var(--d-body-ar)}

/* ---------- ARABIC-FIRST ---------- */
.af-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.af-points{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.af-pt{display:flex;align-items:flex-start;gap:11px;font-size:.92rem;color:var(--bone);line-height:1.5}
.af-pt svg{width:20px;height:20px;color:var(--brass-2);flex:none;margin-block-start:2px}
.af-visual{background:linear-gradient(160deg,var(--ink-1),var(--ink));border:1px solid var(--line);border-radius:18px;padding:30px;text-align:center}
.af-visual .big{font-family:var(--d-display-ar);font-size:4.4rem;color:var(--brass-2);line-height:1}
.af-visual .cap{color:var(--bone-dim);font-size:.92rem;margin-block-start:14px;line-height:1.6}

/* ---------- FOUNDING PARTNERS ---------- */
.fp-wrap{background:linear-gradient(160deg,color-mix(in srgb,var(--brass) 9%,var(--ink-1)),var(--ink-1));border:1px solid color-mix(in srgb,var(--brass) 35%,var(--line));border-radius:22px;padding:46px}
.fp-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.fp-benefits{display:flex;flex-direction:column;gap:12px}
.fp-b{display:flex;align-items:flex-start;gap:11px;font-size:.92rem;color:var(--bone);line-height:1.5}
.fp-b svg{width:19px;height:19px;color:var(--brass-2);flex:none;margin-block-start:2px}
.fp-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--d-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--brass-2);border:1px solid color-mix(in srgb,var(--brass) 40%,transparent);border-radius:999px;padding:6px 14px;margin-block-end:18px}
html[lang="ar"] .fp-badge{font-family:var(--d-body-ar);letter-spacing:0;font-weight:700}

/* ---------- PRICING v2 ---------- */
.price-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.price-card{background:var(--ink-1);border:1px solid var(--line-soft);border-radius:18px;padding:26px 22px;display:flex;flex-direction:column}
.price-card.feat{border-color:var(--brass);box-shadow:0 0 40px -16px color-mix(in srgb,var(--brass) 60%,transparent)}
.price-card .pc-tag{font-family:var(--d-mono);font-size:.62rem;color:var(--brass-2);text-transform:uppercase;letter-spacing:.1em;margin-block-end:10px;min-height:1em}
html[lang="ar"] .price-card .pc-tag{font-family:var(--d-body-ar);letter-spacing:0}
.price-card .pc-name{font-size:1.12rem;color:var(--bone);font-weight:700}
.price-card .pc-price{font-family:var(--d-mono);color:var(--brass-2);font-weight:500;margin-block:14px 4px;font-size:1.02rem;line-height:1.3}
html[lang="ar"] .price-card .pc-price{font-family:var(--d-body-ar);font-weight:700}
.price-card .pc-desc{font-size:.84rem;color:var(--bone-dim);line-height:1.6;margin-block-end:16px;min-height:64px}
.price-card .pc-feats{list-style:none;display:flex;flex-direction:column;gap:9px;margin-block-end:20px;flex:1}
.price-card .pc-feats li{display:flex;align-items:flex-start;gap:9px;font-size:.84rem;color:var(--bone);line-height:1.45}
.price-card .pc-feats li svg{width:15px;height:15px;color:var(--brass-2);flex:none;margin-block-start:3px}
.price-card .btn{width:100%;justify-content:center}
.price-note{text-align:center;color:var(--bone-dim);font-size:.9rem;margin-block-start:26px}
.price-note a{color:var(--brass-2);border-block-end:1px solid color-mix(in srgb,var(--brass) 40%,transparent)}

/* ---------- AI ENGINE ---------- */
.ai-status{text-align:center;color:var(--bone-dim);font-size:.82rem;margin-block:0 32px;max-width:64ch;margin-inline:auto}
.ai-paths{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-block-end:48px}
.ai-path{background:var(--ink);border:1px solid var(--line-soft);border-radius:18px;padding:28px 26px;display:flex;flex-direction:column}
.ai-path.feat{border-color:color-mix(in srgb,var(--jade) 45%,var(--line));box-shadow:0 0 40px -18px color-mix(in srgb,var(--jade) 60%,transparent)}
.aip-h{display:flex;align-items:center;gap:14px;margin-block-end:14px}
.aip-ic{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--brass) 12%,var(--ink-2));border:1px solid var(--line)}
.aip-ic svg{width:23px;height:23px;color:var(--brass-2)}
.ai-path.feat .aip-ic{background:color-mix(in srgb,var(--jade) 14%,var(--ink-2));border-color:color-mix(in srgb,var(--jade) 35%,transparent)}
.ai-path.feat .aip-ic svg{color:var(--jade)}
.aip-t{font-size:1.14rem;color:var(--bone);font-weight:700}
.aip-s{font-family:var(--d-mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.07em;color:var(--bone-dim);margin-block-start:3px}
html[lang="ar"] .aip-s{font-family:var(--d-body-ar);letter-spacing:0}
.ai-path.feat .aip-s{color:var(--jade)}
.ai-path>p{font-size:.9rem;color:var(--bone-dim);line-height:1.6;margin-block-end:16px}
.aip-feats{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}
.aip-feats li{display:flex;align-items:flex-start;gap:9px;font-size:.86rem;color:var(--bone);line-height:1.5}
.aip-feats li svg{width:15px;height:15px;color:var(--brass-2);flex:none;margin-block-start:3px}
.ai-sub{text-align:center;font-size:1.06rem;color:var(--bone);font-weight:700;margin-block:0 22px}
.ai-models{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-block-end:34px}
.ai-tier{background:var(--ink);border:1px solid var(--line-soft);border-radius:16px;padding:22px 20px;display:flex;flex-direction:column}
.ai-tier.star{border-color:color-mix(in srgb,var(--brass) 45%,var(--line));box-shadow:0 0 36px -18px color-mix(in srgb,var(--brass) 55%,transparent)}
.ait-tag{font-family:var(--d-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.07em;color:var(--brass-2);margin-block-end:10px;min-height:1em}
html[lang="ar"] .ait-tag{font-family:var(--d-body-ar);letter-spacing:0}
.ait-t{font-size:1.02rem;color:var(--bone);font-weight:700;margin-block-end:8px}
.ait-u{font-size:.84rem;color:var(--bone-dim);line-height:1.55;margin-block-end:14px;flex:1}
.ait-m{font-family:var(--d-mono);font-size:.72rem;color:var(--brass-2);line-height:1.7;padding-block-start:12px;border-block-start:1px solid var(--line-soft)}
html[lang="ar"] .ait-m{font-family:var(--d-body-ar)}
.ai-rec{display:flex;align-items:flex-start;gap:14px;background:linear-gradient(160deg,color-mix(in srgb,var(--brass) 9%,var(--ink)),var(--ink));border:1px solid color-mix(in srgb,var(--brass) 30%,var(--line));border-radius:16px;padding:24px 26px}
.ai-rec svg{width:24px;height:24px;color:var(--brass-2);flex:none;margin-block-start:2px}
.ai-rec p{font-size:.94rem;color:var(--bone);line-height:1.65}
.ai-rec b{color:var(--brass-2)}

/* ---------- INTEGRATIONS ROADMAP ---------- */
.road-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.road-col{background:var(--ink-1);border:1px solid var(--line-soft);border-radius:16px;padding:22px}
.road-col.phase1{border-color:color-mix(in srgb,var(--brass) 45%,var(--line))}
.road-phase{display:flex;align-items:center;gap:9px;margin-block-end:16px}
.road-phase .rp-dot{width:9px;height:9px;border-radius:50%;background:var(--bone-dim)}
.road-col.phase1 .rp-dot{background:var(--jade);box-shadow:0 0 10px var(--jade)}
.road-phase .rp-t{font-weight:700;color:var(--bone);font-size:.96rem}
.road-phase .rp-s{margin-inline-start:auto;font-family:var(--d-mono);font-size:.6rem;color:var(--bone-dim);border:1px solid var(--line);border-radius:5px;padding:2px 7px}
html[lang="ar"] .road-phase .rp-s{font-family:var(--d-body-ar)}
.road-col.phase1 .rp-s{color:var(--jade);border-color:color-mix(in srgb,var(--jade) 40%,transparent)}
.road-items{display:flex;flex-direction:column;gap:9px}
.road-i{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--bone-dim);padding:9px 11px;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:10px}
.road-i svg{width:15px;height:15px;color:var(--brass-2);flex:none}
.road-col:not(.phase1) .road-i{opacity:.82}

/* ---------- TRUST GRID ---------- */
.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.trust-list{display:flex;flex-direction:column;gap:13px}
.trust-b{display:flex;align-items:flex-start;gap:12px;font-size:.93rem;color:var(--bone);line-height:1.55}
.trust-b svg{width:20px;height:20px;color:var(--brass-2);flex:none;margin-block-start:2px}

@media (max-width:1080px){
  .hero2 .wrap{grid-template-columns:1fr;gap:40px}
  .cc-grid{grid-template-columns:1fr}
  .mod-grid{grid-template-columns:1fr 1fr}
  .af-grid,.fp-grid,.trust-grid{grid-template-columns:1fr;gap:30px}
  .price-grid{grid-template-columns:1fr 1fr}
  .ai-paths{grid-template-columns:1fr}
  .ai-models{grid-template-columns:1fr 1fr}
  .road-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  .cc-shell{grid-template-columns:1fr}
  .cc-side{flex-direction:row;flex-wrap:wrap;border-inline-end:none;border-block-end:1px solid var(--line-soft)}
  .cc-side .cc-brand{width:100%}
  .cc-nav-i{padding:7px 9px;font-size:.78rem}
  .mod-grid,.price-grid,.af-points,.ai-models{grid-template-columns:1fr}
  .dq-row{grid-template-columns:1fr}
  .hero2{padding-block:96px 50px}
}

/* how it works grid */
.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.how-step{background:var(--ink);border:1px solid var(--line-soft);border-radius:16px;padding:24px}
.how-step .hs-num{font-family:var(--d-mono);font-size:1.4rem;color:var(--brass);font-weight:500;margin-block-end:14px}
html[lang="ar"] .how-step .hs-num{font-family:var(--d-body-ar);font-weight:700}
.how-step h4{font-size:1.02rem;color:var(--bone);margin-block-end:9px;font-weight:700}
.how-step p{font-size:.88rem;color:var(--bone-dim);line-height:1.6}

/* footer grid */
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:start}
.foot-brand p{color:var(--bone-dim);font-size:.9rem;line-height:1.7;margin-block-start:16px;max-width:46ch}
.foot-links{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;align-content:start}
.foot-links a{color:var(--bone-dim);font-size:.9rem;transition:color .2s}
.foot-links a:hover{color:var(--brass-2)}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-block-start:40px;padding-block-start:24px;border-block-start:1px solid var(--line-soft);font-size:.82rem;color:var(--bone-dim)}
.foot-bottom .foot-note{color:var(--on-parch-dim)}
@media (max-width:980px){
  .how-grid{grid-template-columns:1fr 1fr}
  .foot-grid{grid-template-columns:1fr;gap:30px}
}
@media (max-width:560px){
  .how-grid{grid-template-columns:1fr}
  .foot-links{grid-template-columns:1fr}
}

/* ===== Tanseek brand logo assets (external files in /assets/brand) ===== */
/* Swap these PNGs for SVGs later by changing the url() below. */
.logo-lockup-dark{background-image:url(../assets/brand/tanseek-lockup-dark.png);background-size:contain;background-repeat:no-repeat;background-position:center;aspect-ratio:1440/180}
.logo-lockup-light{background-image:url(../assets/brand/tanseek-lockup-light.png);background-size:contain;background-repeat:no-repeat;background-position:center;aspect-ratio:1440/180}
.logo-ar-dark{background-image:url(../assets/brand/tanseek-ar-dark.png);background-size:contain;background-repeat:no-repeat;background-position:center;aspect-ratio:730/250}
.logo-ar-light{background-image:url(../assets/brand/tanseek-ar-light.png);background-size:contain;background-repeat:no-repeat;background-position:center;aspect-ratio:730/250}
.logo-icon-dark{background-image:url(../assets/brand/tanseek-icon-dark.png);background-size:contain;background-repeat:no-repeat;background-position:center;aspect-ratio:320/300}
.logo-icon-light{background-image:url(../assets/brand/tanseek-icon-light.png);background-size:contain;background-repeat:no-repeat;background-position:center;aspect-ratio:320/300}