:root{--n:#0b2545;--n2:#13386b;--b:#2563eb;--g:#f2b134;--bg:#f4f7fb;--k:#5a6b82;--l:#dde5f0}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--n);font:16px/1.65 Inter,sans-serif}
[dir=rtl] body,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .logo,[dir=rtl] .card .p,[dir=rtl] .pr{font-family:Tajawal,Inter,sans-serif}
a{color:inherit;text-decoration:none}
h1,h2,h3,.logo{font-family:Manrope,Inter,sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0}
.top{background:var(--n);color:#9fb4d3;text-align:center;font-size:12px;padding:6px}
header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 5%;background:#fff;border-bottom:1px solid var(--l);flex-wrap:wrap}
.logo{font-size:21px;display:flex;align-items:center;gap:8px}
.logo i{width:18px;height:18px;background:var(--b);border-radius:5px;border-bottom:5px solid var(--g)}
nav{display:flex;gap:26px;font-size:14px;font-weight:600;color:var(--k)}nav a:hover{color:var(--b)}
.lg{display:flex;gap:4px}.lg a{padding:5px 10px;font-size:12px;font-weight:700;border-radius:20px;color:var(--k)}
.lg a.on{background:var(--n);color:#fff}
.w{max-width:1180px;margin:auto;padding:0 5%}
.hero{background:linear-gradient(120deg,var(--n),var(--n2));color:#fff;padding:72px 0 96px}
.hi{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.tag{display:inline-block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:5px 14px;border-radius:30px;font-size:12px;margin-bottom:20px}
.hero h1{font-size:clamp(36px,5.2vw,62px);margin-bottom:20px}.hero h1 span{color:var(--g)}
.hero p{max-width:480px;color:#c4d3ea;margin:0 0 28px}
.pic{aspect-ratio:4/3;border-radius:20px;background:linear-gradient(135deg,var(--b),#0e3a8a) center/cover;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.btn{display:inline-block;background:var(--n);color:#fff;padding:13px 26px;font:700 14px Inter,sans-serif;border:2px solid var(--n);border-radius:10px;cursor:pointer}
.btn.g{background:var(--g);border-color:var(--g);color:var(--n)}.btn.o{background:none;color:var(--n)}
.sb{display:flex;gap:12px;background:#fff;border-radius:16px;padding:14px;box-shadow:0 10px 30px rgba(11,37,69,.12);flex-wrap:wrap}
.sb.up{margin-top:-36px;position:relative}
input,select,textarea{font:inherit;padding:12px 14px;border:1px solid var(--l);border-radius:10px;background:#fff;color:var(--n);flex:1;min-width:140px}
.sec{padding:56px 0}.w.sec{padding:56px 5%}.sec h2{font-size:34px;margin-bottom:28px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin:28px 0}
.card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px rgba(11,37,69,.08);display:block;transition:.2s}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(11,37,69,.15)}
.card .i{aspect-ratio:4/3;background:#dbe5f3 center/cover}.card .b{padding:18px}.card h3{font-size:17px}
.card .p{margin-top:10px;font:800 20px Manrope,sans-serif;color:var(--b)}
.steps{background:#fff;padding:64px 0}.steps h2{font-size:34px;margin-bottom:32px}
.sg{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.sg div{background:var(--bg);border-radius:16px;padding:24px}
.sg b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--b);color:#fff;margin-bottom:14px;font-family:Manrope,sans-serif}
.sg h3{font-size:18px;margin-bottom:6px}.sg p{margin:0;color:var(--k);font-size:14px}
footer{background:var(--n);color:#c4d3ea;padding:56px 0 20px}
footer h2{font-size:30px;color:#fff;margin-bottom:24px}footer a{color:#fff}footer small{opacity:.6}
.fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:28px}
.det{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;padding:24px 0 56px}
#m{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}.th{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.th img{width:80px;height:60px;object-fit:cover;cursor:pointer;border-radius:8px}
.det h1{font-size:32px}.pr{font:800 34px Manrope,sans-serif;color:var(--b);margin:14px 0}
@media(max-width:800px){.hi,.det{grid-template-columns:1fr}nav{gap:14px}.hero{padding:48px 0 72px}}
.pl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:40px 5% 8px}
.pl div{background:#fff;border-radius:16px;padding:22px;box-shadow:0 2px 12px rgba(11,37,69,.06)}
.pl i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e6efff;color:var(--b);font-style:normal;font-weight:800;margin-bottom:10px}
.pl h3{font-size:17px}.pl p{margin:6px 0 0;color:var(--k);font-size:14px}
.ban{background-size:cover;background-position:center;color:#fff;padding:96px 0}.ban h2{font-size:clamp(28px,4vw,44px);margin-bottom:12px}.ban p{max-width:520px;margin:0;color:#dbe6f7}
.lk{display:inline-block;margin-top:12px;color:var(--b);font-weight:700;font-size:14px}.rs{color:var(--k);font-size:14px;margin:8px 0 0}
.faq details{background:#fff;border-radius:12px;margin-bottom:10px;padding:16px 20px;box-shadow:0 2px 10px rgba(11,37,69,.06)}
.faq summary{cursor:pointer;font-weight:700}.faq details p{margin:10px 0 0;color:var(--k)}
.cta{background:linear-gradient(120deg,var(--n),var(--n2));color:#fff;text-align:center;padding:56px 0}.cta h2{margin-bottom:20px;font-size:30px}.cta .btn.o{color:#fff;border-color:#fff}
.art{max-width:720px;padding:16px 0 56px}.art h1{font-size:36px;margin-bottom:20px}.art p{font-size:17px}
.logo img{width:46px;height:46px}nav{flex-wrap:wrap}
.card .i{position:relative}.bd{position:absolute;top:12px;left:12px;background:var(--g);color:var(--n);font-size:12px;font-weight:800;padding:4px 12px;border-radius:20px}
.bd.s{position:static;display:inline-block;margin-bottom:8px}
.mt{color:var(--k);font-size:13px;margin-top:4px}
.sp{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0}.sp div{background:#fff;border-radius:10px;padding:10px 14px}
.sp small{display:block;color:var(--k);font-size:12px}.ver{color:#0a7a45;font-weight:700;font-size:14px}
.btn.wa{background:#25d366;border-color:#25d366;color:#fff}
.wf{position:fixed;right:20px;bottom:20px;z-index:9;width:56px;height:56px;border-radius:50%;background:#25d366;display:grid;place-items:center;font-size:28px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.rv{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px rgba(11,37,69,.08)}.stars{color:var(--g);font-size:20px;letter-spacing:2px}.rv p{margin:8px 0 12px}
.ab{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:center}.ab img{width:100%;border-radius:50%}.ab h1{font-size:34px;margin-bottom:16px}
@media(max-width:800px){.ab{grid-template-columns:1fr;justify-items:center;text-align:center}.ab img{max-width:200px}}
img{max-width:100%}.card .i img{width:100%;height:100%;object-fit:cover;display:block}
.bg{display:none;background:none;border:1px solid var(--l);border-radius:10px;width:44px;height:44px;font-size:22px;color:var(--n);cursor:pointer}
.mb{display:none}.cta .btn{margin:4px}main{padding:20px 5%}
@media(max-width:800px){
header{padding:10px 4%;gap:10px}.logo{order:1;font-size:17px;margin-inline-end:auto}.logo img{width:38px;height:38px}.lg{order:2}.bg{display:block;order:3}
nav{display:none;order:4;width:100%;flex-direction:column;gap:0;padding:6px 0}header.open nav{display:flex}
nav a{padding:14px 4px;border-top:1px solid var(--l);font-size:16px;color:var(--n)}
.hero{padding:40px 0 64px}.hi{gap:28px}.hero .btn{width:100%;text-align:center}
.sb{padding:12px}.sb .btn,.sb select{width:100%}.sb.up{margin-top:-28px}
.sec h2,.steps h2,.ban h2{font-size:28px}.ban{padding:64px 0}.grid{gap:16px}.det h1{font-size:26px}.th img{width:64px;height:48px}.art h1{font-size:28px}
.wf{display:none}.top{font-size:11px;padding:5px 8px}
.mb{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;background:#fff;border-top:1px solid var(--l);gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
.mb a{flex:1;text-align:center;padding:12px;border-radius:10px;font-weight:700;font-size:15px}.mb .c{background:var(--n);color:#fff}.mb .w2{background:#25d366;color:#fff}
body{padding-bottom:72px}}