/* أقسام SMAZOD الجديدة + تحسينات الحركة والخطوط وعناوين الأقسام — معزولة بـ .xn وبـ .hv2 */
.xn{--p:#2f74dc;--p2:#2563c4;--pl:#9db8e0;--soft:#eef2fa;--ink:#1e1b4b;--tx:#3b3f6b;--mu:#6b7096;--ln:#e1e7f1;--bg:#f8fafd;--card:#fff;--ok:#12996b;--dark:#1a2333;--r:18px;--font:"Noto Sans Arabic",system-ui,sans-serif}.xn *{box-sizing:border-box}.xn{font-family:var(--font);color:var(--tx);line-height:1.8;font-size:16px}.xn .w{max-width:1120px;margin:0 auto;padding:0 20px}.xn section{padding:72px 0}.xn h2{font-size:clamp(26px,4vw,38px);line-height:1.4;color:var(--ink);font-weight:700;max-width:22ch}.xn .x-lead{color:var(--mu);max-width:56ch;margin-top:10px}.xn .btn{display:inline-flex;align-items:center;gap:8px;font:600 15px var(--font);padding:12px 22px;border-radius:12px;border:0;background:var(--p);color:#fff;cursor:pointer;text-decoration:none;transition:background .2s}.xn .btn.ghost{background:transparent;color:var(--p);border:1px solid var(--p)}.xn :focus-visible{outline:3px solid var(--pl);outline-offset:3px}.xn .x-flow-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px}.xn .x-chain{margin-top:36px;display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}.xn .x-node{position:relative;padding:18px 14px 20px;background:var(--card);border:1px solid var(--ln);text-align:center;transition:.45s}.xn .x-node:first-child{border-radius:0 var(--r) var(--r) 0}.xn .x-node:last-child{border-radius:var(--r) 0 0 var(--r)}.xn .x-node+.x-node{border-inline-start:0}.xn .x-node b{display:block;color:var(--ink);font-size:15px}.xn .x-node small{display:block;color:var(--mu);font-size:12.5px;min-height:40px;margin-top:2px}.xn .x-node output{display:block;margin-top:8px;font:700 17px var(--font);color:var(--mu);transition:color .4s}.xn .x-node.on{background:var(--soft);border-color:var(--pl)}.xn .x-node.on output{color:var(--p)}.xn .x-node::after{content:"";position:absolute;inset-inline-end:-1px;top:0;bottom:0;width:3px;background:var(--p);transform:scaleY(0);transform-origin:top;transition:transform .45s}.xn .x-node.on::after{transform:scaleY(1)}.xn .x-flow-note{margin-top:14px;font-size:14px;color:var(--mu);min-height:26px}.xn .x-flow-note b{color:var(--ok)}@media(max-width:760px){.xn .x-chain{grid-template-columns:1fr}.xn .x-node,.xn .x-node:first-child,.xn .x-node:last-child{border-radius:0;border:1px solid var(--ln);border-top-width:0;text-align:start}.xn .x-node:first-child{border-top-width:1px;border-radius:var(--r) var(--r) 0 0}.xn .x-node:last-child{border-radius:0 0 var(--r) var(--r)}.xn .x-node small{min-height:0}.xn .x-node::after{inset:0 auto 0 -1px;inset-inline:auto -1px}}.xn .x-apps{background:var(--soft)}.xn .x-tabs{display:flex;gap:6px;margin-top:28px;border-bottom:1px solid var(--ln);overflow-x:auto}.xn .x-tabs button{font:600 15px var(--font);padding:12px 18px;background:none;border:0;border-bottom:3px solid transparent;color:var(--mu);cursor:pointer;white-space:nowrap}.xn .x-tabs button[aria-selected=true]{color:var(--p);border-color:var(--p)}.xn .x-panel{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:30px;align-items:start}.xn .x-panel[hidden]{display:none}.xn .x-panel h3{font-size:22px;color:var(--ink);line-height:1.5}.xn .x-panel p{margin-top:8px;color:var(--tx)}.xn .x-panel ul{list-style:none;padding:0;margin-top:16px;display:grid;gap:10px}.xn .x-panel li{padding-inline-start:26px;position:relative}.xn .x-panel li::before{content:"";position:absolute;inset-inline-start:0;top:.7em;width:14px;height:2px;background:var(--p)}.xn .x-apps-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.xn .x-app{background:var(--card);border:1px solid var(--ln);border-radius:14px;padding:14px 16px}.xn .x-app b{display:block;color:var(--ink);font-size:15px}.xn .x-app span{font-size:13px;color:var(--mu)}@media(max-width:760px){.xn .x-panel{grid-template-columns:1fr}}.xn .x-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--ln);border-radius:var(--r);background:var(--card);overflow:hidden}.xn .x-stat{padding:30px 24px}.xn .x-stat+.x-stat{border-inline-start:1px solid var(--ln)}.xn .x-stat strong{display:block;font-size:44px;line-height:1.2;color:var(--p);font-weight:700}.xn .x-stat span{color:var(--tx)}@media(max-width:760px){.xn .x-stats{grid-template-columns:1fr}.xn .x-stat+.x-stat{border-inline-start:0;border-top:1px solid var(--ln)}}.xn .x-cmp{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.xn .x-col{border-radius:var(--r);padding:26px;border:1px solid var(--ln);background:var(--card)}.xn .x-col.x-us{background:var(--card);border-color:var(--ln);color:var(--tx)}.xn .x-col h3{font-size:18px;color:var(--ink)}.xn .x-col.x-us h3{color:var(--ink)}.xn .x-col ul{list-style:none;padding:0;margin-top:14px;display:grid;gap:10px}.xn .x-col li{display:flex;gap:10px;font-size:15px}.xn .x-col li i{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:700 11px var(--font);font-style:normal;margin-top:5px;background:#f1d9d9;color:#a33}.xn .x-col.x-us li i{background:#dff3ea;color:#12996b}@media(max-width:760px){.xn .x-cmp{grid-template-columns:1fr}}.xn .x-own{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}.xn .x-own dl{display:grid;gap:18px}.xn .x-own dt{font-weight:700;color:var(--ink)}.xn .x-own dd{margin:2px 0 0;color:var(--mu);font-size:15px}.xn .x-own dl>div{padding-inline-start:18px;border-inline-start:3px solid var(--pl)}.xn .x-vault{background:var(--soft);border:1px solid var(--ln);border-radius:24px;padding:26px;display:grid;gap:10px}.xn .x-vault div{display:flex;justify-content:space-between;align-items:center;background:var(--card);border:1px solid var(--ln);border-radius:12px;padding:12px 16px;font-size:14px}.xn .x-vault em{font-style:normal;color:var(--ok);font-weight:600}@media(max-width:760px){.xn .x-own{grid-template-columns:1fr}}.xn details{border-bottom:1px solid var(--ln);padding:16px 0}.xn summary{cursor:pointer;font-weight:600;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:12px}.xn summary::after{content:"+";color:var(--p);font-size:22px;line-height:1}.xn details[open] summary::after{content:"\2212"}.xn details p{margin-top:8px;color:var(--mu);max-width:64ch}.xn .faq{max-width:760px;margin-top:20px}.xn .cta{background:var(--dark);border-radius:28px;padding:56px 28px;text-align:center;color:#dfe5f0}.xn .cta h2{color:#fff;margin:0 auto}.xn .cta p{margin:10px auto 24px;max-width:48ch;color:#bfcadc}.xn .cta .btn{background:#fff;color:var(--p2)}@media(prefers-reduced-motion:reduce){.xn *{transition:none!important}}
.xn section:last-child{padding-bottom:72px}
html body.hv2 .xn .x-col.x-us h3{color:var(--ink)!important}
html body.hv2 .xn .x-col.x-us li{color:var(--tx)!important}


/* SMAZOD motion pass: restrained entrance, staggered app tiles, and accessible motion. */
@keyframes egHeroRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes egTileRise{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes egAmbientDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,10px,0)}}
.hv2 .eg-hero .chip,.hv2 .eg-hero h1,.hv2 .eg-hero .sub,.hv2 .eg-hero .cta-row,.hv2 .eg-hero .fine{animation:egHeroRise .72s cubic-bezier(.2,.7,.2,1) both}
.hv2 .eg-hero h1{animation-delay:.08s}
.hv2 .eg-hero .sub{animation-delay:.16s}
.hv2 .eg-hero .cta-row{animation-delay:.24s}
.hv2 .eg-hero .fine{animation-delay:.3s}
.hv2 .eg-hero .eg-art img{animation:egAmbientDrift 9s ease-in-out infinite alternate}
.hv2 .eg-hero .stage.in .app{animation:egTileRise .55s cubic-bezier(.2,.7,.2,1) both}
.hv2 .eg-hero .app:nth-child(1){animation-delay:.08s}
.hv2 .eg-hero .app:nth-child(2){animation-delay:.12s}
.hv2 .eg-hero .app:nth-child(3){animation-delay:.16s}
.hv2 .eg-hero .app:nth-child(4){animation-delay:.20s}
.hv2 .eg-hero .app:nth-child(5){animation-delay:.24s}
.hv2 .eg-hero .app:nth-child(6){animation-delay:.28s}
.hv2 .eg-hero .app:nth-child(7){animation-delay:.32s}
.hv2 .eg-hero .app:nth-child(8){animation-delay:.36s}
.hv2 .eg-hero .app:nth-child(9){animation-delay:.40s}
.hv2 .eg-hero .app:nth-child(10){animation-delay:.44s}
.hv2 .eg-hero .app:nth-child(11){animation-delay:.48s}
.hv2 .eg-hero .app:nth-child(12){animation-delay:.52s}
.hv2 .eg-hero .app:nth-child(13){animation-delay:.56s}
.hv2 .eg-hero .app:nth-child(14){animation-delay:.60s}
.hv2 .ov-c,.hv2 .op-flow li,.hv2 .x-node,.hv2 .x-stat,.hv2 .x-app{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,background .35s ease}
.hv2 .gi-it{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.hv2 .gi-it.on{transform:translateX(-2px)}
.hv2 .op-flow li{transition:transform .35s ease}
.hv2 .x-node.on{transform:translateY(-3px)}
.hv2 .x-stat strong{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){
  .hv2 .eg-hero .chip,.hv2 .eg-hero h1,.hv2 .eg-hero .sub,.hv2 .eg-hero .cta-row,.hv2 .eg-hero .fine,.hv2 .eg-hero .eg-art img,.hv2 .eg-hero .app{animation:none!important}
  .hv2 .ov-c,.hv2 .op-flow li,.hv2 .x-node,.hv2 .x-stat,.hv2 .x-app,.hv2 .gi-it{transition:none!important}}


/* ===== SMAZOD typography refinement: enterprise Arabic + Latin pairing ===== */
html body.hv2,
html body.hv2 button,
html body.hv2 input,
html body.hv2 select,
html body.hv2 textarea,
html body.hv2 summary {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", Tahoma, sans-serif !important;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html body.hv2 { font-size: 15.5px; line-height: 1.85; }
html body.hv2 :is(h1,h2,h3,h4) {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", Tahoma, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0;
  text-wrap: balance;
}
html body.hv2 .eg-hero h1 { font-weight: 700 !important; line-height: 1.32; }
html body.hv2 .nav .links a,
html body.hv2 .nav-cta .btn,
html body.hv2 .btn,
html body.hv2 .gi-h,
html body.hv2 .faq summary { font-weight: 600 !important; }
html body.hv2 :is(.sub,.gi-lead,.pos-lead,.gi-hd p,.faq details p) {
  font-weight: 400 !important;
  line-height: 1.95;
}
html body.hv2 :is(.app span,.fine span,.proof span,.ft2 li a,.ft2-bot span) {
  font-weight: 500 !important;
}
@media (max-width: 600px) {
  html body.hv2 { font-size: 15px; }
  html body.hv2 .eg-hero h1 { line-height: 1.38; }}


/* ===== إبراز عناوين الأقسام الرئيسية ===== */
html body.hv2 :is(
  #overview .gi-k,
  #operations .gi-k,
  #accounting .gi-k,
  #people .gi-k,
  #growth .gi-k,
  #insight .gi-k,
  #anywhere .gi-k,
  #pos .pos-k
) {
  font-size: clamp(19px, 1.7vw, 22px) !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  min-height: 50px;
  padding: 10px 20px !important;
  gap: 12px;
  margin-bottom: 18px;
  border-radius: 12px;
  letter-spacing: 0;
}
html body.hv2 :is(
  #overview .gi-k,
  #operations .gi-k,
  #accounting .gi-k,
  #people .gi-k,
  #growth .gi-k,
  #insight .gi-k,
  #anywhere .gi-k,
  #pos .pos-k
)::before {
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
}
@media (max-width: 600px) {
  html body.hv2 :is(
    #overview .gi-k,
    #operations .gi-k,
    #accounting .gi-k,
    #people .gi-k,
    #growth .gi-k,
    #insight .gi-k,
    #anywhere .gi-k,
    #pos .pos-k
  ) {
    font-size: 18px !important;
    min-height: 46px;
    padding: 9px 16px !important;
    margin-bottom: 14px;
  }}