@charset "UTF-8";:root{--navy: #15206b;--navy-2: #1c2a8e;--blue: #2962ff;--cyan: #22b8e6;--amber: #f5a623;--ink: #1a2238;--muted: #5b647c;--line: #e6e9f2;--bg: #fff;--bg-soft: #f4f6fc;--bg-soft2: #eef2fb;--radius: 18px;--shadow: 0 18px 50px -24px rgba(21, 32, 107, .35);--shadow-sm: 0 8px 24px -14px rgba(21, 32, 107, .35);--maxw: 1180px;--font-en: "Inter", system-ui, sans-serif;--font-en-head: "Poppins", system-ui, sans-serif;--font-ar: "Tajawal", "Cairo", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-en);color:var(--ink);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased}html[dir=rtl] body{font-family:var(--font-ar);line-height:1.9}h1,h2,h3,h4{font-family:var(--font-en-head);color:var(--navy);line-height:1.2;letter-spacing:-.01em}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4{font-family:var(--font-ar);letter-spacing:0;font-weight:800}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 26px}.btn{display:inline-flex;align-items:center;gap:.55em;font-weight:700;font-family:var(--font-en-head);padding:.85em 1.5em;border-radius:999px;font-size:.95rem;cursor:pointer;border:0;transition:.2s;white-space:nowrap}html[dir=rtl] .btn{font-family:var(--font-ar)}.btn-primary{background:linear-gradient(120deg,var(--blue),var(--navy-2));color:#fff;box-shadow:0 12px 26px -12px #2962ffb3}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 30px -12px #2962ffcc}.btn-amber{background:linear-gradient(120deg,#ffba49,var(--amber));color:#3a2a05}.btn-amber:hover{transform:translateY(-2px)}.btn-ghost{background:transparent;border:1.5px solid rgba(255,255,255,.55);color:#fff}.btn-ghost:hover{background:#ffffff1f}.btn-outline{background:#fff;border:1.5px solid var(--line);color:var(--navy)}.btn-outline:hover{border-color:var(--blue);color:var(--blue)}.eyebrow{font-family:var(--font-en-head);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;color:var(--blue);margin-bottom:.6rem}html[dir=rtl] .eyebrow{letter-spacing:0;font-family:var(--font-ar)}.section{padding:84px 0}.section-soft{background:var(--bg-soft)}.center{text-align:center}.lead{color:var(--muted);font-size:1.06rem;max-width:680px}.center .lead{margin-inline:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.media{border-radius:22px;overflow:hidden;box-shadow:var(--shadow);background:var(--bg-soft);aspect-ratio:4/3}.media img{width:100%;height:100%;object-fit:cover}.tag{display:inline-block;background:var(--bg-soft2);color:var(--blue);font-weight:700;font-size:.78rem;padding:.4em 1em;border-radius:999px;margin-bottom:1rem;font-family:var(--font-en-head)}html[dir=rtl] .tag{font-family:var(--font-ar)}.checklist{list-style:none;margin-top:1.3rem;display:grid;gap:.9rem}.checklist li{display:flex;gap:.8rem;align-items:flex-start;color:var(--ink)}.checklist li:before{content:"\2713";flex:none;width:24px;height:24px;border-radius:50%;background:var(--bg-soft2);color:var(--blue);font-weight:800;display:grid;place-items:center;font-size:.8rem;margin-top:2px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cards.four{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow-sm);transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d3dbf3}.card.link-card{cursor:pointer}.card .ic{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font-size:1.5rem;color:#fff;margin-bottom:16px;background:linear-gradient(135deg,var(--blue),var(--cyan))}.card .ic.amber{background:linear-gradient(135deg,#ffba49,var(--amber))}.card .ic.navy{background:linear-gradient(135deg,var(--navy-2),var(--navy))}.card h3{font-size:1.12rem;margin-bottom:.5rem}.card p{color:var(--muted);font-size:.95rem}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s}.steps.five{grid-template-columns:repeat(5,1fr)}.step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 20px;position:relative;box-shadow:var(--shadow-sm)}.step .n{counter-increment:s;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--navy-2));color:#fff;display:grid;place-items:center;font-weight:800;font-family:var(--font-en-head);margin-bottom:14px}.step .n:before{content:counter(s)}.step p{color:var(--muted);font-size:.92rem}.faq{max-width:840px;margin:0 auto;display:grid;gap:12px}.qa{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.qa summary{cursor:pointer;list-style:none;padding:20px 24px;font-weight:700;font-family:var(--font-en-head);color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:1rem}html[dir=rtl] .qa summary{font-family:var(--font-ar)}.qa summary::-webkit-details-marker{display:none}.qa summary:after{content:"+";font-size:1.5rem;color:var(--blue);transition:.2s;flex:none}.qa[open] summary:after{transform:rotate(45deg)}.qa .a{padding:0 24px 22px;color:var(--muted);font-size:.95rem}.cta-band{background:linear-gradient(120deg,var(--navy),var(--navy-2));color:#fff;border-radius:26px;padding:52px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;box-shadow:var(--shadow);position:relative;overflow:hidden}.cta-band:after{display:none}.cta-band h2{color:#fff;font-size:1.9rem}.cta-band .tri{display:flex;gap:18px;color:#cfd6f5;font-weight:600;font-size:.9rem;margin-top:.6rem}.cta-band .tri span{display:inline-flex;align-items:center;gap:.4em}.pagehead{background:linear-gradient(120deg,var(--navy),#0f1750);color:#fff;padding:56px 0}.pagehead .crumb{color:#9fb0ee;font-size:.85rem;margin-bottom:.5rem}.pagehead h1{color:#fff;font-size:2.4rem}.pagehead-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.add-btn{display:inline-block;padding:9px 22px;background:var(--amber);color:#fff;font-weight:700;font-size:.9rem;border-radius:8px;text-decoration:none;white-space:nowrap}.add-btn:hover{opacity:.88}@media (max-width: 980px){.split{grid-template-columns:1fr;gap:32px}.cards,.cards.four,.steps,.steps.five{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.cards,.cards.four,.steps,.steps.five{grid-template-columns:1fr}.section{padding:60px 0}.cta-band{padding:34px}}
