.ix{padding:4rem 0;background:linear-gradient(180deg,#fff,#F4F8FF)}.ix h2{max-width:48rem}
.ix-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1.6rem 0 1.2rem}.ix-s{display:flex;gap:.7rem;align-items:flex-start;text-align:start;font:inherit;font-size:.9rem;font-weight:600;line-height:1.35;color:#334766;background:#fff;border:1px solid #DCE6F5;border-radius:12px;padding:.8rem 1rem;cursor:pointer;transition:all .25s}
.ix-s span{font-size:.8rem;font-weight:800;color:#2563EB;background:#E0EBFF;border-radius:6px;padding:.15rem .4rem;flex:none}.ix-s:hover{border-color:#93C5FD}.ix-s[aria-pressed=true]{background:#0B1B3A;border-color:#0B1B3A;color:#fff;box-shadow:0 12px 28px rgba(11,27,58,.2)}.ix-s[aria-pressed=true] span{background:#22D3EE;color:#0B1B3A}
.ix-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:1.6rem;align-items:start}
.ix-txt{background:#fff;border:1px solid #DCE6F5;border-radius:16px;padding:1.4rem 1.5rem;box-shadow:0 14px 30px rgba(29,78,216,.07)}.ix-pane{opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s}.ix-pane.in{opacity:1;transform:none}
.ix-k{font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#1D4ED8;margin:0 0 .6rem}html[lang=ar] .ix-k{letter-spacing:0;font-size:.9rem}
.ix-big{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.6rem}.ix-big b{font-size:3rem;line-height:1;background:linear-gradient(90deg,#1D4ED8,#06B6D4);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}.ix-big span{color:#51607A;font-size:.88rem}
.ix-txt h3{font-size:1.2rem;margin:.2rem 0 .6rem}.ix-txt p{color:#334766;font-size:.94rem;line-height:1.65}
.ix-nav{display:flex;gap:.4rem;margin-top:1rem;flex-wrap:wrap}.ix-nav button{font:inherit;font-size:.84rem;font-weight:600;border:1px solid #C9D7EE;background:#fff;color:#0B1B3A;border-radius:999px;padding:.45rem .9rem;cursor:pointer}.ix-nav .ix-play{background:#2563EB;border-color:#2563EB;color:#fff}.ix-nav button:hover{border-color:#2563EB}
.ix-bar{height:3px;background:#EEF3FA;border-radius:2px;margin-top:.8rem;overflow:hidden}.ix-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2563EB,#22D3EE)}
.ix-chart{position:relative;background:#fff;border:1px solid #DCE6F5;border-radius:16px;padding:1rem 1.1rem;box-shadow:0 14px 30px rgba(29,78,216,.07)}.ix-ct{font-weight:700;color:#0B1B3A;margin:0 0 .3rem}
.ix-svg{width:100%;height:auto;display:block;direction:ltr}.ix-svg .gl{stroke:#EEF3FA}.ix-svg .tk{font-size:11px;fill:#7C8DB0}.ix-svg .at{font-size:11.5px;fill:#51607A;font-weight:600}
html[lang=ar] .ix-svg text{font-family:"Tajawal",Tahoma,sans-serif}.ix-svg .zone{fill:#E0F2FE;stroke:#7DD3FC;stroke-dasharray:4 4;rx:10}.ix-svg .zt{font-size:11.5px;font-weight:700;fill:#0369A1}
.ix-svg .dt{opacity:0}.ix-svg.in .dt{animation:ixpop .5s cubic-bezier(.2,.9,.3,1.3) forwards}@keyframes ixpop{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}.ix-svg .dt{transform-box:fill-box;transform-origin:center}
.ix-svg .dt circle{stroke:#fff;stroke-width:2}.ix-svg .dt.gu circle{fill:#2563EB}.ix-svg .dt.ot circle{fill:#A5B8D6}.ix-svg .dt.fo circle{fill:#06B6D4;stroke:#0B1B3A;stroke-width:2.5}.ix-svg .dt text{font-size:11.5px;font-weight:700;fill:#1E2F55;paint-order:stroke;stroke:#fff;stroke-width:3px}
.ix-svg .ring{fill:none;stroke:#06B6D4;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:ixring 2.2s ease-out infinite}.ix-svg .ring.r2{animation-delay:1.1s}@keyframes ixring{from{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}
.ix-svg .an{fill:none;stroke:#0B1B3A;stroke-width:1.2;stroke-dasharray:3 3}.ix-svg .ant{font-size:12px;font-weight:700;fill:#0B1B3A;paint-order:stroke;stroke:#fff;stroke-width:4px}
.ix-svg .sl path{fill:none;stroke:#C3D2EA;stroke-width:1.6;stroke-dasharray:900;stroke-dashoffset:900}.ix-svg.in .sl path{animation:ixdraw 1.1s ease forwards}@keyframes ixdraw{to{stroke-dashoffset:0}}.ix-svg .sl circle{fill:#A5B8D6}
.ix-svg .sl.fo path{stroke:#06B6D4;stroke-width:4}.ix-svg .sl.fo circle{fill:#06B6D4;stroke:#0B1B3A;stroke-width:1.5}.ix-svg .sl.fo text{font-size:13px;font-weight:800;fill:#0B1B3A}.ix-svg .mv{stroke:#F43F5E;stroke-dasharray:5 4;stroke-width:1.4}
.ix-leg{display:flex;gap:1rem;font-size:.8rem;color:#334766;margin-top:.3rem}.ix-leg span{display:inline-flex;align-items:center;gap:.35rem}.ix-leg i{width:11px;height:11px;border-radius:50%;display:inline-block}.ix-leg i.gu{background:#2563EB}.ix-leg i.ot{background:#A5B8D6}.ix-leg i.zn{width:18px;height:12px;border-radius:3px;background:#E0F2FE;border:1px dashed #7DD3FC}.ix-leg{flex-wrap:wrap}
.ix-src{font-size:.76rem;color:#7C8DB0;margin:.4rem 0 0}.ix-tip{position:absolute;z-index:3;pointer-events:none;background:#0B1B3A;color:#fff;border-radius:10px;padding:.5rem .7rem;font-size:.8rem;box-shadow:0 12px 26px rgba(11,27,58,.28)}.ix-tip b{display:block}.ix-tip span{color:#C9D6F2}
@media (max-width:980px){.ix-g{grid-template-columns:1fr}.ix-steps{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.ix-svg .dt{opacity:1;animation:none!important}.ix-svg .sl path{stroke-dashoffset:0;animation:none!important}.ix-svg .ring{animation:none}}