:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#10284f;--ink-deep:#0b2742;--ink-night:#071a2e;--accent:#2f6fe4;--accent-hover:#2563d0;--teal:#0f7a6e;--wash:#ebf1fd;--bg:#fff;--text:#0f0f0f;--muted:#4a5b78;--line:#1a44801f;--soft:#1a44800f;--shadow:0 24px 60px #071a2e2e;--radius:16px;--font-body:"Zain", "Segoe UI", Tahoma, sans-serif;--font-ar:"IBM Plex Sans Arabic", Zain, sans-serif;--font-latin:Gugi, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{min-width:320px;font-family:var(--font-body);color:var(--text);background:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-weight:400;line-height:1.45}button,a{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}:root{--gutter:clamp(1rem, 3vw, 3.5rem);--page-max:76rem;--pad:max(var(--gutter), calc((100% - var(--page-max)) / 2));--fs-h2:clamp(1.75rem, calc(1.9vw + 1.15rem), 2.9rem);--fs-h3:clamp(1.3rem, calc(1.2vw + 1rem), 2rem);--fs-h4:clamp(1.1rem, calc(.5vw + 1rem), 1.4rem);--fs-body:clamp(1.05rem, calc(.45vw + .95rem), 1.3rem);--fs-small:clamp(.95rem, calc(.3vw + .88rem), 1.1rem);--section-y:clamp(1.75rem, 4vw, 3.25rem);--c-ink:#10284f;--c-blue:#2f6fe4;--c-blue-deep:#1f55b8;--c-pale:#f4f7fd;--c-pale-line:#c3d3ee;--c-shadow:#cfdcf3;--c-text:#4a5b78;--r-card:1.5rem}.page{min-height:100vh;overflow-x:clip}.brand{color:inherit;flex-direction:column;align-items:center;gap:2px;line-height:1;text-decoration:none;display:inline-flex}.brand-ar{font-family:var(--font-ar);letter-spacing:-.04em;font-size:1.45rem;font-weight:500}.brand-latin{font-family:var(--font-latin);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:200}.brand.is-hero{color:#fff;margin-bottom:1.35rem;animation:.7s cubic-bezier(.22,1,.36,1) both rise}.brand.is-hero .brand-ar{font-size:clamp(2.6rem,8vw,3.6rem)}.brand.is-hero .brand-latin{opacity:.92;font-size:clamp(.95rem,2.6vw,1.25rem)}.btn{cursor:pointer;min-height:2.7rem;font-family:var(--font-ar);letter-spacing:0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1.15rem;font-weight:800;text-decoration:none;transition:background .18s,color .18s,border-color .18s,translate .2s;display:inline-flex}.btn svg{width:1.05rem;height:1.05rem;transition:transform .18s}.btn.is-lg{min-height:clamp(3.15rem,1vw + 2.8rem,3.6rem);padding-inline:1.35rem;font-size:clamp(1.05rem,.3vw + .97rem,1.2rem)}.btn.is-primary{color:#fff;background:linear-gradient(#3d82f7,#2259cf)}.btn.is-primary:hover{translate:0 -2px}.btn.is-primary:hover svg{transform:translate(-3px)}.btn.is-ghost{color:var(--ink);background:0 0}.btn.is-ghost:hover{background:var(--soft)}.btn.is-light{color:var(--c-ink);box-shadow:0 .2rem 0 var(--c-shadow);background:#fff}.btn.is-light:hover{translate:0 -2px}.btn.is-light:hover svg{transform:translate(-3px)}.btn.is-outline-light{color:#fff;background:0 0;border:1px solid #ffffff6b}.btn.is-outline-light:hover{background:#ffffff1a;border-color:#ffffffb3}.nav{z-index:40;background:0 0;border-bottom:1px solid #0000;transition:background .2s,border-color .2s,box-shadow .2s;position:sticky;top:0}.nav.is-scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--line);background:#ffffffe6;box-shadow:0 8px 30px #071a2e0d}.nav .btn{border-radius:999px}.nav-inner{padding-inline:var(--pad);justify-content:space-between;align-items:center;gap:1rem;min-height:4rem;display:flex}.nav-links{align-items:center;gap:1.35rem;display:none}.nav-links a{color:var(--muted);font-size:clamp(.98rem,.3vw + .9rem,1.12rem);font-weight:700;text-decoration:none}.nav-links a:hover{color:var(--ink)}.nav-actions{align-items:center;gap:.35rem;display:flex}.hero{isolation:isolate;--hero-h:calc(100svh - 4rem - 1px);--side-shift:clamp(0px, calc(4.4rem - 9vw), 3.25rem);--side-lift:clamp(0px, calc(2.9rem - 6.6vw), 1.5rem);--side-h:min(calc(var(--hero-h) * .78), calc(27vw + 11.7rem + var(--side-shift) - clamp(0px, calc(4.9rem - 11.3vw), 2.2rem)));height:var(--hero-h);padding:1.25rem var(--gutter) max(6.5rem, calc(24rem - 19.4vw + var(--side-shift) + var(--side-lift)));color:#16315f;background:#fff;place-items:center;display:grid;position:relative;overflow:hidden}.hero:after{content:"";z-index:-2;pointer-events:none;background:#cfe0fa;height:3rem;position:absolute;inset:auto 0 0}.hero-emit{z-index:-1;bottom:var(--side-lift);height:var(--side-h);aspect-ratio:748/900;pointer-events:none;--chip:clamp(1.5rem, calc(var(--side-h) * .11), 2.6rem);position:absolute}.hero-emit.is-left{left:calc(-2.5vw - var(--side-shift) - var(--side-shift) * .35)}.hero-emit.is-right{right:calc(-4vw - var(--side-shift))}.hero-chip{bottom:4%;left:var(--x);width:var(--chip);height:var(--chip);margin-left:calc(var(--chip) / -2);color:#4a86ee;opacity:0;animation:emit 6.6s calc(var(--delay) - 6.6s) linear infinite;place-items:center;display:grid;position:absolute}.hero-chip svg{filter:drop-shadow(0 .3rem .6rem #2f6fe440);width:100%;height:100%}@keyframes emit{0%{opacity:0;transform:translate(0)scale(.4)rotate(0)}15%{opacity:.9}65%{opacity:.9}to{opacity:0;transform:translate(calc(var(--side-h) * var(--dx)), calc(var(--side-h) * -.62)) scale(var(--end,1.4)) rotate(var(--rot))}}.hero-side{z-index:0;bottom:var(--side-lift);height:var(--side-h);aspect-ratio:748/900;object-fit:contain;object-position:bottom;pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;position:absolute}.hero-side.is-left{left:calc(-2.5vw - var(--side-shift) - var(--side-shift) * .35)}.hero-side.is-right{right:calc(-4vw - var(--side-shift))}.hero-copy{z-index:1;--title-size:clamp(1.8rem, calc(2.8vw + 1.41rem + clamp(0px, calc(3.1rem - 7.1vw), 2.4rem)), 5.5rem);text-align:center;width:min(56rem,100%);margin-inline:auto;position:relative}.hero-title{font-family:var(--font-ar);letter-spacing:-.03em;margin:0;font-weight:800;line-height:1.2;animation:.75s cubic-bezier(.22,1,.36,1) 80ms both rise}.hero-title-main,.hero-title-sub{display:block}.hero-title-main{color:#10284f;font-size:var(--title-size)}.hero-title-sub{font-size:var(--title-size);margin-top:.1em}.hero-title-mark{font-size:min(var(--title-size), calc(11vw - .2rem));color:#fff;background:#2f6fe4;border-radius:.28em;margin-top:.12em;padding:0 .18em .1em;display:inline-block;box-shadow:0 .18em #1f55b8}.hero-desc{margin:calc(var(--title-size) * .5) auto 0;color:#4a5b78;text-wrap:balance;max-width:42rem;font-size:clamp(1.15rem,1.2vw,1.2rem);line-height:1.75;animation:.75s cubic-bezier(.22,1,.36,1) .14s both rise}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:2rem;display:flex}.hero-go,.hero-more{--btn-top:#3d82f7;--btn-bottom:#2259cf;background:linear-gradient(180deg, var(--btn-top), var(--btn-bottom));color:#fff;min-height:calc(clamp(3.2rem,2.5vw + 2.3rem,4rem) + clamp(0px,.56rem - 1.29vw,.3rem));font-family:var(--font-ar);border-radius:999px;justify-content:center;align-items:center;padding:.4rem clamp(1.5rem,3vw,2.6rem);font-size:calc(clamp(1.05rem,.6vw + .85rem,1.3rem) + clamp(0px,.28rem - .645vw,.15rem));font-weight:800;text-decoration:none;transition:translate .2s;animation:.75s cubic-bezier(.22,1,.36,1) .2s both rise;display:inline-flex}.hero-more{--btn-top:#2a4a82;--btn-bottom:#10284f;animation-delay:.26s}.hero-go:hover,.hero-more:hover{translate:0 -3px}.hero-go:active,.hero-more:active{translate:0}.section-head{text-align:center;width:min(45rem,100%);margin:0 auto clamp(2.5rem,4.5vw,3.5rem)}.kicker,.section-head .kicker{color:var(--c-blue);font-family:var(--font-ar);margin:0;font-size:clamp(1.05rem,.35vw + .95rem,1.25rem);font-weight:800;line-height:1}.section-head h2{font-family:var(--font-ar);font-size:var(--fs-h2);letter-spacing:-.03em;color:var(--c-ink);text-wrap:balance;margin:-.1em 0 0;font-weight:800;line-height:1.45}.section-head p{color:var(--c-text);font-size:var(--fs-body);margin:.9rem 0 0;line-height:1.6}.mess{padding:var(--section-y) var(--pad);text-align:center;background:#fff}.mess h2{color:#10284f;font-family:var(--font-ar);font-size:var(--fs-h2);letter-spacing:-.03em;text-wrap:balance;margin:-.1em auto 0;font-weight:800;line-height:1.45}.mess mark,.section-head mark,.final-copy mark{color:#fff;background:#2f6fe4;border-radius:.26em;padding:0 .22em .08em;box-shadow:0 .14em #1f55b8}.ba-wrap{margin:clamp(2.5rem,4.5vw,3.5rem) 0 0;container-type:inline-size}.ba{justify-items:stretch;gap:1rem;max-width:40rem;margin-inline:auto;display:grid}.ba-block{text-align:start;border-radius:1.5rem;padding:2.1rem 1.4rem 1.5rem;position:relative}.ba-block h3{font-family:var(--font-ar);font-size:var(--fs-h3);letter-spacing:-.02em;margin:0 0 1.2rem;font-weight:800;line-height:1.35}.ba-block ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.ba-block li{min-height:2.9rem;font-family:var(--font-ar);font-size:var(--fs-body);align-items:center;gap:.8rem;font-weight:700;line-height:1.5;display:flex}.ba-block li svg{border-radius:50%;flex:none;width:1.9rem;height:1.9rem;padding:.38rem}.ba-label{top:-.95rem;font-family:var(--font-ar);border-radius:.55rem;padding:.2rem 1.05rem .3rem;font-size:1rem;font-weight:800;position:absolute;inset-inline-start:1.4rem}.ba-block.is-before{background:#f4f7fd;border:2px dashed #c3d3ee}.is-before .ba-label{color:#5f7092;background:#dfe8f7}.is-before h3,.is-before li{color:#5f7092}.is-before li svg{color:#5f7092;background:#e3ebf8}.ba-block.is-after{background:#fff;border:2px solid #10284f;box-shadow:.4rem .4rem #cfdcf3}.is-after .ba-label{color:#fff;background:#2f6fe4;box-shadow:0 .14rem #1f55b8}.is-after h3,.is-after li{color:#10284f}.is-after li svg{color:#fff;background:#2f6fe4}.ba-arrow{color:#fff;background:#2f6fe4;border-radius:50%;place-self:center;place-items:center;width:3rem;height:3rem;display:grid;box-shadow:0 .2rem #1f55b8}.ba-arrow svg{width:1.4rem;height:1.4rem}@container (width>=46rem){.ba{grid-template-columns:minmax(0,35rem) auto minmax(0,35rem);justify-content:space-between;align-items:stretch;gap:1.2rem;max-width:none}.ba-block{padding:2.5rem 2rem 2rem}.ba-arrow svg{rotate:90deg}}.features{padding:var(--section-y) var(--pad)}.feature-stages{flex-direction:column;gap:clamp(3.25rem,7vw,5.5rem);display:flex}.feature-stage{align-items:center;gap:2rem;display:grid}.feature-copy{max-width:36rem}.feature-title{font-family:var(--font-ar);font-size:var(--fs-h3);letter-spacing:-.03em;color:var(--c-ink);align-items:center;gap:.8rem;margin:0;font-weight:800;line-height:1.25;display:flex}.feature-title-icon{background:var(--c-blue);color:#fff;width:1.55em;height:1.55em;box-shadow:0 .12em 0 var(--c-blue-deep);border-radius:.42em;flex:none;justify-content:center;align-items:center;display:inline-flex}.material-symbol{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none;font-family:Material Symbols Rounded;font-size:1.25rem;font-style:normal;font-weight:400;line-height:1;display:inline-block}.feature-title-icon .material-symbol{font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;font-size:.82em}.feature-copy>p{color:var(--c-text);font-size:var(--fs-body);margin:1.1rem 0 0;line-height:1.7}.feature-copy ul{flex-direction:column;gap:.7rem;margin:1.4rem 0 0;padding:0;list-style:none;display:flex}.feature-copy li{color:var(--c-ink);font-family:var(--font-ar);align-items:center;gap:.75rem;font-size:clamp(1rem,.35vw + .92rem,1.2rem);font-weight:700;display:flex}.feature-copy li svg{background:var(--c-blue);color:#fff;border-radius:50%;flex:none;width:1.7em;height:1.7em;padding:.36em}.feat-frame{position:relative}.feat-tag{z-index:1;top:-.95rem;background:var(--c-blue);box-shadow:0 .14rem 0 var(--c-blue-deep);color:#fff;font-family:var(--font-ar);border-radius:.55rem;padding:.2rem 1.05rem .3rem;font-size:1rem;font-weight:800;position:absolute;inset-inline-start:1.4rem}.feat-visual{aspect-ratio:4/3;border:2px dashed var(--c-pale-line);border-radius:var(--r-card);background:var(--c-pale);min-height:14rem;position:relative;overflow:hidden}.feat-visual:has(.feat-image){border:2px solid var(--c-ink);box-shadow:.4rem .4rem 0 var(--c-shadow);background:#fff}.feat-image{object-fit:cover;width:100%;height:100%;display:block}.feat-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:1rem;display:flex;position:absolute;inset:0}.feat-placeholder-icon{background:var(--c-blue);color:#fff;width:3.4rem;height:3.4rem;box-shadow:0 .2rem 0 var(--c-blue-deep);border-radius:1.1rem;justify-content:center;align-items:center;display:inline-flex}.feat-placeholder-icon .material-symbol{font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;font-size:1.7rem}.feat-placeholder-label{font-family:var(--font-ar);font-size:var(--fs-h4);color:var(--c-ink);font-weight:800}.feat-placeholder-hint{color:#4f6285;background:#e1ebfc;border-radius:999px;padding:.15rem .8rem .25rem;font-size:.9rem;font-weight:700}.how{padding:var(--section-y) var(--pad);background:#fff}.steps{gap:clamp(1.6rem,3vw,2rem);margin:0;padding:0;list-style:none;display:grid}.steps li{border:2px solid var(--c-ink);border-radius:var(--r-card);box-shadow:.4rem .4rem 0 var(--c-shadow);background:#fff;padding:2.3rem clamp(1.25rem,2vw,1.8rem) clamp(1.25rem,2vw,1.8rem);position:relative}.step-n{top:-.95rem;background:var(--c-blue);box-shadow:0 .14rem 0 var(--c-blue-deep);color:#fff;font-family:var(--font-latin);letter-spacing:.08em;border-radius:.55rem;padding:.2rem 1.05rem .3rem;font-size:.95rem;position:absolute;inset-inline-start:1.4rem}.steps h3{font-family:var(--font-ar);font-size:var(--fs-h4);color:var(--c-ink);margin:0;font-weight:800}.steps p{color:var(--c-text);font-size:var(--fs-small);margin:.45rem 0 0;line-height:1.65}.pricing{padding:var(--section-y) var(--pad);text-align:center}.tiers{text-align:start;gap:2rem;max-width:30rem;margin-inline:auto;display:grid}.tier{border-radius:var(--r-card);flex-direction:column;padding:2.4rem clamp(1.3rem,2.4vw,2rem) clamp(1.4rem,2.4vw,2rem);display:flex;position:relative}.tier.is-free,.tier.is-paid{border:2px solid var(--c-ink);box-shadow:.4rem .4rem 0 var(--c-shadow);background:#fff}.tier-label{font-family:var(--font-ar);top:-.95rem;background:var(--c-blue);box-shadow:0 .14rem 0 var(--c-blue-deep);color:#fff;border-radius:.55rem;padding:.2rem 1.05rem .3rem;font-size:1rem;font-weight:800;position:absolute;inset-inline-start:1.4rem}.tier-name{font-family:var(--font-ar);font-size:var(--fs-h3);letter-spacing:-.02em;color:var(--c-ink);margin:0;font-weight:800;line-height:1.35}.period{background:#e9f0fc;border-radius:999px;gap:.25rem;margin-top:1.1rem;padding:.3rem;display:flex}.period button{color:var(--c-ink);font-family:var(--font-ar);font-size:var(--fs-small);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:.5rem .5rem .6rem;font-weight:800;transition:background .18s,color .18s}.period button[aria-checked=true]{background:var(--c-blue);box-shadow:0 .14rem 0 var(--c-blue-deep);color:#fff}@media (hover:hover){.period button[aria-checked=false]:hover{background:color-mix(in srgb, var(--c-blue) 14%, transparent)}}.tier-price{font-family:var(--font-ar);color:var(--c-ink);align-items:baseline;gap:.4rem;margin:1.2rem 0 0;display:flex}.tier-price strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(2.2rem,2vw + 1.5rem,3.4rem);font-weight:800;line-height:1.1}.tier-price em{font-style:normal;font-size:var(--fs-body);font-weight:700}.tier-price span{color:var(--c-text);font-size:var(--fs-small);font-weight:700}.tier-note{min-height:1.9rem;color:var(--c-text);font-size:var(--fs-small);flex-wrap:wrap;align-items:center;gap:.3rem .6rem;margin:.4rem 0 0;display:flex}.tier-hot{color:var(--c-blue-deep);background:#e1ebfc;border-radius:999px;padding:.05rem .7rem .15rem;font-weight:800}.tier-lead{border-top:2px dashed var(--c-pale-line);color:var(--c-ink);font-family:var(--font-ar);font-size:var(--fs-small);margin:1.3rem 0 0;padding-top:1.2rem;font-weight:800}.tier-list{flex:1;align-content:start;gap:.7rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.tier-list li{font-family:var(--font-ar);color:var(--c-ink);align-items:center;gap:.75rem;font-size:clamp(1rem,.35vw + .92rem,1.2rem);font-weight:700;display:flex}.tier-list svg{background:var(--c-blue);color:#fff;border-radius:50%;flex:none;width:1.7em;height:1.7em;padding:.36em}.tier .btn{margin-top:1.6rem}.plan-help{color:var(--c-text);font-size:var(--fs-small);margin:1rem 0 0}.plan-help a{color:var(--c-blue);font-weight:700;text-decoration:none}.plan-help a:hover{text-decoration:underline}.final{padding:var(--section-y) var(--pad);background:#fff}.final-copy{border:2px solid var(--c-ink);background:var(--c-ink);max-width:70rem;box-shadow:.5rem .5rem 0 var(--c-shadow);color:#fff;text-align:center;border-radius:2rem;margin-inline:auto;padding:clamp(2.4rem,6vw,4.5rem) clamp(1.25rem,4vw,3rem)}.final-copy h2{font-family:var(--font-ar);font-size:var(--fs-h2);letter-spacing:-.03em;margin:0;font-weight:800;line-height:1.45}.final-copy p{color:#ffffffd1;max-width:34rem;font-size:var(--fs-body);margin:.9rem auto 1.8rem}.footer{border-top:1px solid var(--line);background:#fff}.footer-inner{padding:1.75rem var(--pad) 2rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-links{flex-wrap:wrap;gap:1rem 1.25rem;display:flex}.footer-links a{color:var(--c-text);font-family:var(--font-ar);font-weight:700;font-size:var(--fs-small);text-decoration:none}.footer-links a:hover{color:var(--c-ink)}.footer-copy{color:#5f7092;width:100%;margin:0;font-size:.88rem}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes cover-in{0%{opacity:0}to{opacity:1}}@media (width>=720px){.nav-links{display:flex}.feature-stage{grid-template-columns:repeat(2,minmax(0,33.25rem));justify-content:space-between;gap:clamp(1.75rem,4vw,3.5rem)}.feature-stage.is-flip .feature-copy{order:2}.feature-stage.is-flip .feat-frame{order:1}.steps{grid-template-columns:repeat(3,minmax(0,24rem));justify-content:space-between}.tiers{grid-template-columns:repeat(2,minmax(0,34rem));justify-content:center;gap:clamp(2rem,4vw,3rem);max-width:none}.footer-copy{width:auto}}@media (width<=719px){.nav-actions .btn.is-ghost{display:none}.tier.is-free{grid-template-columns:1fr auto;align-items:center;column-gap:1rem;padding-block:2rem 1.3rem;display:grid}.is-free .tier-name{grid-column:1}.is-free .tier-price{grid-area:1/2/span 2;margin:0}.is-free .tier-price strong{font-size:2.3rem}.is-free .tier-note{grid-column:1;min-height:0;margin:0}.is-free .tier-lead,.is-free .tier-list,.is-free .btn{grid-column:1/-1}.is-free .tier-lead{margin-top:1rem;padding-top:.9rem}.is-free .tier-list{gap:.4rem;margin-top:.6rem}.is-free .tier-list li{min-height:0;font-size:1rem}.is-free .btn{margin-top:1.1rem}}@media (prefers-reduced-motion:reduce){.brand.is-hero,.hero-title,.hero-desc,.hero-go,.hero-more,.hero-chip{animation:none!important}}