:root{--grad:linear-gradient(35deg,#0a3f45 0%,#06322f 100%);--teal:#2ad3c8;--teal-soft:#8fe8e0;--teal-ink:#03211f;--orange:#ffa544;--ink:#ffffff;--ink-soft:#bcd6d2;--ink-dim:#93b3ae;--line:rgba(255,255,255,.13);--line-strong:rgba(255,255,255,.22);--panel:rgba(255,255,255,.06);--panel-2:rgba(255,255,255,.09);--radius:20px;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:#06322f}body{margin:0;min-height:100%;background:var(--grad) fixed;color:var(--ink);font-family:Tajawal,system-ui,-apple-system,SF Arabic,sans-serif;font-weight:300;line-height:1.95;font-size:16px}img{max-width:100%;height:auto;display:block}a{color:var(--teal-soft);text-underline-offset:4px}a:hover{color:var(--teal)}.wrap{max-width:820px;margin:0 auto;padding:0 18px}.num{font-feature-settings:"tnum"}strong,b{font-weight:600;color:var(--ink)}header.site{position:sticky;top:12px;z-index:30;padding:0 12px;margin-top:14px}header.site .bar{display:flex;align-items:center;gap:10px;max-width:920px;margin:0 auto;background:#031d1c9e;border:1px solid var(--line-strong);border-radius:999px;padding:8px 10px 8px 16px;box-shadow:0 20px 40px -24px #000000bf;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-weight:500}.brand-mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(140deg,var(--teal),#0f9c94);color:var(--teal-ink);font-weight:700;font-size:1rem}.brand span{font-size:.95rem;white-space:nowrap}nav.links{display:flex;gap:2px;margin-inline-start:auto;flex-wrap:wrap}nav.links a{text-decoration:none;color:#ffffffb8;font-size:.85rem;font-weight:400;padding:7px 13px;border-radius:999px;transition:background .18s,color .18s}nav.links a:hover{background:#ffffff1a;color:#fff}nav.links a[aria-current=page]{background:var(--teal);color:var(--teal-ink);font-weight:500}.hero{padding:44px 0 6px;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#2ad3c824;color:var(--teal-soft);border:1px solid rgba(42,211,200,.3);font-size:.76rem;font-weight:500;padding:7px 16px;border-radius:999px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--orange);display:inline-block}h1{font-size:2.15rem;font-weight:600;margin:18px 0 10px;line-height:1.45}.hero>p{color:var(--ink-soft);margin:0 auto;max-width:46ch;font-size:1rem}.meta{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:22px}.chip{background:var(--panel);border:1px solid var(--line-strong);border-radius:13px;padding:8px 15px;font-size:.8rem;color:var(--ink-soft);font-weight:400}.chip b{color:#fff;font-weight:600}main{padding:12px 0 48px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;margin:12px 0;transition:border-color .22s}.card:hover{border-color:#2ad3c873}.card h2{display:flex;align-items:center;gap:13px;font-size:1.04rem;font-weight:600;margin:0 0 12px;line-height:1.6;color:#fff}.card h2 .n{flex:0 0 auto;width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#2ad3c829;border:1px solid rgba(42,211,200,.32);color:var(--teal);font-size:.85rem;font-weight:600}.card h2 .n svg{width:19px;height:19px}.card p{margin:0 0 11px;text-align:justify;text-justify:inter-word;color:var(--ink-soft);font-size:.95rem}.card p:last-child{margin-bottom:0}.card ul{margin:0 0 11px;padding-inline-start:20px;color:var(--ink-soft)}.card li{margin-bottom:5px;font-size:.95rem}.card li::marker{color:var(--orange)}.lead{background:#2ad3c81c;border:1px solid rgba(42,211,200,.32);border-radius:var(--radius);padding:22px 26px;margin:18px 0 4px}.lead p{margin:0;text-align:justify;color:#dcefec;font-size:.98rem}.home-hero{text-align:center;padding:26px 0 4px}.wordmark{display:flex;flex-direction:column;align-items:center;gap:2px;margin:6px auto 20px;line-height:1.1}.wordmark .w1{font-size:clamp(2.6rem,11vw,4rem);font-weight:700;color:var(--teal);text-shadow:0 10px 30px rgba(42,211,200,.35)}.wordmark .w2{font-size:clamp(2.6rem,11vw,4rem);font-weight:700;color:var(--orange);text-shadow:0 10px 30px rgba(255,165,68,.3)}.features{display:grid;gap:12px;grid-template-columns:1fr;margin-top:26px}@media(min-width:640px){.features{grid-template-columns:1fr 1fr}}.feature{display:flex;gap:13px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}.feature .dot{flex:0 0 auto;width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:#ffa54429;color:var(--orange);font-size:.84rem;font-weight:600}.feature b{display:block;font-weight:600;font-size:.95rem;color:#fff}.feature small{color:var(--ink-dim);font-size:.86rem;line-height:1.8}.tiles{display:grid;gap:12px;grid-template-columns:1fr;margin-top:14px}@media(min-width:640px){.tiles{grid-template-columns:repeat(3,1fr)}}.tile{display:flex;flex-direction:column;gap:5px;text-decoration:none;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:18px;padding:20px;transition:transform .2s,border-color .2s}.tile:hover{transform:translateY(-3px);border-color:var(--teal);color:var(--ink)}.tile .ico{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#2ad3c826;margin-bottom:6px}.tile .ico svg{width:20px;height:20px;stroke:var(--teal);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.tile b{font-weight:600;font-size:.96rem}.tile small{color:var(--ink-dim);line-height:1.75;font-size:.85rem}.contact{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:#2ad3c81f;border:1px solid rgba(42,211,200,.34);border-radius:var(--radius);padding:22px 24px;margin:14px 0}.contact .ico{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:#ffffff14;border:1px solid var(--line-strong)}.contact .ico svg{width:23px;height:23px;stroke:var(--teal);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.contact b{display:block;font-weight:600;color:#fff}.contact small{color:var(--ink-soft);display:block;font-size:.88rem}.btn{display:inline-flex;align-items:center;gap:8px;margin-inline-start:auto;background:var(--teal);color:var(--teal-ink);text-decoration:none;font-weight:600;font-size:.92rem;padding:12px 24px;border-radius:999px;transition:transform .2s,background .2s;box-shadow:0 14px 30px -16px #2ad3c8e6}.btn:hover{background:#4ce0d6;transform:translateY(-2px);color:var(--teal-ink)}details{background:#ffffff0d;border:1px solid var(--line);border-radius:15px;padding:14px 18px;margin-bottom:9px}details[open]{border-color:#2ad3c873;background:#ffffff12}summary{cursor:pointer;font-weight:500;list-style:none;display:flex;align-items:center;gap:10px;font-size:.95rem;color:#fff}summary::-webkit-details-marker{display:none}summary:after{content:"";margin-inline-start:auto;width:8px;height:8px;border-left:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(-45deg);transition:transform .2s}details[open] summary:after{transform:rotate(135deg)}details p{margin:11px 0 0;color:var(--ink-soft);text-align:justify;font-size:.92rem}ol.steps{margin:10px 0 0;padding-inline-start:20px;color:var(--ink-soft)}ol.steps li{margin-bottom:6px;font-size:.93rem}ol.steps li::marker{color:var(--teal)}footer.site{border-top:1px solid var(--line);background:#0000002e;padding:24px 0 36px;color:var(--ink-dim);font-size:.85rem}footer.site .row{display:flex;gap:18px;flex-wrap:wrap;align-items:center}footer.site a{color:var(--ink-dim);text-decoration:none}footer.site a:hover{color:var(--teal-soft)}footer.site .sp{margin-inline-start:auto;opacity:.8}@media(max-width:540px){h1{font-size:1.65rem}.card{padding:18px}.brand span{display:none}.btn{margin-inline-start:0;width:100%;justify-content:center}header.site{top:8px}}
