:root {
  color-scheme: dark;
  --bg: #08101f;
  --bg-deep: #030712;
  --surface: rgba(15, 23, 42, 0.78);
  --surface-strong: #0f172a;
  --surface-soft: rgba(255, 255, 255, 0.035);
  --line: rgba(147, 197, 253, 0.14);
  --line-strong: rgba(96, 165, 250, 0.28);
  --text: #eff6ff;
  --muted: #aabbd3;
  --faint: #71839e;
  --brand: #2563eb;
  --brand-light: #93c5fd;
  --brand-dark: #1d4ed8;
  --danger: #fb7185;
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.34);
  --radius: 24px;
  --container: 1160px;
  --font-latin: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-arabic: "Segoe UI", "Noto Sans Arabic", Arial, Tahoma, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  background:
    radial-gradient(circle at 12% 6%, rgba(37, 99, 235, 0.12), transparent 30rem),
    radial-gradient(circle at 88% 18%, rgba(45, 212, 191, 0.07), transparent 28rem),
    linear-gradient(180deg, var(--bg-deep), var(--bg) 32%, #06100c);
  color: var(--text);
  font-family: var(--font-latin);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
html[dir="rtl"] body {
  font-family: var(--font-arabic);
  line-height: 1.72;
  font-synthesis: none;
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
  text-rendering: optimizeLegibility;
}
html[dir="rtl"] :is(h1, h2, h3, .brand, .brand-name, .eyebrow, .badge, .button, .section-kicker, .price-name, .footer-title, summary) {
  letter-spacing: 0;
}
html[dir="rtl"] :is(h1, h2, h3, .brand, .brand-name, .button, .price-name, .footer-title, summary) {
  font-weight: 600;
}
html[dir="rtl"] :is(.hero-copy, .section-head p, .feature-card p, .panel p, .price-card li, .faq-card p, .footer-brand p, .notice) {
  line-height: 1.9;
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
img { display: block; max-width: 100%; }
.container { width: min(calc(100% - 36px), var(--container)); margin-inline: auto; }
.skip-link { position: fixed; inset-inline-start: 12px; top: -80px; z-index: 100; background: white; color: #111; padding: 10px 14px; border-radius: 10px; }
.skip-link:focus { top: 12px; }

.site-header {
  position: sticky; top: 0; z-index: 40;
  border-bottom: 1px solid transparent;
  background: rgba(3, 9, 6, 0.74);
  backdrop-filter: blur(18px);
}
.site-header.scrolled { border-bottom-color: var(--line); }
.nav-shell { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 800; letter-spacing: -0.02em; }
.brand-mark { width: 34px; height: 34px; display: block; flex: 0 0 auto; background: url("brand-mark.svg") center / contain no-repeat; }
.brand-mark i { display: none; }
.brand-name { font-size: 18px; }
.desktop-nav { display: flex; align-items: center; gap: 24px; color: var(--muted); font-size: 14px; }
.desktop-nav a:hover, .footer-links a:hover { color: var(--text); }
.nav-actions { display: flex; align-items: center; gap: 10px; }
.lang-link, .menu-button { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 11px; color: var(--muted); background: rgba(255,255,255,.025); padding: 0 12px; cursor: pointer; }
.lang-link:hover, .menu-button:hover { border-color: var(--line-strong); color: var(--text); }
.menu-button { display: none; width: 40px; padding: 0; }
.mobile-nav { display: none; padding: 0 18px 18px; border-top: 1px solid var(--line); }
.mobile-nav.open { display: grid; }
.mobile-nav a { padding: 11px 0; color: var(--muted); border-bottom: 1px solid rgba(255,255,255,.05); }

.hero { padding: 82px 0 66px; overflow: hidden; }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, .94fr); align-items: center; gap: 68px; }
.eyebrow, .badge { display: inline-flex; align-items: center; gap: 8px; width: fit-content; border: 1px solid var(--line-strong); background: rgba(37,99,235,.09); color: #bfdbfe; border-radius: 999px; padding: 6px 11px; font-size: 12px; font-weight: 750; }
.eyebrow-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--brand-light); box-shadow: 0 0 14px rgba(147,197,253,.8); }
h1 { margin: 20px 0 18px; max-width: 760px; font-size: clamp(44px, 6.2vw, 76px); line-height: 1.03; letter-spacing: -0.052em; }
html[dir="rtl"] h1 { letter-spacing: 0; }
.hero-copy { max-width: 650px; margin: 0; color: var(--muted); font-size: clamp(17px, 2vw, 20px); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.button { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border-radius: 13px; padding: 0 18px; border: 1px solid var(--line); font-weight: 750; font-size: 14px; transition: transform .16s ease, border-color .16s ease, background .16s ease; }
.button:hover { transform: translateY(-1px); }
.button.primary { color: #eff6ff; border-color: #60a5fa; background: linear-gradient(180deg, #93c5fd, #2563eb); box-shadow: 0 14px 34px rgba(37,99,235,.18); }
.button.secondary { color: var(--text); background: rgba(255,255,255,.035); }
.button.disabled { color: #94a3b8; border-color: var(--line); background: rgba(255,255,255,.02); cursor: not-allowed; transform: none; }
.hero-note { margin-top: 15px; color: var(--faint); font-size: 13px; }
.trust-row { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 10px 18px; color: #94a3b8; font-size: 13px; }
.trust-row span { display: inline-flex; align-items: center; gap: 7px; }
.check { width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; color: #eff6ff; background: #93c5fd; font-size: 11px; font-weight: 900; }

.product-stage { position: relative; min-height: 520px; }
.product-glow { position: absolute; inset: 11% 3% 4%; border-radius: 50%; background: rgba(37,99,235,.14); filter: blur(60px); }
.product-window { position: relative; z-index: 2; overflow: hidden; border: 1px solid rgba(167,243,208,.2); border-radius: 25px; background: #0b1324; box-shadow: var(--shadow); transform: perspective(1100px) rotateY(-4deg) rotateX(2deg); }
html[dir="rtl"] .product-window { transform: perspective(1100px) rotateY(4deg) rotateX(2deg); }
.window-top { height: 42px; display: flex; align-items: center; gap: 6px; padding: 0 14px; border-bottom: 1px solid rgba(255,255,255,.06); background: rgba(255,255,255,.025); }
.window-top i { width: 7px; height: 7px; border-radius: 50%; background: #33443e; }
.window-top i:first-child { background: #fb7185; }.window-top i:nth-child(2) { background: #fbbf24; }.window-top i:nth-child(3) { background: #60a5fa; }
.workspace-ui { min-height: 430px; display: grid; grid-template-columns: 92px 1fr; background: radial-gradient(circle at 75% 18%, rgba(37,99,235,.16), transparent 42%), linear-gradient(145deg,#07111f,#13213b); }
.workspace-sidebar { padding: 18px 12px; border-inline-end: 1px solid rgba(255,255,255,.06); background: rgba(0,0,0,.14); }
.sidebar-logo { width: 30px; height: 30px; display: grid; grid-template-columns: repeat(2,1fr); gap: 3px; margin-bottom: 23px; padding: 4px; border-radius: 9px; background: rgba(255,255,255,.05); }
.sidebar-logo span { border-radius: 3px; background: #475569; }.sidebar-logo span:nth-child(2){background:#60a5fa}
.side-pill { height: 27px; margin-bottom: 9px; border-radius: 8px; background: rgba(255,255,255,.055); }
.side-pill.active { background: rgba(37,99,235,.19); border: 1px solid rgba(96,165,250,.28); }
.workspace-main { padding: 25px; }
.mock-search { height: 42px; max-width: 320px; margin: 0 auto 24px; border: 1px solid rgba(255,255,255,.09); border-radius: 13px; background: rgba(0,0,0,.22); }
.mock-title { width: 118px; height: 11px; margin-bottom: 13px; border-radius: 20px; background: rgba(255,255,255,.62); }
.mock-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.mock-tile { aspect-ratio: 1.08; border: 1px solid rgba(255,255,255,.07); border-radius: 15px; background: rgba(255,255,255,.055); display: grid; place-items: center; }
.mock-tile i { width: 27px; height: 27px; border-radius: 9px; background: rgba(147,197,253,.72); }
.mock-tile:nth-child(2) i { background:#60a5fa }.mock-tile:nth-child(3) i{background:#fbbf24}.mock-tile:nth-child(4) i{background:#f472b6}
.mock-group { margin-top: 21px; padding: 15px; border: 1px solid rgba(255,255,255,.06); border-radius: 17px; background: rgba(0,0,0,.14); }
.mock-group-head { width: 82px; height: 9px; margin-bottom: 12px; border-radius: 8px; background: rgba(255,255,255,.38); }
.mock-lines { display:grid; gap:8px }.mock-lines i{height:8px;border-radius:8px;background:rgba(255,255,255,.06)}.mock-lines i:nth-child(2){width:78%}
.timer-float { position:absolute; z-index:3; inset-inline-end:-18px; bottom:27px; width:164px; padding:19px; border:1px solid rgba(147,197,253,.24); border-radius:21px; background:rgba(5,18,14,.92); box-shadow:0 18px 50px rgba(0,0,0,.42); backdrop-filter:blur(16px); text-align:center; }
.timer-label { color:#94a3b8; font-size:10px; text-transform:uppercase; letter-spacing:.12em }.timer-value{margin:6px 0 11px;font-size:29px;font-weight:800;letter-spacing:-.04em}.timer-bar{height:5px;border-radius:999px;background:#24324a;overflow:hidden}.timer-bar i{display:block;width:62%;height:100%;background:#60a5fa;border-radius:inherit}

.section { padding: 86px 0; }
.section.compact { padding: 62px 0; }
.section-head { max-width: 690px; margin-bottom: 34px; }
.section-kicker { color: var(--brand-light); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .13em; }
h2 { margin: 9px 0 12px; font-size: clamp(30px, 4vw, 46px); line-height: 1.12; letter-spacing: -.035em; }
html[dir="rtl"] h2 { letter-spacing: 0; }
.section-head p { margin: 0; color: var(--muted); font-size: 17px; }
.features-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 15px; }
.feature-card, .panel, .price-card, .faq-card { border: 1px solid var(--line); border-radius: 21px; background: var(--surface-soft); }
.feature-card { min-height: 205px; padding: 24px; }
.feature-icon { width: 39px; height: 39px; display:grid; place-items:center; margin-bottom:19px; border:1px solid var(--line-strong); border-radius:12px; color:#bfdbfe; background:rgba(37,99,235,.1); font-size:17px; font-weight:900; }
.feature-card h3, .panel h3, .price-card h3 { margin:0 0 8px; font-size:17px; }
.feature-card p, .panel p, .price-card p { margin:0; color:var(--muted); font-size:14px; }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; counter-reset: step; }
.step { position:relative; padding:25px; border-top:1px solid var(--line-strong); background:linear-gradient(180deg,rgba(37,99,235,.045),transparent); }
.step::before{counter-increment:step;content:"0" counter(step);display:block;margin-bottom:24px;color:#93c5fd;font-size:12px;font-weight:800;letter-spacing:.12em}.step h3{margin:0 0 8px;font-size:18px}.step p{margin:0;color:var(--muted);font-size:14px}
.pricing-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; max-width:880px; }
.price-card { padding:27px; }
.price-card.pro { border-color:rgba(96,165,250,.38); background:linear-gradient(180deg,rgba(37,99,235,.1),rgba(255,255,255,.025)); }
.price-top { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.price-label { color:var(--faint); font-size:13px; }
.price-name { margin-top:2px; font-size:25px; font-weight:850; }
.price-card ul { list-style:none; padding:0; margin:22px 0 0; display:grid; gap:10px; color:var(--muted); font-size:14px; }
.price-card li { display:flex; gap:9px; }
.price-card li::before { content:"✓"; color:#93c5fd; font-weight:900; }
.privacy-panel { display:grid; grid-template-columns:.82fr 1.18fr; gap:28px; align-items:center; padding:36px; border:1px solid var(--line-strong); border-radius:28px; background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(255,255,255,.018)); }
.privacy-lock { width:128px; height:128px; margin:auto; position:relative; display:grid; place-items:center; border:1px solid rgba(147,197,253,.25); border-radius:34px; background:rgba(0,0,0,.18); }
.privacy-lock::before{content:"";width:38px;height:31px;border:7px solid #93c5fd;border-bottom:0;border-radius:24px 24px 0 0;transform:translateY(-25px)}.privacy-lock::after{content:"";position:absolute;width:66px;height:55px;bottom:24px;border-radius:15px;background:#2563eb;box-shadow:inset 0 -10px 20px rgba(0,0,0,.16)}
.privacy-copy h2 { margin-top:0; }.privacy-copy p{color:var(--muted)}
.faq-list { display:grid; gap:10px; max-width:900px; }
details.faq-card { overflow:hidden; }
details summary { cursor:pointer; list-style:none; padding:19px 21px; font-weight:750; }
details summary::-webkit-details-marker{display:none}details summary::after{content:"+";float:inline-end;color:#93c5fd;font-size:21px;line-height:1}details[open] summary::after{content:"−"}details p{margin:0;padding:0 21px 20px;color:var(--muted);font-size:14px}
.cta-panel { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:36px; border:1px solid rgba(96,165,250,.34); border-radius:28px; background:linear-gradient(120deg,rgba(37,99,235,.13),rgba(37,99,235,.035)); }.cta-panel h2{margin:0 0 7px;font-size:31px}.cta-panel p{margin:0;color:var(--muted)}

.page-hero { padding:66px 0 28px; }.page-hero .section-head{margin:0}.page-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:900px}.panel{padding:25px}.panel h2{font-size:20px;margin:0 0 10px;letter-spacing:-.01em}.panel p,.panel li{color:var(--muted);font-size:15px}.panel a{color:#93c5fd;text-decoration:underline;text-underline-offset:3px}.panel code{background:#13213b;color:#bfdbfe;border-radius:6px;padding:2px 6px}.panel ul{padding-inline-start:21px}.policy-meta{color:var(--faint);font-size:13px;margin-top:13px}

.form-card { max-width: 820px; padding: 28px; border:1px solid var(--line); border-radius:24px; background:rgba(255,255,255,.025); }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.field { display:grid; gap:7px; }.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:750;color:#dbeafe}.field small{color:var(--faint);font-size:11px}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#0b1324;color:var(--text);padding:12px 13px;outline:none}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.field .invalid{border-color:#fb7185}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.consent{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:13px}.consent input{margin-top:4px}.form-footer{margin-top:20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.form-status{min-height:22px;color:var(--muted);font-size:13px}.form-status.error{color:#fda4af}.form-status.success{color:#86efac}.ticket-box{display:none;margin-top:18px;padding:18px;border:1px solid rgba(96,165,250,.35);border-radius:15px;background:rgba(37,99,235,.09)}.ticket-box.show{display:block}.ticket-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#bfdbfe;font-weight:800}.notice{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);color:var(--muted);font-size:13px}

.site-footer { margin-top: 72px; border-top:1px solid var(--line); background:rgba(0,0,0,.15); }
.footer-grid { padding:38px 0; display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:34px; }
.footer-brand p{max-width:430px;color:var(--muted);font-size:13px}.footer-title{margin-bottom:10px;color:#d9eee5;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.footer-links{display:grid;gap:8px;color:var(--muted);font-size:13px}.footer-bottom{padding:17px 0;border-top:1px solid rgba(255,255,255,.055);display:flex;justify-content:space-between;gap:20px;color:var(--faint);font-size:12px}

@media (max-width: 960px) {
  .desktop-nav { display:none; }.menu-button{display:inline-flex}.hero{padding-top:60px}.hero-grid{grid-template-columns:1fr;gap:48px}.hero-copy{max-width:760px}.product-stage{max-width:650px;min-height:500px;margin:auto}.features-grid{grid-template-columns:repeat(2,1fr)}.privacy-panel{grid-template-columns:1fr;text-align:center}.privacy-copy p{max-width:680px;margin-inline:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
}
@media (max-width: 650px) {
  .container{width:min(calc(100% - 26px),var(--container))}.nav-shell{min-height:62px}.hero{padding:45px 0 48px}h1{font-size:42px}.hero-actions .button{width:100%}.trust-row{display:grid;gap:9px}.product-stage{min-height:405px}.product-window{border-radius:19px;transform:none!important}.workspace-ui{min-height:340px;grid-template-columns:68px 1fr}.workspace-sidebar{padding:14px 8px}.workspace-main{padding:17px 13px}.mock-grid{grid-template-columns:repeat(2,1fr);gap:9px}.mock-tile:nth-child(n+5){display:none}.timer-float{inset-inline-end:8px;bottom:-12px;width:138px;padding:14px}.timer-value{font-size:24px}.section{padding:64px 0}.features-grid,.steps,.pricing-grid,.form-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.privacy-panel,.cta-panel{padding:25px}.cta-panel{display:block}.cta-panel .button{margin-top:20px;width:100%}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{display:grid}.field.full{grid-column:auto}.form-card{padding:20px}.page-hero{padding-top:45px}
}
@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto}.button{transition:none} }
.page-title { font-size: clamp(38px, 6vw, 60px); }
.contact-notice { max-width: 820px; margin-bottom: 16px; }
.text-link { color: #93c5fd; text-decoration: underline; text-underline-offset: 3px; }