/* ===== قسم «كيف تعمل المنظومة» ===== */
.ix{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:96px 0 88px;margin:56px 0 8px;background:#0b1d14;}
.ix-bg{position:absolute;inset:0;z-index:-1;}
.ix-bgimg{position:absolute;inset:-6% 0;background-size:cover;background-position:center;transform:translate3d(0,var(--ix-y,0),0);scale:1.08;animation:ixKen 32s ease-in-out infinite alternate;will-change:transform;}
@keyframes ixKen{from{scale:1.06;}to{scale:1.2;}}
.ix-grad{position:absolute;inset:0;background:radial-gradient(60% 50% at 82% 28%,rgba(21,154,72,.28),transparent 70%),linear-gradient(180deg,rgba(7,24,16,.94) 0%,rgba(7,24,16,.78) 38%,rgba(7,24,16,.84) 72%,rgba(5,16,11,.97) 100%);}
.ix-canvas{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen;opacity:.75;}
.ix-in{position:relative;max-width:1240px;margin:0 auto;padding:0 28px;}
.ix-head{max-width:780px;}
.ix-kicker{display:inline-flex;align-items:center;gap:9px;font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:#5FC48F;margin-bottom:16px;}
.ix-kicker i{width:7px;height:7px;border-radius:50%;background:#5FC48F;animation:ixPulse 2.2s ease-in-out infinite;}
@keyframes ixPulse{0%,100%{box-shadow:0 0 0 0 rgba(95,196,143,.55);}50%{box-shadow:0 0 0 8px rgba(95,196,143,0);}}
.ix h2{font-size:clamp(30px,4.4vw,48px);line-height:1.2;margin:0 0 16px;color:#fff;}
.ix-head p{font-size:16.5px;line-height:2;color:rgba(255,255,255,.84);margin:0;}
.ix-facts{display:flex;gap:14px 36px;flex-wrap:wrap;list-style:none;padding:0;margin:30px 0 0;}
.ix-facts li{display:flex;align-items:center;gap:12px;}
.ix-facts b{font-family:'IBM Plex Mono',monospace;font-size:40px;line-height:1;font-weight:600;color:#F3C87A;min-width:34px;}
.ix-facts span{font-size:13px;line-height:1.6;color:rgba(255,255,255,.75);max-width:170px;}
.ix-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:46px;}
.ix-tab{font:inherit;text-align:start;color:#fff;cursor:pointer;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px 16px 16px;font-size:15px;font-weight:700;backdrop-filter:blur(8px);transition:background .25s,border-color .25s;}
.ix-tab:focus-visible{outline:2px solid #5FC48F;outline-offset:2px;}
.ix-tab.is-on{background:rgba(21,154,72,.22);border-color:rgba(95,196,143,.7);}
.ix-bar{display:block;height:3px;border-radius:2px;background:rgba(255,255,255,.16);margin-bottom:12px;overflow:hidden;}
.ix-bar i{display:block;height:100%;background:#5FC48F;transform:scaleX(0);transform-origin:100% 50%;}
[dir="ltr"] .ix-bar i{transform-origin:0 50%;}
.ix-tab.is-on .ix-bar i{animation:ixBar var(--ix-dur,7s) linear forwards;}
.ix-paused .ix-tab.is-on .ix-bar i,.ix-reduce .ix-tab.is-on .ix-bar i{animation:none;transform:scaleX(1);}
@keyframes ixBar{to{transform:scaleX(1);}}
.ix-chtext{max-width:860px;min-height:100px;margin:22px 0 0;font-size:16px;line-height:2;color:rgba(255,255,255,.9);transition:opacity .2s,transform .2s;}
.ix-chtext.is-swap{opacity:0;transform:translateY(6px);}
.ix-stage{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;margin-top:22px;align-items:stretch;}
.ix-diagram{background:rgba(6,20,13,.55);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:14px;}
.ix-svg{display:block;width:100%;height:auto;}
.ix-e{fill:none;stroke-width:2;stroke-linecap:round;opacity:.5;transition:opacity .3s;}
.ix-e.is-on{opacity:.95;stroke-width:2.4;}
.ix-svg.has-focus .ix-e:not(.is-on){opacity:.07;}
.ix-svg.has-focus .ix-dots:not(.is-on){display:none;}
.ix-n{cursor:pointer;transition:opacity .3s;outline:none;}
.ix-n rect{fill:rgba(255,255,255,.08);stroke:rgba(255,255,255,.3);stroke-width:1.5;transition:fill .3s,stroke .3s;}
.ix-n text{fill:#fff;font-size:15px;font-weight:700;font-family:inherit;pointer-events:none;}
.ix-nd{fill:rgba(255,255,255,.4);}
.ix-nd-in{fill:#F3C87A;}.ix-nd-herd{fill:#fff;}.ix-nd-out{fill:#B9A4FF;}.ix-nd-loop{fill:#C99A6B;}
.ix-svg.has-focus .ix-n:not(.is-on){opacity:.3;}
.ix-n.is-on rect{fill:rgba(21,154,72,.34);stroke:#5FC48F;}
.ix-n.is-sel rect{fill:rgba(21,154,72,.55);stroke:#fff;stroke-width:2.4;}
.ix-n:focus-visible rect{stroke:#fff;stroke-width:2.6;}
@media(hover:hover) and (pointer:fine){.ix-n:hover rect{stroke:#fff;}}
.ix-panel{display:flex;flex-direction:column;background:rgba(255,255,255,.08);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:24px;}
.ix-ptag{align-self:flex-start;font-size:12px;font-weight:700;color:#0b1d14;background:#F3C87A;border-radius:999px;padding:4px 12px;}
.ix-panel h3{font-size:24px;margin:14px 0 12px;color:#fff;}
.ix-panel dl{margin:0;}
.ix-panel dt{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:#5FC48F;margin-top:12px;}
.ix-panel dd{margin:4px 0 0;font-size:14.5px;line-height:1.85;color:rgba(255,255,255,.9);}
.ix-plink{display:inline-flex;align-self:flex-start;margin-top:18px;padding:11px 18px;border-radius:12px;background:#fff;color:#0b1d14;font-weight:700;font-size:13.5px;transition:transform .25s;}
@media(hover:hover) and (pointer:fine){.ix-plink:hover{transform:translateY(-2px);}}
.ix-hint{margin:auto 0 0;padding-top:18px;font-size:12px;color:rgba(255,255,255,.55);}
.ix-legend{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;padding:0;margin:16px 0 0;font-size:12.5px;color:rgba(255,255,255,.75);}
.ix-legend li{display:flex;align-items:center;gap:7px;}
.ix-legend i{width:18px;height:3px;border-radius:2px;display:block;}
.ix-mlist{display:none;list-style:none;padding:0;margin:18px 0 0;}
.ix-mlist li{margin-bottom:10px;}
.ix-mlist a{display:block;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px 16px;color:#fff;}
.ix-mlist strong{display:block;font-size:16px;margin-bottom:6px;}
.ix-mlist span{display:block;font-size:13.5px;line-height:1.8;color:rgba(255,255,255,.82);}
.ix-mlist b{color:#5FC48F;font-weight:700;}.ix-mlist em,.ix-mlist u{font-style:normal;text-decoration:none;}
.ix-values{margin-top:76px;}
.ix-values h3{font-size:clamp(24px,3vw,32px);margin:0 0 22px;color:#fff;}
.ix-vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.ix-v{background:rgba(255,255,255,.07);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:24px 22px;opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.23,1,.32,1),transform .7s cubic-bezier(.23,1,.32,1),border-color .3s;transition-delay:calc(var(--i) * 110ms);}
.ix-vgrid.is-in .ix-v{opacity:1;transform:none;}
@media(hover:hover) and (pointer:fine){.ix-v:hover{border-color:rgba(95,196,143,.7);}}
.ix-v h4{font-size:18px;margin:16px 0 8px;color:#fff;}
.ix-v p{font-size:14px;line-height:1.9;color:rgba(255,255,255,.8);margin:0;}
.ix-vico{position:relative;display:block;width:54px;height:54px;border-radius:16px;background:linear-gradient(145deg,#159A48,#0e5a2e);}
.ix-vico::before{content:"";position:absolute;inset:13px;background:#fff;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;}
.ix-vico::after{content:"";position:absolute;inset:-6px;border-radius:20px;border:2px solid rgba(95,196,143,.55);animation:ixRing 2.8s ease-out infinite;}
@keyframes ixRing{0%{transform:scale(.88);opacity:.9;}100%{transform:scale(1.18);opacity:0;}}
.ix-ico-health{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-3.500 8-8 9-4.500-1-8-4-8-9V6z'/%3E%3Cpath d='m8.500 12 2.500 2.500 4.500-5'/%3E%3C/svg%3E");}
.ix-ico-quality{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.700 5.600 6.100.9-4.400 4.300 1 6.100L12 17l-5.400 2.900 1-6.100L3.200 9.500l6.100-.9z'/%3E%3C/svg%3E");}
.ix-ico-price{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12 12 20 3 11V3h8z'/%3E%3Ccircle cx='7.500' cy='7.500' r='1.300'/%3E%3C/svg%3E");}
.ix-ico-green{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19c0-9 5-14 15-14 0 10-5 15-14 15'/%3E%3Cpath d='M5 19 14 10'/%3E%3C/svg%3E");}
@media(max-width:1020px){.ix-stage{grid-template-columns:1fr;}.ix-vgrid{grid-template-columns:1fr 1fr;}.ix-tabs{grid-template-columns:1fr 1fr;}}
@media(max-width:760px){
  .ix{padding:64px 0 60px;margin-top:40px;}
  .ix-in{padding:0 20px;}
  .ix-diagram,.ix-panel,.ix-legend{display:none;}
  .ix-mlist{display:block;}
  .ix-head p{font-size:15px;}
  .ix-facts b{font-size:32px;}
  .ix-chtext{font-size:15px;min-height:0;}
  .ix-vgrid{grid-template-columns:1fr;}
  .ix-values{margin-top:48px;}
}
@media (prefers-reduced-motion: reduce){
  .ix-bgimg{animation:none;}.ix-kicker i,.ix-vico::after{animation:none;}.ix-v{opacity:1;transform:none;transition:none;}
}

.ix-p2{margin-top:14px !important;}