:root{--navy-950:#030a1f;--navy-900:#050f2c;--navy-800:#0a1a42;--navy-700:#12265a;--blue-600:#0a66ff;--blue-500:#1a8cff;--blue-300:#6cc0ff;--teal-500:#00d9c8;--teal-400:#2ee6c4;--ice:#eaf4ff;--white:#f5f6fb;--text:#c9d4ee;--text-muted:#8796bd;--border:#6cc0ff24;--surface:#12265a59;--grad-brand:linear-gradient(135deg, var(--blue-600) 0%, var(--blue-500) 40%, var(--teal-400) 100%);--grad-text:linear-gradient(90deg, var(--blue-500), var(--teal-400));--radius:18px;--container:1180px;color:var(--text);background:var(--navy-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Outfit,IBM Plex Sans Arabic,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;overflow-x:hidden}h1,h2,h3,h4{color:var(--white);letter-spacing:-.02em;margin:0;line-height:1.12}p{margin:0}a{color:inherit;text-decoration:none}img,svg{display:block}code,.mono{font-family:JetBrains Mono,ui-monospace,Consolas,monospace}html[lang=ar]{font-family:IBM Plex Sans Arabic,Outfit,system-ui,sans-serif}html[lang=ar] :is(h1,h2,h3,h4,.brand,.eyebrow,.marquee-track span){letter-spacing:0}html[lang=ar] :is(h1,h2){line-height:1.3}[dir=rtl] .icon-dir{transform:scaleX(-1)}::selection{background:var(--blue-500);color:var(--white)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.container{width:min(var(--container), 100% - 48px);margin-inline:auto}.section{padding:120px 0;position:relative}.section-head{text-align:center;max-width:680px;margin:0 auto 64px}.section-head h2{margin:14px 0 16px;font-size:clamp(2rem,4vw,3rem)}.section-head p{color:var(--text-muted);font-size:1.125rem}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--teal-400);align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:.8rem;display:inline-flex}.eyebrow:before{content:"";background:var(--grad-text);border-radius:2px;width:18px;height:2px}.gradient-text{background:var(--grad-text);color:#0000;-webkit-background-clip:text;background-clip:text}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 26px;font-family:inherit;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .25s,background .25s,border-color .25s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{color:var(--white);background:var(--grad-brand);box-shadow:0 10px 30px -10px #1a8cffb3}.btn-primary:hover{box-shadow:0 16px 40px -10px #2ee6c499}.btn-ghost{color:var(--white);border-color:var(--border);background:#ffffff08}.btn-ghost:hover{background:#2ee6c40f;border-color:#2ee6c480}.btn svg{width:18px;height:18px}.bg-grid{pointer-events:none;background-image:linear-gradient(#6cc0ff0d 1px,#0000 1px),linear-gradient(90deg,#6cc0ff0d 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,#0000 75%)}.glow{filter:blur(110px);pointer-events:none;opacity:.55;border-radius:50%;position:absolute}.glow-blue{background:var(--blue-600)}.glow-teal{background:var(--teal-500)}.nav{z-index:50;border-bottom:1px solid #0000;transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;inset:0 0 auto}.nav.scrolled{-webkit-backdrop-filter:blur(14px);border-color:var(--border);background:#050f2cbf}.nav-inner{justify-content:space-between;align-items:center;height:76px;display:flex}.brand{color:var(--white);letter-spacing:-.02em;align-items:center;gap:12px;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:700;display:flex}.brand svg{width:40px;height:32px}.nav-links{gap:36px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--white)}.nav-cta{padding:10px 20px;font-size:.95rem}.nav-actions{align-items:center;gap:12px;display:flex}.lang-toggle{border:1px solid var(--border);color:var(--white);font:inherit;cursor:pointer;background:#ffffff08;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:.92rem;font-weight:500;transition:border-color .2s,background .2s;display:inline-flex}.lang-toggle:lang(ar){font-family:IBM Plex Sans Arabic,sans-serif}.lang-toggle:lang(en){font-family:Outfit,sans-serif}.lang-toggle:hover{background:#2ee6c40f;border-color:#2ee6c480}.lang-toggle svg{width:16px;height:16px;color:var(--teal-400)}.nav-toggle{color:var(--white);cursor:pointer;background:0 0;border:0;padding:8px;display:none}.nav-toggle svg{width:26px;height:26px}.hero{padding:170px 0 110px;position:relative;overflow:hidden}.hero .glow-blue{width:520px;height:520px;top:-120px;left:-160px}.hero .glow-teal{opacity:.35;width:460px;height:460px;top:120px;right:-180px}.hero-inner{grid-template-columns:1.05fr 1fr;align-items:center;gap:64px;display:grid;position:relative}.hero-inner>*{min-width:0}.badge{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;align-items:center;gap:10px;padding:6px 16px 6px 6px;font-size:.9rem;display:inline-flex}.badge-pill{background:var(--grad-brand);color:var(--white);border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600}.hero h1{margin:26px 0 22px;font-size:clamp(2.6rem,5.6vw,4.5rem);font-weight:800}.hero-lead{color:var(--text-muted);max-width:540px;font-size:1.2rem}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:38px;display:flex}.hero-meta{color:var(--text-muted);align-items:center;gap:14px;margin-top:40px;font-size:.95rem;display:flex}.avatars{display:flex}.avatars span{border:2px solid var(--navy-900);width:36px;height:36px;color:var(--white);border-radius:50%;place-items:center;margin-inline-start:-10px;font-size:.75rem;font-weight:700;display:grid}.avatars span:first-child{margin-inline-start:0}.hero-meta strong{color:var(--white)}.hero-visual{position:relative}.code-window{border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(#0a1a42e6,#050f2cf2);animation:7s ease-in-out infinite float;position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #000c,inset 0 0 0 1px #ffffff05}.code-window:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#1a8cff99,#0000 40% 60%,#2ee6c499);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.code-bar{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:14px 18px;display:flex}.code-bar i{background:var(--navy-700);border-radius:50%;width:11px;height:11px}.code-bar i:first-child{background:#ff5f72}.code-bar i:nth-child(2){background:#ffc857}.code-bar i:nth-child(3){background:var(--teal-400)}.code-bar span{color:var(--text-muted);margin-left:12px;font-family:JetBrains Mono,monospace;font-size:.8rem}.code-body{white-space:pre;color:var(--text);margin:0;padding:22px 24px 26px;font-family:JetBrains Mono,monospace;font-size:.88rem;line-height:1.85;overflow-x:auto}.code-body .ln{color:#8796bd66;text-align:right;-webkit-user-select:none;user-select:none;width:2ch;margin-right:18px;display:inline-block}.tk-key{color:#b48cff}.tk-fn{color:var(--blue-300)}.tk-str{color:var(--teal-400)}.tk-num{color:#ffc857}.tk-com{color:#5b6a93;font-style:italic}.cursor{vertical-align:-3px;background:var(--teal-400);width:8px;height:1.1em;animation:1.1s step-end infinite blink;display:inline-block}.float-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);color:var(--white);white-space:nowrap;background:#0a1a42d9;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;font-size:.88rem;display:flex;position:absolute;box-shadow:0 20px 40px -20px #000000b3}.float-card small{color:var(--text-muted);font-size:.75rem;display:block}.float-card .icon{border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.float-card .icon svg{width:18px;height:18px}.float-deploy{animation:6s ease-in-out infinite reverse float;bottom:-26px;left:-38px}.float-deploy .icon{color:var(--teal-400);background:#2ee6c426}.float-notify{animation:8s ease-in-out infinite float;top:-26px;right:-24px}.float-notify .icon{background:var(--grad-brand);color:var(--white)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes blink{50%{opacity:0}}.trusted{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#030a1f80;padding:40px 0 20px}.trusted p{text-align:center;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:22px;font-size:.85rem}.marquee{padding-bottom:20px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.marquee-track{gap:72px;width:max-content;animation:30s linear infinite marquee;display:flex}.marquee-track span{color:#c9d4ee59;letter-spacing:-.02em;font-size:1.5rem;font-weight:700;transition:color .2s}.marquee-track span:hover{color:var(--white)}@keyframes marquee{to{transform:translate(-50%)}}.services-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);padding:34px 30px;transition:transform .3s,border-color .3s;position:relative;overflow:hidden}.card:after{content:"";background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%), #1a8cff24, transparent 45%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.card:hover{border-color:#2ee6c459;transform:translateY(-4px)}.card:hover:after{opacity:1}.card-icon{border:1px solid var(--border);width:52px;height:52px;color:var(--teal-400);background:linear-gradient(135deg,#0a66ff40,#2ee6c433);border-radius:14px;place-items:center;margin-bottom:24px;display:grid}.card-icon svg{width:24px;height:24px}.card h3{margin-bottom:10px;font-size:1.3rem}.card p{color:var(--text-muted)}.card ul{flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.card li{color:var(--blue-300);background:#1a8cff1a;border-radius:999px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:.75rem}.stats{border:1px solid var(--border);background:linear-gradient(135deg, #0a66ff1f, #2ee6c414), var(--navy-950);border-radius:24px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.stat{text-align:center;border-inline-end:1px solid var(--border);padding:44px 30px}.stat:last-child{border-inline-end:0}.stat strong{margin-bottom:10px;font-size:clamp(2.2rem,4vw,3rem);font-weight:800;line-height:1;display:block}.stat span{color:var(--text-muted)}.process{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:22px;display:grid;position:relative}.process:before{content:"";background:linear-gradient(90deg, var(--blue-600), var(--teal-400));opacity:.4;height:2px;position:absolute;top:27px;left:12%;right:12%}.step{text-align:center;padding:0 10px;position:relative}.step-num{width:56px;height:56px;color:var(--white);background:var(--navy-900);background-image:linear-gradient(var(--navy-900), var(--navy-900)), var(--grad-brand);z-index:1;background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000;border-radius:50%;place-items:center;margin:0 auto 24px;font-family:JetBrains Mono,monospace;font-weight:500;display:grid;position:relative}.step h3{margin-bottom:8px;font-size:1.2rem}.step p{color:var(--text-muted);font-size:.96rem}.testimonials{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.quote{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);flex-direction:column;gap:24px;padding:32px;display:flex}.quote-stars{color:#ffc857;letter-spacing:3px}.quote blockquote{color:var(--text);flex:1;margin:0;font-size:1.05rem}.quote footer{align-items:center;gap:12px;display:flex}.quote footer span{width:42px;height:42px;color:var(--white);background:var(--grad-brand);border-radius:50%;place-items:center;font-weight:700;display:grid}.quote footer strong{color:var(--white);display:block}.quote footer small{color:var(--text-muted)}.cta{text-align:center;background:radial-gradient(circle at 15% 20%, #0a66ff8c, transparent 50%), radial-gradient(circle at 85% 80%, #2ee6c473, transparent 50%), var(--navy-800);border:1px solid var(--border);border-radius:28px;padding:80px 40px;position:relative;overflow:hidden}.cta .bg-grid{-webkit-mask-image:radial-gradient(#000 20%,#0000 70%);mask-image:radial-gradient(#000 20%,#0000 70%)}.cta-mark{inset-inline-end:-60px;opacity:.08;pointer-events:none;width:340px;position:absolute;bottom:-70px}.cta h2{max-width:720px;margin:0 auto 18px;font-size:clamp(2rem,4.5vw,3.2rem);position:relative}.cta p{color:var(--ice);opacity:.8;max-width:560px;margin:0 auto 36px;font-size:1.15rem;position:relative}.cta-form{border:1px solid var(--border);background:#030a1f99;border-radius:999px;gap:10px;max-width:480px;margin:0 auto;padding:6px;display:flex;position:relative}.cta-form input{min-width:0;color:var(--white);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0 18px}.cta-form input::placeholder{color:var(--text-muted)}.cta p.cta-note{min-height:1.4em;margin-top:16px;margin-bottom:0;font-size:.9rem;position:relative}.footer{border-top:1px solid var(--border);background:var(--navy-950);padding:70px 0 36px}.footer-grid{grid-template-columns:1.6fr repeat(3,1fr);gap:40px;display:grid}.footer-about p{color:var(--text-muted);max-width:320px;margin:18px 0 22px}.socials{gap:10px;display:flex}.socials a{border:1px solid var(--border);width:40px;height:40px;color:var(--text-muted);border-radius:12px;place-items:center;transition:color .2s,border-color .2s;display:grid}.socials a:hover{color:var(--teal-400);border-color:#2ee6c480}.socials svg{width:18px;height:18px}.footer h4{margin-bottom:18px;font-size:1rem}.footer ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.footer ul a{color:var(--text-muted);transition:color .2s}.footer ul a:hover{color:var(--white)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;gap:20px;margin-top:60px;padding-top:26px;font-size:.9rem;display:flex}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:none}@media (width<=1024px){.hero-inner{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-lead{margin-inline:auto}.hero-actions,.hero-meta{justify-content:center}.hero-visual{width:100%;max-width:600px;margin:20px auto 0}.services-grid,.testimonials{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr);row-gap:48px}.process:before{display:none}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-inline-end:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--border)}.footer-grid{grid-template-columns:1fr 1fr 1fr}.footer-about{grid-column:1/-1}}@media (width<=820px){.nav-links,.nav .nav-cta{display:none}.nav-toggle{display:block}.nav.open{border-color:var(--border);background:#050f2cf7}.nav.open .nav-links{border-bottom:1px solid var(--border);background:#050f2cf7;flex-direction:column;gap:0;padding:8px 24px 24px;display:flex;position:absolute;top:76px;left:0;right:0}.nav.open .nav-links a{padding:14px 0;font-size:1.1rem;display:block}}@media (width<=640px){.section{padding:84px 0}.hero{padding:130px 0 80px}.services-grid,.testimonials,.process{grid-template-columns:1fr}.float-card{display:none}.code-body{padding:18px 16px;font-size:.75rem}.cta{padding:60px 22px}.cta-form{border-radius:20px;flex-direction:column}.cta-form input{padding:14px 16px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{text-align:center;flex-direction:column}}