*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#060a14;--bg-secondary:#0a0f1e;--bg-card:#ffffff08;--bg-card-hover:#ffffff0f;--bg-glass:#ffffff0a;--accent-teal:#14b8a6;--accent-teal-glow:#14b8a626;--accent-teal-soft:#14b8a614;--accent-amber:#f59e0b;--accent-amber-glow:#f59e0b26;--accent-violet:#8b5cf6;--accent-violet-glow:#8b5cf61f;--accent-rose:#f43f5e;--text-primary:#f1f5f9;--text-secondary:#f1f5f999;--text-muted:#f1f5f959;--text-accent:var(--accent-teal);--border-subtle:#ffffff0f;--border-soft:#ffffff1a;--border-accent:#14b8a64d;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:9999px;--font-arabic:"IBM Plex Sans Arabic", system-ui, sans-serif;--font-mono:"Space Grotesk", "SF Mono", monospace;--shadow-glow-teal:0 0 60px #14b8a614;--shadow-glow-ambient:0 20px 80px #00000080;--shadow-card:0 8px 32px #0000004d;--ease-smooth:cubic-bezier(.22, 1, .36, 1);--transition-fast:.2s var(--ease-smooth);--transition-medium:.4s var(--ease-smooth);--transition-slow:.7s var(--ease-smooth)}body{font-family:var(--font-arabic);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#fff3}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:120px 0;position:relative}.badge{border-radius:var(--radius-pill);letter-spacing:.02em;align-items:center;gap:8px;padding:8px 20px;font-size:13px;font-weight:600;display:inline-flex}.badge--teal{background:var(--accent-teal-soft);border:1px solid var(--border-accent);color:var(--accent-teal)}.badge--amber{background:var(--accent-amber-glow);color:var(--accent-amber);border:1px solid #f59e0b40}.btn{border-radius:var(--radius-lg);font-family:var(--font-arabic);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:10px;padding:16px 36px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn--primary{background:linear-gradient(135deg, var(--accent-teal), #0d9488);color:#fff;box-shadow:0 8px 32px #14b8a640}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #14b8a659}.btn--ghost{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-soft)}.btn--ghost:hover{background:var(--bg-card-hover);border-color:#ffffff26}.btn--large{border-radius:var(--radius-xl);padding:20px 48px;font-size:18px}.nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#060a14cc;padding:16px 0;position:fixed;top:0;left:0;right:0}.nav__inner{justify-content:space-between;align-items:center;display:flex}.nav__logo{color:var(--text-primary);align-items:center;gap:12px;text-decoration:none;display:flex}.nav__logo-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-teal), var(--accent-violet));justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.nav__logo-text{font-size:20px;font-weight:700;font-family:var(--font-mono);letter-spacing:-.03em}.nav__links{align-items:center;gap:32px;list-style:none;display:flex}.nav__links a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:15px;font-weight:500;text-decoration:none}.nav__links a:hover{color:var(--text-primary)}.nav__cta{gap:12px;display:flex}.hero{align-items:center;min-height:100vh;padding-top:100px;display:flex;position:relative;overflow:hidden}.hero__bg{pointer-events:none;position:absolute;inset:0}.hero__glow{filter:blur(140px);opacity:.4;border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite float;position:absolute}.hero__glow--teal{background:var(--accent-teal);opacity:.12;top:10%;right:-10%}.hero__glow--violet{background:var(--accent-violet);opacity:.08;animation-delay:-4s;bottom:10%;left:-10%}.hero__grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.hero__content{z-index:2;text-align:center;max-width:860px;margin:0 auto;position:relative}.hero__title{background:linear-gradient(135deg, #fff 40%, var(--accent-teal) 90%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:clamp(2.8rem,6vw,4.5rem);font-weight:700;line-height:1.2}.hero__subtitle{color:var(--text-secondary);max-width:640px;margin:0 auto 40px;font-size:clamp(1.1rem,2.5vw,1.35rem);line-height:1.8}.hero__actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:60px;display:flex}.hero__preview{border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-glow-ambient), var(--shadow-glow-teal);margin-top:40px;position:relative;overflow:hidden}.hero__preview img{width:100%;height:auto;display:block}.hero__preview:after{content:"";background:linear-gradient(to bottom, transparent 60%, var(--bg-primary));pointer-events:none;position:absolute;inset:0}.hero__stats{justify-content:center;gap:48px;margin-top:48px;display:flex}.hero__stat{text-align:center}.hero__stat-value{font-family:var(--font-mono);color:var(--accent-teal);font-size:32px;font-weight:700}.hero__stat-label{color:var(--text-muted);margin-top:4px;font-size:13px}.features__header{text-align:center;margin-bottom:72px}.features__title{margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:700}.features__subtitle{color:var(--text-secondary);max-width:540px;margin:0 auto;font-size:1.1rem}.features__grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:all var(--transition-medium);padding:40px;position:relative;overflow:hidden}.feature-card:hover{background:var(--bg-card-hover);border-color:var(--border-soft);box-shadow:var(--shadow-card);transform:translateY(-4px)}.feature-card__icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;font-size:28px;display:flex}.feature-card__icon--teal{background:var(--accent-teal-soft);border:1px solid var(--border-accent)}.feature-card__icon--amber{background:var(--accent-amber-glow);border:1px solid #f59e0b33}.feature-card__icon--violet{background:var(--accent-violet-glow);border:1px solid #8b5cf633}.feature-card__icon--rose{background:#f43f5e1a;border:1px solid #f43f5e33}.feature-card__title{margin-bottom:12px;font-size:1.3rem;font-weight:700}.feature-card__desc{color:var(--text-secondary);font-size:.95rem;line-height:1.8}.feature-card__glow{filter:blur(80px);opacity:0;width:200px;height:200px;transition:opacity var(--transition-medium);pointer-events:none;border-radius:50%;position:absolute;top:-50px;left:-50px}.feature-card:hover .feature-card__glow{opacity:.4}.steps__header{text-align:center;margin-bottom:80px}.steps__title{margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:700}.steps__grid{grid-template-columns:repeat(4,1fr);gap:32px;display:grid;position:relative}.steps__grid:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-teal), var(--accent-violet), transparent);opacity:.2;height:2px;position:absolute;top:40px;left:15%;right:15%}.step{text-align:center;position:relative}.step__number{background:var(--bg-card);border:2px solid var(--border-soft);width:80px;height:80px;font-family:var(--font-mono);color:var(--accent-teal);z-index:2;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:28px;font-weight:700;display:flex;position:relative}.step__title{margin-bottom:8px;font-size:1.1rem;font-weight:700}.step__desc{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.pricing__header{text-align:center;margin-bottom:72px}.pricing__title{margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:700}.pricing__grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;max-width:1000px;margin:0 auto;display:grid}.pricing-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:all var(--transition-medium);padding:48px 40px;position:relative}.pricing-card--featured{border-color:var(--accent-teal);box-shadow:var(--shadow-glow-teal);background:linear-gradient(135deg,#14b8a60d,#8b5cf608)}.pricing-card__badge{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--accent-teal), var(--accent-violet));color:#fff;padding:6px 20px;font-size:12px;font-weight:700;position:absolute;top:-14px;right:32px}.pricing-card__name{color:var(--text-secondary);margin-bottom:8px;font-size:1.3rem;font-weight:600}.pricing-card__price{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.pricing-card__amount{font-family:var(--font-mono);font-size:3rem;font-weight:700}.pricing-card__period{color:var(--text-muted);font-size:.9rem}.pricing-card__desc{color:var(--text-muted);margin-bottom:32px;font-size:.9rem}.pricing-card__features{margin-bottom:40px;list-style:none}.pricing-card__features li{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:10px 0;font-size:.95rem;display:flex}.pricing-card__features li:last-child{border:none}.pricing-card__check{color:var(--accent-teal);flex-shrink:0;font-size:18px}.cta{text-align:center;padding:120px 0 160px;position:relative}.cta__glow{background:var(--accent-teal);filter:blur(180px);opacity:.06;border-radius:50%;width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta__title{margin-bottom:20px;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;position:relative}.cta__subtitle{color:var(--text-secondary);max-width:500px;margin:0 auto 40px;font-size:1.15rem}.footer{border-top:1px solid var(--border-subtle);text-align:center;color:var(--text-muted);padding:40px 0;font-size:14px}.footer span{color:var(--accent-teal)}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .8s var(--ease-smooth) both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}@media (max-width:768px){.nav__links{display:none}.steps__grid{grid-template-columns:repeat(2,1fr)}.steps__grid:before{display:none}.hero__stats{flex-wrap:wrap;gap:24px}.hero__stat-value{font-size:24px}.features__grid,.pricing__grid{grid-template-columns:1fr}.section{padding:80px 0}}