:root{
  --bg:#050A14;
  --bg-2:#08132B;
  --surface:#0B132B;
  --surface-2:#111D33;
  --card:rgba(10,19,43,.72);
  --card-strong:rgba(8,19,43,.92);
  --border:rgba(161,167,179,.18);
  --border-strong:rgba(24,101,255,.45);
  --text:#E6E8EF;
  --muted:#A1A7B3;
  --faint:#64748B;
  --blue:#1865FF;
  --cyan:#00E5FF;
  --violet:#8B5CF6;
  --green:#00E5C9;
  --red:#EF4444;
  --warning:#F59E0B;
  --white:#FFFFFF;
  --shadow:0 24px 80px rgba(0,0,0,.4);
  --glow:0 0 24px rgba(24,101,255,.35),0 0 60px rgba(0,229,255,.12);
  --radius:24px;
  --radius-sm:14px;
  --max:1180px;
  --font: Satoshi, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "Noto Kufi Arabic", "Tajawal", sans-serif;
  --mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(circle at 70% -10%,rgba(24,101,255,.25),transparent 36%),radial-gradient(circle at 20% 10%,rgba(0,229,255,.12),transparent 28%),linear-gradient(180deg,var(--bg),#030712 46%,#050A14);color:var(--text);font-family:var(--font);line-height:1.7;direction:rtl;overflow-x:hidden}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}.ltr{direction:ltr;unicode-bidi:bidi-override}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.section{padding:92px 0;position:relative}.section.tight{padding:54px 0}.sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 70%);z-index:-1}.orb{position:absolute;border:1px solid rgba(0,229,255,.18);border-radius:50%;filter:drop-shadow(0 0 16px rgba(0,229,255,.12));pointer-events:none}.orb.one{width:880px;height:230px;left:-240px;top:120px;transform:rotate(-10deg)}.orb.two{width:660px;height:160px;right:-180px;top:40px;transform:rotate(18deg)}
.nav{position:sticky;top:0;z-index:50;background:rgba(5,10,20,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;direction:ltr}.brand img.logo{width:210px;height:auto}.brand .mark{width:46px;height:46px;border-radius:14px;box-shadow:var(--glow)}.nav-links{display:flex;align-items:center;gap:5px}.nav-links a{font-size:14px;color:var(--muted);padding:10px 12px;border-radius:999px;transition:.2s}.nav-links a:hover,.nav-links a.active{color:var(--white);background:rgba(255,255,255,.06)}.nav-actions{display:flex;gap:10px;align-items:center}.menu-btn{display:none;background:transparent;border:1px solid var(--border);color:var(--text);width:44px;height:44px;border-radius:14px;font-size:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:16px;padding:13px 18px;font-weight:800;cursor:pointer;transition:.2s;white-space:nowrap;font-family:var(--font);font-size:15px}.btn svg,.icon svg{width:18px;height:18px}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 14px 42px rgba(24,101,255,.35)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(0,229,255,.25)}.btn-secondary{background:rgba(255,255,255,.06);border-color:var(--border);color:var(--text)}.btn-secondary:hover{background:rgba(255,255,255,.1);border-color:var(--border-strong)}.btn-ghost{color:var(--muted);background:transparent;border-color:var(--border)}.btn-small{padding:9px 12px;border-radius:12px;font-size:13px}.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(0,229,255,.28);background:rgba(0,229,255,.08);color:#A7F8FF;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800;letter-spacing:.03em}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}
.hero{min-height:760px;display:flex;align-items:center;position:relative;overflow:hidden;padding:110px 0 70px}.hero .container{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.hero h1{font-size:clamp(44px,6vw,86px);line-height:1.05;margin:22px 0 24px;letter-spacing:-.05em}.hero h1 .grad{background:linear-gradient(100deg,#fff 8%,#9bd9ff 45%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lead{font-size:clamp(18px,2vw,22px);color:var(--muted);max-width:680px;margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px}.metric{padding:16px;border:1px solid var(--border);background:rgba(255,255,255,.035);border-radius:18px}.metric strong{display:block;font-size:24px;color:#fff}.metric span{font-size:13px;color:var(--muted)}.hero-visual{position:relative}.hero-card{background:linear-gradient(180deg,rgba(11,19,43,.92),rgba(4,9,18,.92));border:1px solid var(--border);box-shadow:var(--shadow);border-radius:32px;padding:18px;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:-60px;background:radial-gradient(circle at 75% 18%,rgba(0,229,255,.24),transparent 32%),linear-gradient(135deg,transparent,rgba(24,101,255,.12));pointer-events:none}.editor-window{position:relative;border:1px solid rgba(255,255,255,.1);border-radius:22px;overflow:hidden;background:#07101F;direction:ltr}.editor-top{height:48px;background:rgba(255,255,255,.04);display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.08)}.dot{width:10px;height:10px;border-radius:50%;background:#2B3345}.dot:nth-child(1){background:#EF4444}.dot:nth-child(2){background:#F59E0B}.dot:nth-child(3){background:#10B981}.editor-body{display:grid;grid-template-columns:180px 1fr 230px;min-height:350px}.sidebar,.assistant-panel{background:rgba(2,6,13,.52);padding:16px;border-inline-end:1px solid rgba(255,255,255,.08)}.assistant-panel{border-inline:1px solid rgba(255,255,255,.08) 0}.file{display:flex;gap:8px;padding:8px 10px;border-radius:10px;color:#A1A7B3;font-size:13px}.file.active{background:rgba(24,101,255,.17);color:#fff}.code{padding:18px;font-family:var(--mono);font-size:13px;color:#D7E2F0;overflow:hidden}.code .ln{color:#4B5563;padding-inline-end:16px}.kw{color:#8B5CF6}.fn{color:#00E5FF}.str{color:#22C55E}.cm{color:#64748B}.ai-box{border:1px solid rgba(0,229,255,.25);background:rgba(0,229,255,.06);border-radius:16px;padding:14px;margin-bottom:12px;color:#D7E2F0;font-size:13px}.mock-btn{background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:12px;padding:10px 12px;display:inline-block;color:white;font-weight:800;font-size:13px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.section-kicker{color:var(--cyan);font-weight:900;letter-spacing:.18em;font-size:13px;text-transform:uppercase}.section h2{font-size:clamp(34px,4vw,58px);line-height:1.1;margin:10px 0 0;letter-spacing:-.04em}.section .sub{color:var(--muted);font-size:18px;max-width:680px}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:linear-gradient(180deg,rgba(17,29,51,.76),rgba(7,16,31,.7));border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:0 10px 38px rgba(0,0,0,.18);position:relative;overflow:hidden}.card:hover{border-color:rgba(0,229,255,.33)}.card .icon{width:48px;height:48px;border:1px solid rgba(0,229,255,.24);border-radius:16px;display:grid;place-items:center;color:var(--cyan);background:rgba(0,229,255,.08);margin-bottom:18px}.card h3{font-size:22px;margin:0 0 8px}.card p{color:var(--muted);margin:0}.download-card{padding:26px}.download-card .os{display:flex;align-items:center;gap:12px;direction:ltr;justify-content:flex-end}.download-card .os .icon{margin:0}.version{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;padding:14px 0;border-top:1px solid var(--border);margin-top:18px}.download-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.ad-strip{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.ad-banner{min-height:360px;background:radial-gradient(circle at 15% 20%,rgba(0,229,255,.16),transparent 28%),radial-gradient(circle at 80% 20%,rgba(24,101,255,.25),transparent 30%),linear-gradient(135deg,#061022,#0B132B);border:1px solid rgba(0,229,255,.18);border-radius:32px;position:relative;overflow:hidden;padding:36px}.ad-banner:before{content:"";position:absolute;inset:0;background:url('../img/backgrounds/orbit-wave.svg') center/cover no-repeat;opacity:.42}.ad-banner>*{position:relative}.ad-banner h3{font-size:44px;line-height:1.1;margin:14px 0}.ad-banner p{color:var(--muted);max-width:520px}.ad-card{display:flex;flex-direction:column;justify-content:space-between;min-height:170px}.marquee{border-block:1px solid var(--border);background:rgba(255,255,255,.025);overflow:hidden;white-space:nowrap}.marquee-track{display:inline-flex;gap:38px;padding:16px 0;animation:marquee 26s linear infinite}.marquee span{color:var(--muted);font-weight:700}.marquee b{color:var(--cyan)}@keyframes marquee{to{transform:translateX(50%)}}
.feature-showcase{display:grid;grid-template-columns:.92fr 1.08fr;gap:22px;align-items:center}.preview-img{border-radius:28px;border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden;background:#07101F}.steps{counter-reset:step}.step{display:grid;grid-template-columns:56px 1fr;gap:16px;margin-bottom:16px}.step:before{counter-increment:step;content:counter(step);width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;font-weight:900;color:white;box-shadow:var(--glow)}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{min-height:430px;display:flex;flex-direction:column}.price-card.featured{border-color:rgba(0,229,255,.55);box-shadow:var(--glow)}.price{font-size:48px;font-weight:900;margin:8px 0}.price small{font-size:16px;color:var(--muted)}.ticks{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px}.ticks li{display:flex;gap:10px;align-items:flex-start;color:var(--muted)}.ticks li:before{content:"✓";color:var(--cyan);font-weight:900}.price-card .btn{margin-top:auto}.faq{max-width:860px;margin:auto}.faq-item{border:1px solid var(--border);border-radius:20px;background:rgba(255,255,255,.035);margin-bottom:12px;overflow:hidden}.faq-q{width:100%;background:transparent;color:var(--text);border:0;text-align:inherit;padding:20px 22px;font-family:var(--font);font-size:18px;font-weight:900;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;color:var(--muted);padding:0 22px}.faq-item.open .faq-a{max-height:220px;padding-bottom:20px}.cta{background:linear-gradient(135deg,rgba(24,101,255,.2),rgba(0,229,255,.08));border:1px solid rgba(0,229,255,.25);border-radius:36px;padding:48px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.cta h2{margin:0;font-size:42px}.newsletter{display:flex;gap:10px;direction:ltr}.input{width:100%;background:rgba(255,255,255,.06);border:1px solid var(--border);border-radius:16px;color:var(--text);padding:14px 16px;font-family:var(--font);outline:none}.input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(0,229,255,.1)}
.footer{padding:56px 0 32px;border-top:1px solid var(--border);background:rgba(1,5,12,.62)}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:26px}.footer h4{margin:0 0 12px}.footer a{display:block;color:var(--muted);margin:8px 0;font-size:14px}.footer a:hover{color:var(--cyan)}.copyright{margin-top:30px;color:var(--faint);font-size:13px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding-top:22px}.page-hero{padding:92px 0 42px}.page-hero h1{font-size:clamp(42px,6vw,76px);margin:16px 0;letter-spacing:-.04em}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:22px}.table{width:100%;border-collapse:collapse;min-width:720px;background:rgba(255,255,255,.035)}.table th,.table td{padding:16px 18px;border-bottom:1px solid var(--border);text-align:inherit}.table th{color:var(--cyan);font-size:13px;text-transform:uppercase;letter-spacing:.1em}.table td{color:var(--muted)}.alert{border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.08);border-radius:18px;padding:16px 18px;color:#FFE3A0;margin:20px 0}.code-block{direction:ltr;text-align:left;background:#07101F;border:1px solid var(--border);border-radius:18px;padding:18px;font-family:var(--mono);color:#D7E2F0;overflow:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.doc-card h3{margin-top:0}
@media(max-width:980px){.nav-links{display:none;position:absolute;inset:78px 20px auto 20px;background:#07101F;border:1px solid var(--border);border-radius:22px;padding:16px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.menu-btn{display:block}.hero .container,.feature-showcase,.ad-strip,.cta,.split{grid-template-columns:1fr}.editor-body{grid-template-columns:1fr}.sidebar,.assistant-panel{display:none}.grid-3,.grid-4,.pricing{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.brand img.logo{width:170px}.hero{padding-top:80px}.metrics{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.container{width:min(100% - 28px,var(--max))}.nav-inner{height:70px}.brand img.logo{display:none}.grid-3,.grid-4,.pricing,.metrics,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.section{padding:64px 0}.ad-banner h3{font-size:34px}.cta{padding:28px}.newsletter{flex-direction:column}.copyright{flex-direction:column}.hero-actions,.download-actions{flex-direction:column}.btn{width:100%}.section-head{display:block}.footer .brand img.logo{display:block;width:200px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}