@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--ink:#0f172a;--blue:#2563eb;--muted:#64748b;--line:#e2e8f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fafc;color:var(--ink);font-family:'IBM Plex Sans Arabic',sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.top{background:#ffffffed;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.top .wrap{min-height:82px;display:flex;align-items:center;gap:36px}.logo{display:flex;gap:12px;align-items:center;font-size:25px;font-weight:700}.logo img{width:40px;height:40px}.logo small{display:block;font-size:10px;color:var(--muted);font-weight:400}.nav{display:flex;gap:24px;margin-inline-start:auto;font-size:14px}.nav a:hover,.nav a[aria-current]{color:var(--blue)}.btn{display:inline-block;border:0;border-radius:10px;background:var(--blue);color:white;padding:12px 23px;cursor:pointer;font-weight:600}.btn:hover{background:#1d4ed8}.ghost{background:transparent;border:1px solid #64748b;color:inherit}.menu{display:none}.hero{background:radial-gradient(ellipse at 10% 10%,#164178 0,transparent 50%),#0b1120;color:white;padding:85px 0}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.eyebrow{font-size:13px;color:#38bdf8;letter-spacing:.04em}.hero h1{font-size:clamp(36px,4.7vw,62px);line-height:1.35;margin:18px 0}.hero h1 em{font-style:normal;color:#7dd3fc}.hero p{color:#cbd5e1;max-width:650px;font-size:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.map{background:#172235;border:1px solid #334155;border-radius:22px;padding:26px;transform:rotate(-2deg);box-shadow:0 30px 70px #0005}.map-head{display:flex;justify-content:space-between;color:#94a3b8;font-size:12px;border-bottom:1px solid #334155;padding-bottom:16px}.map h3{font-size:25px}.flow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.flow span{padding:20px 14px;border:1px solid #334155;background:#0f172a;border-radius:12px}.flow b{display:block;color:#7dd3fc;font-size:12px}.map small{display:block;color:#94a3b8;margin-top:20px}.strip{background:#eef4fb;border-bottom:1px solid var(--line)}.strip .wrap{display:flex;justify-content:space-between;gap:18px;padding-block:23px;color:#475569}.section{padding:80px 0}.heading{max-width:690px;margin-bottom:35px}.heading h2,h2{font-size:clamp(27px,3vw,39px);line-height:1.4}.heading p,p.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:30px;background:white;border:1px solid var(--line);border-radius:18px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #0f172a0c}.tag{display:inline-block;background:#dbeafe;color:#1d4ed8;border-radius:9px;padding:7px 12px;font-size:12px}.amber{background:#fef3c7;color:#92400e}.purple{background:#ede9fe;color:#6d28d9}.card h3{font-size:24px;margin:20px 0 10px}.card p{color:var(--muted)}.card ul{padding-inline-start:20px;color:#475569;font-size:14px}.card>a{display:inline-block;color:var(--blue);font-weight:600;margin-top:16px}.light{background:#eef4fb}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.steps b{font-size:30px;color:#93c5fd}.steps h3{font-size:18px}.steps p{color:var(--muted);font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}.cta{background:#13254b;color:white;padding:55px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta p{color:#cbd5e1}footer{padding:35px 0;background:#0b1120;color:#94a3b8;font-size:13px}footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}details{padding:20px 0;border-bottom:1px solid var(--line)}summary{font-weight:600;cursor:pointer}details p{color:var(--muted)}label{display:block;margin-bottom:18px;font-weight:500}input,select,textarea{display:block;width:100%;background:white;border:1px solid #cbd5e1;border-radius:9px;padding:12px;margin-top:6px}textarea{min-height:120px}input:focus,textarea:focus,select:focus{outline:2px solid #93c5fd}.note{padding:16px;background:#eff6ff;border-radius:10px;font-size:14px;color:#334155}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:15px;z-index:30}:focus-visible{outline:3px solid #38bdf8;outline-offset:4px}@media(max-width:800px){.hero-grid,.split{grid-template-columns:1fr}.hero{padding:50px 0}.map{transform:none}.cards{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.section{padding:50px 0}.top .wrap{gap:12px;flex-wrap:wrap;padding-block:12px}.menu{display:block;margin-inline-start:auto;background:transparent;border:1px solid var(--line);border-radius:8px;padding:5px 12px}.nav{display:none;width:100%;flex-wrap:wrap;padding:12px 0}.nav.open{display:flex}.top .btn{font-size:12px;padding:8px 12px}.strip .wrap{flex-wrap:wrap}.cta .wrap{display:block}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}