@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--sfl-base:#061a20;--sfl-accent:#78c8b5;--sfl-paper:#eafff7;--sfl-panel:#17383b;--sfl-text:#fffaf3;--sfl-muted:#ccc1bf;--sfl-line:rgba(255,255,255,.15);--sfl-curve:18px;--sfl-shadow:0 24px 80px rgba(0,0,0,.28);--sfl-ease:230ms ease}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.sfl-body{margin:0;background:var(--sfl-base);color:var(--sfl-text);font-family:"IBM Plex Sans Arabic",Arial,sans-serif;line-height:1.75}body.sfl-body a{color:inherit;text-decoration:none}body.sfl-body h1,body.sfl-body h2,body.sfl-body h3{font-family:"Cairo",serif;font-weight:600;line-height:1.18;margin:0 0 1rem}body.sfl-body h1{font-size:clamp(2.6rem,6vw,5.1rem)}body.sfl-body h2{font-size:clamp(2rem,3.5vw,3rem)}body.sfl-body p{margin:0 0 1rem}
.sfl-top{height:78px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100% - 1180px)/2),5vw);background:color-mix(in srgb,var(--sfl-base) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--sfl-line)}.sfl-mark{display:flex;align-items:center;gap:.7rem;font-family:"Cairo",serif;font-size:1.35rem}.sfl-mark span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--sfl-accent);color:var(--sfl-base);font-weight:700}.sfl-nav{display:flex;align-items:center;gap:1.45rem;font-size:.98rem}.sfl-navcta,.sfl-solid{background:var(--sfl-accent);color:var(--sfl-base)!important;border-radius:99px;padding:.75rem 1.25rem;font-weight:800}.sfl-outline{border:1px solid var(--sfl-line);border-radius:99px;padding:.72rem 1.2rem}.sfl-trigger{display:none;border:1px solid var(--sfl-line);background:transparent;color:inherit;border-radius:99px;padding:.5rem .9rem;font:inherit}
main{overflow:hidden}.sfl-hero{max-width:1180px;margin:auto;padding:clamp(3rem,7vw,6rem) clamp(1.2rem,5vw,0rem) 3rem;min-height:calc(100vh - 78px);display:grid;gap:clamp(2rem,5vw,5rem);align-items:center}.sfl-split{grid-template-columns:1fr .82fr}.sfl-center{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.sfl-kicker,.sfl-head p,.sfl-label,.sfl-final p{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sfl-accent);font-weight:800}.sfl-lead{font-size:clamp(1.08rem,1.8vw,1.28rem);max-width:650px;color:var(--sfl-muted)}.sfl-actions{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0 1.6rem;justify-content:inherit}.sfl-notice{max-width:660px;padding:1rem 1.15rem;border:1px solid color-mix(in srgb,var(--sfl-accent) 55%,transparent);background:color-mix(in srgb,var(--sfl-accent) 10%,transparent);border-radius:var(--sfl-curve);font-size:.94rem}.sfl-orb{display:grid;justify-items:center;gap:1rem}.sfl-orb>div{width:min(320px,70vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:1px solid var(--sfl-line);background:radial-gradient(circle,color-mix(in srgb,var(--sfl-accent) 20%,transparent),transparent 64%);box-shadow:var(--sfl-shadow)}.sfl-orb span{font-family:"Cairo",serif;color:var(--sfl-accent);font-size:3.7rem}.sfl-orb article{padding:1rem 1.3rem;border:1px solid var(--sfl-line);border-radius:var(--sfl-curve);text-align:center}.sfl-chips{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}.sfl-chips span{border:1px solid var(--sfl-line);border-radius:99px;padding:.52rem .85rem}
.sfl-block{max-width:1180px;margin:auto;padding:clamp(3.4rem,7vw,5.8rem) clamp(1.2rem,5vw,0rem)}.sfl-head{max-width:700px;margin-bottom:2.5rem}.sfl-head span,.sfl-feature p,.sfl-tier p,.sfl-tier li,.sfl-articles p,.sfl-quotes span,.sfl-formnote,.sfl-accord div{color:var(--sfl-muted)}.sfl-featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.sfl-feature,.sfl-tier,.sfl-quotes figure,.sfl-contactcards section{border:1px solid var(--sfl-line);border-radius:var(--sfl-curve);background:var(--sfl-panel);padding:1.55rem}.sfl-feature small,.sfl-articles span{color:var(--sfl-accent)}.sfl-rise{transform:translateY(1rem)}.sfl-plans{max-width:none;padding-inline:max(calc((100% - 1180px)/2),5vw);background:color-mix(in srgb,var(--sfl-panel) 45%,transparent)}.sfl-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.sfl-tier{position:relative}.sfl-tier em{position:absolute;left:1rem;top:1rem;background:var(--sfl-accent);color:var(--sfl-base);border-radius:99px;padding:.25rem .55rem;font-style:normal;font-size:.75rem}.sfl-tier ul{padding-right:1.1rem;min-height:104px}.sfl-tier a{display:block;text-align:center;border:1px solid var(--sfl-accent);border-radius:99px;padding:.7rem;margin-top:1.3rem}.sfl-fav{box-shadow:0 0 0 1px var(--sfl-accent)}
.sfl-articles{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.sfl-articles article{border-top:1px solid var(--sfl-accent);padding-top:1.3rem}.sfl-articles a,.sfl-doc a,.sfl-article a,.sfl-story a,.sfl-connect a{color:var(--sfl-accent)!important;text-decoration:underline;text-decoration-thickness:1px}.sfl-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.sfl-quotes figure{margin:0}.sfl-quotes blockquote{margin:0 0 1.2rem;font-family:"Cairo",serif;font-size:1.15rem}.sfl-quotes figcaption{display:flex;flex-direction:column}
.sfl-contact{display:grid;grid-template-columns:1fr .9fr;gap:clamp(2rem,6vw,5.5rem);align-items:start}.sfl-formnote{border-right:2px solid var(--sfl-accent);padding:.75rem 1rem;margin-top:1.8rem}.sfl-form{display:grid;gap:1rem;background:var(--sfl-panel);border-radius:var(--sfl-curve);padding:clamp(1.2rem,4vw,2rem)}.sfl-form label{display:grid;gap:.35rem}.sfl-form input,.sfl-form textarea{width:100%;border:1px solid var(--sfl-line);border-radius:12px;background:rgba(0,0,0,.16);padding:.82rem;color:inherit;font:inherit}.sfl-form button{border:0;border-radius:99px;background:var(--sfl-accent);color:var(--sfl-base);font:800 1rem "IBM Plex Sans Arabic",sans-serif;padding:.85rem;cursor:pointer}.sfl-status{min-height:1.4rem;color:var(--sfl-accent);margin:0!important}
.sfl-accord{display:grid;gap:.72rem;max-width:880px}.sfl-accord article{border:1px solid var(--sfl-line);border-radius:var(--sfl-curve);overflow:hidden}.sfl-accord button{width:100%;display:flex;justify-content:space-between;gap:1rem;text-align:right;padding:1.15rem 1.25rem;border:0;background:transparent;color:inherit;font:700 1rem "IBM Plex Sans Arabic",sans-serif;cursor:pointer}.sfl-accord button span{color:var(--sfl-accent);font-size:1.3rem}.sfl-accord div{padding:0 1.25rem 1.1rem}
.sfl-final{max-width:1180px;margin:2rem auto 5rem;border-radius:calc(var(--sfl-curve) + 10px);padding:clamp(2rem,5vw,3.4rem);background:var(--sfl-paper);color:var(--sfl-base);display:flex;align-items:center;justify-content:space-between;gap:2rem}.sfl-final a{background:var(--sfl-base);color:var(--sfl-paper)!important;padding:1rem 1.5rem;border-radius:99px;white-space:nowrap}
.sfl-foot{border-top:1px solid var(--sfl-line);max-width:1180px;margin:auto;padding:3.2rem clamp(1.2rem,5vw,0rem) 2rem;display:grid;grid-template-columns:.9fr 1.2fr 1fr;gap:2rem}.sfl-footbrand strong{font-family:"Cairo",serif;font-size:1.45rem}.sfl-footbrand p,.sfl-fine{color:var(--sfl-muted)}.sfl-footlinks,.sfl-footread{display:grid;align-content:start;gap:.55rem}.sfl-fine{grid-column:1/-1;border-top:1px solid var(--sfl-line);padding-top:1.4rem;font-size:.88rem}
.sfl-cookie{position:fixed;z-index:30;bottom:1.1rem;left:50%;transform:translateX(-50%);width:min(710px,calc(100% - 2rem));display:flex;align-items:center;gap:1rem;padding:.9rem 1rem .9rem 1.2rem;background:var(--sfl-paper);color:var(--sfl-base);border-radius:16px;box-shadow:var(--sfl-shadow)}.sfl-cookie p{font-size:.9rem;margin:0!important;flex:1}.sfl-cookie button{border:0;background:var(--sfl-base);color:var(--sfl-paper);padding:.65rem 1rem;border-radius:99px;font:inherit;cursor:pointer}.sfl-cookie.sfl-gone{display:none}
.sfl-reading{max-width:980px;margin:auto;padding:3.4rem clamp(1.2rem,5vw,0rem) 5rem;overflow:visible}.sfl-crumb{display:flex;gap:.65rem;color:var(--sfl-muted);font-size:.9rem;margin-bottom:3rem}.sfl-crumb a{color:var(--sfl-accent)!important}.sfl-doc,.sfl-story,.sfl-connect,.sfl-article{max-width:850px}.sfl-date,.sfl-intro{color:var(--sfl-muted);font-size:1.08rem}.sfl-doc h2,.sfl-prose h2{font-size:1.7rem;margin-top:2.3rem}.sfl-storygrid{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;margin:3rem 0}.sfl-company,.sfl-contactnote,.sfl-prose aside{padding:1.5rem;border-radius:var(--sfl-curve);background:var(--sfl-panel);margin:2rem 0}.sfl-related{display:flex;gap:.8rem;flex-wrap:wrap}.sfl-related h2{width:100%;font-size:1.7rem}.sfl-related a{border:1px solid var(--sfl-line);padding:.55rem .85rem;border-radius:99px;text-decoration:none!important}.sfl-contactcards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:3rem 0}.sfl-prose{max-width:730px;margin-top:2.7rem}.sfl-prose p{font-size:1.04rem;color:var(--sfl-muted)}.sfl-readmore{display:grid;gap:.8rem;margin-top:3rem}.sfl-readmore h2{font-size:1.8rem}.sfl-readmore a{display:grid;padding:1rem 1.1rem;border:1px solid var(--sfl-line);border-radius:var(--sfl-curve);text-decoration:none!important}.sfl-readmore span{color:var(--sfl-muted)}
@media(max-width:860px){.sfl-trigger{display:block}.sfl-nav{display:none;position:absolute;top:78px;left:1rem;right:1rem;padding:1rem;background:var(--sfl-panel);border-radius:16px;flex-direction:column;align-items:stretch}.sfl-nav.sfl-open{display:flex}.sfl-split,.sfl-contact{grid-template-columns:1fr}.sfl-hero{min-height:auto}.sfl-featuregrid,.sfl-articles,.sfl-storygrid,.sfl-contactcards{grid-template-columns:1fr}.sfl-rise{transform:none}.sfl-final{margin-left:1.2rem;margin-right:1.2rem;display:block}.sfl-final a{display:inline-block;margin-top:1rem}.sfl-foot{grid-template-columns:1fr}.sfl-cookie{display:block}.sfl-cookie button{margin-top:.7rem}}