@font-face{font-family:Tajawal;src:url('/fonts/Tajawal-Regular.ttf')}@font-face{font-family:Tajawal;src:url('/fonts/Tajawal-Bold.ttf');font-weight:700}:root{font-family:Tajawal,Tahoma,sans-serif;color:#193354;background:#f5f7fc;line-height:1.7}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:0 30px}.symbols{position:absolute;width:0;height:0;overflow:hidden}a{color:#354fc9;text-decoration:none}a:hover{text-decoration:underline}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;border-bottom:1px solid #e0e6f0}.brand{display:flex;align-items:center;gap:10px;color:#203452}.brand img{width:38px;height:38px}.brand b{font-size:26px}.brand span{font-size:12px;color:#60738c}.top>div{display:flex;gap:22px;align-items:center;font-size:14px;font-weight:700}.nav-download{background:#4057df;color:white;padding:9px 16px;border-radius:10px}.hero{padding:62px 0 48px;text-align:center}.eyebrow{color:#3d57be;font-size:13px;font-weight:700;letter-spacing:.3px}h1{font-size:54px;line-height:1.35;margin:18px 0;color:#1b3158}h2{font-size:26px;margin:7px 0}.hero p{font-size:20px;color:#5c708b;line-height:1.8;margin:20px 0}.pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.pills span{font-size:13px;background:#eaf0ff;color:#3b54a3;padding:6px 13px;border-radius:30px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px;gap:20px}.hint{color:#667b94;font-size:13px}.workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.step{border:1px solid #dce4f1;border-radius:20px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}.step:hover{border-color:#aebdf1;box-shadow:0 8px 30px #314b8a0a}.step summary{cursor:pointer;list-style:none;position:relative;padding:26px;display:flex;flex-direction:column;align-items:start;gap:8px}.step summary::-webkit-details-marker{display:none}.step-number{position:absolute;inset-inline-end:24px;top:24px;font-size:25px;color:#c7d2e3;font-weight:700}.icon{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:#edf0ff;color:#4057df;margin-bottom:7px}svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.role{font-size:11px;font-weight:700;background:#eef0ff;color:#3c54bf;padding:2px 10px;border-radius:12px}.step strong{font-size:23px}.caption{font-size:14px;color:#63768e}.customer .icon{background:#e5f5f0;color:#12796b}.customer .role{background:#e8f5f0;color:#176e5d}.step[open]{border-color:#adbdf2}.detail{padding:18px 26px 24px;background:#f7f9fe;border-top:1px solid #e5eaf4;font-size:14px;color:#4f6684;line-height:1.9}.detail a{display:block;margin-top:10px;font-weight:700}code{font-family:Consolas,monospace;font-size:12px;background:#eef2f9;padding:3px 5px;border-radius:5px;white-space:nowrap}.handoff{display:flex;align-items:center;justify-content:center;gap:60px;background:#fff;border:1px solid #dfe6f1;border-radius:20px;padding:30px;margin:36px 0}.handoff>div{display:flex;flex-direction:column;align-items:center;gap:9px}.handoff small{color:#657992}.handoff svg{color:#4159ca}.handoff strong{font-size:21px}.exchange{font-size:40px;color:#9badce}.reinstall{display:flex;align-items:start;gap:22px;background:#eaf7f1;border:1px solid #cfe9dc;border-radius:20px;padding:30px;color:#206454}.reinstall>svg{flex:0 0 36px;width:36px;height:36px;margin-top:8px}.reinstall h2{font-size:25px}.reinstall p{margin:10px 0 0;color:#426b60;line-height:1.9}footer{text-align:center;color:#667b94;padding:30px 0;font-size:13px}footer a{font-weight:700}summary:focus-visible,a:focus-visible{outline:3px solid #8d9cf2;outline-offset:4px}@media(max-width:850px){.workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.brand span{display:none}.top>div{gap:13px}}@media(max-width:580px){main{padding:0 18px}.top{align-items:start;gap:10px}.top>div{flex-wrap:wrap;justify-content:flex-end;gap:10px;font-size:12px}.brand b{font-size:22px}.hero{padding:38px 0}h1{font-size:36px}.hero p{font-size:17px}.section-heading{display:block}.section-heading h2{font-size:23px}.workflow{grid-template-columns:minmax(0,1fr);gap:14px}.step summary{padding:22px}.step strong{font-size:22px}.handoff{gap:18px;padding:22px 12px}.handoff small{font-size:11px}.exchange{font-size:28px}.reinstall{padding:22px;gap:12px}.reinstall h2{font-size:22px}.reinstall>svg{flex-basis:27px;width:27px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}