/* ══ TOKENS ══ */
:root {
  --bg:      #050810; --surface: #0a0f1e; --panel: #0e1628;
  --border:  rgba(99,179,237,0.12);
  --accent:  #63b3ed; --accent2: #7c6aea;
  --green:   #48bb78; --amber:   #ed8936;
  --text:    #e2e8f0; --muted:   #718096; --dim: #4a5568;
  --mono:    'IBM Plex Mono', monospace;
  --body:    'CamelFont', sans-serif;
  --r:       8px;
  --nav-h:   57px;
}
[data-theme="light"] {
  --bg:#f5f7fa; --surface:#fff; --panel:#eef1f7;
  --border:rgba(37,99,160,0.15);
  --accent:#1d6fa8; --accent2:#5b4fcf;
  --green:#1a7a42; --amber:#c25e00;
  --text:#111827; --muted:#4b5563; --dim:#9ca3af;
}

/* ══ RESET ══ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--text);
  font-family:var(--body);font-size:17px;line-height:1.7;
  overflow-x:hidden;transition:background .3s,color .3s;
}

/* scan lines — decorative only, kept below nav */
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:5;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);}
[data-theme="light"] body::before{opacity:.3}

/* grid bg */
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:linear-gradient(rgba(99,179,237,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(99,179,237,.04) 1px,transparent 1px);
  background-size:48px 48px;}

/* ══ NAV ══ */
nav{
  position:fixed;top:0;left:0;right:0;z-index:1100;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 48px;
  background:rgba(5,8,16,.9);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border);transition:background .3s;
}
[data-theme="light"] nav{background:rgba(245,247,250,.93)}

.nav-logo{
  font-family:var(--mono);font-size:16px;color:var(--accent);
  letter-spacing:.08em;display:flex;align-items:center;gap:10px;text-decoration:none;
}
.nav-logo::before{
  content:'';width:8px;height:8px;border-radius:50%;flex-shrink:0;
  background:var(--green);box-shadow:0 0 8px var(--green);
  animation:pulse 2s ease-in-out infinite;
}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}

.nav-links{display:flex;gap:28px;list-style:none}
.nav-links a{
  font-family:var(--body);font-size:15px;color:var(--muted);
  text-decoration:none;letter-spacing:.02em;
  transition:color .2s;position:relative;padding-bottom:2px;
}
.nav-links a::after{
  content:'';position:absolute;bottom:-2px;right:0;left:0;
  height:1px;background:var(--accent);
  transform:scaleX(0);transition:transform .25s ease;transform-origin:right;
}
[dir="ltr"] .nav-links a::after{transform-origin:left}
.nav-links a:hover,.nav-links a.active{color:var(--accent)}
.nav-links a.active::after{transform:scaleX(1)}

.nav-right{display:flex;align-items:center;gap:10px}

.lang-toggle{
  font-family:var(--mono);font-size:11px;font-weight:500;
  padding:5px 12px;background:var(--surface);
  border:1px solid var(--border);border-radius:var(--r);
  color:var(--accent);cursor:pointer;letter-spacing:.1em;
  transition:all .15s;min-height:44px;display:inline-flex;align-items:center;
}
.lang-toggle:hover{border-color:var(--accent);background:var(--panel)}

.theme-btn{
  font-size:14px;padding:5px 9px;background:var(--surface);
  border:1px solid var(--border);border-radius:var(--r);
  cursor:pointer;color:var(--muted);transition:all .15s;
  min-height:44px;display:flex;align-items:center;
}
.theme-btn:hover{border-color:var(--accent);color:var(--accent)}

.nav-cta{
  font-family:var(--mono);font-size:12px;padding:7px 18px;
  background:transparent;border:1px solid var(--accent);
  color:var(--accent);border-radius:var(--r);cursor:pointer;
  letter-spacing:.06em;transition:all .2s;text-decoration:none;
}
.nav-cta:hover{background:var(--accent);color:var(--bg)}

/* hamburger */
.hamburger{
  display:none;flex-direction:column;gap:5px;cursor:pointer;
  padding:4px;background:none;border:none;
}
.hamburger span{display:block;width:22px;height:2px;background:var(--muted);border-radius:2px;transition:all .25s ease}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* mobile drawer */
.mobile-drawer{
  display:none;position:fixed;top:var(--nav-h);left:0;right:0;z-index:1090;
  background:var(--surface);border-bottom:1px solid var(--border);
  padding:20px 24px 24px;
  transform:translateY(-8px);opacity:0;
  transition:transform .25s ease,opacity .25s ease;
}
.mobile-drawer.open{transform:translateY(0);opacity:1}
.mobile-drawer ul{list-style:none}
.mobile-drawer ul li{border-bottom:1px solid var(--border)}
.mobile-drawer ul li a{
  display:block;padding:14px 0;font-family:var(--body);font-size:17px;
  color:var(--muted);text-decoration:none;transition:color .2s;
}
.mobile-drawer ul li a:hover{color:var(--accent)}
.mobile-drawer .drawer-bottom{display:flex;gap:10px;margin-top:16px;align-items:center}

/* ══ HERO ══ */
.hero{
  position:relative;min-height:100vh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:120px 48px 80px;text-align:center;z-index:1;overflow:hidden;
}
.hero::before{
  content:'';position:absolute;top:-200px;left:50%;transform:translateX(-50%);
  width:600px;height:600px;pointer-events:none;
  background:radial-gradient(circle,rgba(99,179,237,.07) 0%,transparent 70%);
}
.hero-tag{
  font-family:var(--mono);font-size:11px;color:var(--accent);
  letter-spacing:.2em;text-transform:uppercase;margin-bottom:24px;
  display:flex;align-items:center;gap:12px;
  opacity:0;animation:fadeUp .8s ease forwards .2s;
}
.hero-tag::before,.hero-tag::after{content:'';flex:1;max-width:60px;height:1px;background:var(--accent);opacity:.4}
.hero-title{
  font-size:clamp(54px,9vw,108px);font-weight:800;line-height:1.0;
  letter-spacing:-.02em;margin-bottom:8px;
  opacity:0;animation:fadeUp .8s ease forwards .4s;
}
.hero-title .accent{color:var(--accent)}
.hero-title-sub{
  font-family:var(--mono);font-size:clamp(13px,1.8vw,17px);
  color:var(--muted);margin-bottom:32px;letter-spacing:.04em;
  opacity:0;animation:fadeUp .8s ease forwards .6s;
}
.hero-desc{
  font-size:18px;color:var(--muted);max-width:620px;margin:0 auto 48px;
  opacity:0;animation:fadeUp .8s ease forwards .8s;
}
.hero-desc strong{color:var(--text);font-weight:600}

/* install box */
.hero-install{
  display:flex;align-items:center;gap:12px;
  background:var(--panel);border:1px solid var(--border);
  border-radius:var(--r);padding:13px 18px;
  margin:0 auto 48px;max-width:520px;
  opacity:0;animation:fadeUp .8s ease forwards 1s;
  transition:border-color .4s,box-shadow .4s;
}
.hero-install.copied{border-color:var(--green);box-shadow:0 0 12px rgba(72,187,120,.2)}
.install-prompt{font-family:var(--mono);font-size:13px;color:var(--green);flex-shrink:0}
.install-cmd{font-family:var(--mono);font-size:13px;color:var(--text);flex:1;text-align:left;direction:ltr;display:block;unicode-bidi:isolate}
.install-copy{
  font-family:var(--mono);font-size:11px;cursor:pointer;
  padding:4px 8px;border:1px solid var(--border);border-radius:3px;
  background:none;color:var(--muted);transition:all .2s;flex-shrink:0;
  display:flex;align-items:center;gap:4px;
}
.install-copy:hover{border-color:var(--accent);color:var(--accent)}
.install-copy.copied{border-color:var(--green);color:var(--green)}

.hero-btns{
  display:flex;gap:14px;justify-content:center;
  opacity:0;animation:fadeUp .8s ease forwards 1.1s;
}
.btn-primary{
  font-family:var(--body);font-size:15px;padding:12px 28px;
  background:var(--accent);color:var(--bg);border:none;
  border-radius:var(--r);cursor:pointer;font-weight:600;
  text-decoration:none;transition:opacity .2s;
  min-height:44px;display:inline-flex;align-items:center;
}
.btn-primary:hover{opacity:.85}
.btn-ghost{
  font-family:var(--body);font-size:15px;padding:12px 28px;
  background:transparent;color:var(--muted);
  border:1px solid var(--border);border-radius:var(--r);
  cursor:pointer;text-decoration:none;transition:border-color .2s,color .2s;
  min-height:44px;display:inline-flex;align-items:center;
}
.btn-ghost:hover{border-color:var(--muted);color:var(--text)}

@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* ══ STATS ══ */
.stats-bar{
  position:relative;z-index:1;display:flex;justify-content:center;
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  background:var(--surface);overflow:hidden;
}
.stat-item{flex:1;max-width:200px;padding:22px 24px;text-align:center;border-right:1px solid var(--border)}
[dir="ltr"] .stat-item{border-right:none;border-left:1px solid var(--border)}
.stat-item:last-child{border:none}
.stat-num{font-family:var(--mono);font-size:26px;font-weight:300;color:var(--accent);letter-spacing:-.02em}
.stat-label{font-size:12px;color:var(--muted);margin-top:4px}

/* ══ TICKER ══ */
.ticker-wrap{
  overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  background:var(--surface);padding:11px 0;position:relative;z-index:1;
}
.ticker{display:flex;gap:48px;white-space:nowrap;width:max-content}
#ticker-ar{animation:ticker-ar 35s linear infinite}
#ticker-en{animation:ticker-en 35s linear infinite}
@keyframes ticker-ar{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes ticker-en{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker-item{font-family:var(--mono);font-size:12px;color:var(--dim);letter-spacing:.06em;display:flex;align-items:center;gap:12px}
.ticker-item::before{content:'◆';color:var(--accent);font-size:7px}

/* ══ SECTIONS ══ */
section{position:relative;z-index:1;padding:96px 48px;max-width:1200px;margin:0 auto}
.separator{position:relative;z-index:1;border-top:1px solid var(--border);margin:0 48px}

.section-tag{
  font-family:var(--mono);font-size:11px;color:var(--accent);
  letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px;
  display:flex;align-items:center;gap:12px;
}
.section-tag::after{content:'';flex:1;height:1px;background:var(--border)}
[dir="ltr"] .section-tag::before{content:'';flex:1;height:1px;background:var(--border)}
[dir="ltr"] .section-tag::after{flex:0}

.section-title{font-size:clamp(32px,4.5vw,50px);font-weight:800;letter-spacing:-.02em;margin-bottom:16px;line-height:1.1}
.section-subtitle{font-size:17px;color:var(--muted);max-width:600px;margin-bottom:56px}

/* ══ MISSION ══ */
.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.mission-text p{color:var(--muted);margin-bottom:20px;font-size:17px;line-height:1.8}
.mission-text p strong{color:var(--text);font-weight:600}
.mission-quote{border-right:3px solid var(--accent);padding-right:24px;margin:28px 0}
[dir="ltr"] .mission-quote{border-right:none;padding-right:0;border-left:3px solid var(--accent);padding-left:24px}
.mission-quote blockquote{font-size:19px;color:var(--text);font-weight:300;line-height:1.6}
.mission-visual{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:28px;position:relative;overflow:hidden}
.mission-visual::before{content:'';position:absolute;top:-80px;right:-80px;width:200px;height:200px;background:radial-gradient(circle,rgba(124,110,234,.12) 0%,transparent 70%)}
.org-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;padding:5px 11px;border-radius:var(--r);margin:3px}
.org-tag-nonprofit{background:rgba(72,187,120,.1);border:1px solid rgba(72,187,120,.25);color:var(--green)}
.org-tag-small{background:rgba(237,137,54,.1);border:1px solid rgba(237,137,54,.25);color:var(--amber)}
.org-tag-pi{background:rgba(99,179,237,.1);border:1px solid rgba(99,179,237,.25);color:var(--accent)}
.tags-group{margin-bottom:20px}
.tags-label{font-family:var(--mono);font-size:10px;color:var(--dim);letter-spacing:.15em;margin-bottom:10px;text-transform:uppercase}
.contact-info{border-top:1px solid var(--border);padding-top:16px;margin-top:8px}
.contact-email{font-family:var(--mono);font-size:13px;color:var(--accent);margin-top:6px;text-decoration:none;display:block}
.contact-email:hover{text-decoration:underline}
.contact-reply{font-size:13px;color:var(--muted);margin-top:4px}

/* ══ FEATURES ══ */
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.feature-card{background:var(--surface);padding:28px;transition:background .2s;position:relative}
.feature-card:hover{background:var(--panel)}
.feature-card.pro-feature::after{
  content:'PRO';position:absolute;top:14px;left:14px;
  font-family:var(--mono);font-size:9px;letter-spacing:.15em;padding:2px 7px;
  background:rgba(124,110,234,.15);border:1px solid rgba(124,110,234,.3);
  color:var(--accent2);border-radius:3px;
}
[dir="ltr"] .feature-card.pro-feature::after{left:auto;right:14px}
.feature-icon{font-family:var(--mono);font-size:22px;margin-bottom:14px;color:var(--accent);font-weight:300}
.feature-title{font-size:17px;font-weight:700;margin-bottom:10px}
.feature-desc{font-size:14px;color:var(--muted);line-height:1.7}

/* ══ STEPPER ══ */
.stepper-progress{height:2px;background:var(--border);border-radius:1px;margin-bottom:40px;overflow:hidden}
.stepper-bar{height:100%;background:var(--accent);border-radius:1px;transition:width .5s cubic-bezier(.4,0,.2,1)}
.step-panel{display:none}
.step-panel.active{display:block;animation:fadeUp .4s ease}
.step-header{display:flex;align-items:center;gap:20px;margin-bottom:16px}
.step-num{
  font-family:var(--mono);font-size:13px;color:var(--accent);
  background:var(--panel);border:1px solid var(--border);
  border-radius:50%;width:40px;height:40px;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:500;
}
.step-title{font-size:20px;font-weight:700}
.step-desc{font-size:16px;color:var(--muted);line-height:1.7;margin-bottom:16px}
.step-code{
  font-family:var(--mono);font-size:13px;color:var(--green);
  background:var(--panel);border:1px solid var(--border);
  border-radius:var(--r);padding:10px 16px;display:inline-block;direction:ltr;
}
.stepper-nav{display:flex;align-items:center;gap:12px;margin-top:28px}
.stepper-dots{display:flex;gap:8px;margin:0 auto}
.stepper-dot{width:8px;height:8px;border-radius:50%;background:var(--border);cursor:pointer;transition:background .2s,transform .2s}
.stepper-dot.active{background:var(--accent);transform:scale(1.3)}
.stepper-btn{
  font-family:var(--mono);font-size:12px;padding:8px 18px;
  background:transparent;border:1px solid var(--border);color:var(--muted);
  border-radius:var(--r);cursor:pointer;letter-spacing:.06em;transition:all .2s;
}
.stepper-btn:hover{border-color:var(--accent);color:var(--accent)}
.stepper-btn.next{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.stepper-btn.next:hover{opacity:.85}

/* ══ PRICING ══ */
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pricing-card{
  background:var(--surface);border:1px solid var(--border);
  border-radius:12px;padding:40px;position:relative;
  transition:border-color .3s,transform .3s,box-shadow .3s;
}
.pricing-card:hover{border-color:rgba(99,179,237,.3)}
.pricing-card.featured{border-color:rgba(99,179,237,.35);background:var(--panel);--featured-badge:'الأكثر طلباً'}
.pricing-card.featured.highlight{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.3)}
.pricing-card.featured::before{
  content:var(--featured-badge,'الأكثر طلباً');
  position:absolute;top:-1px;left:50%;transform:translateX(-50%);
  font-family:var(--mono);font-size:10px;padding:4px 16px;
  background:var(--accent);color:var(--bg);
  border-radius:0 0 6px 6px;letter-spacing:.08em;white-space:nowrap;
}
.plan-name{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.1em;margin-bottom:8px}
.plan-price{font-size:48px;font-weight:800;letter-spacing:-.03em;color:var(--text);line-height:1;margin-bottom:4px}
.plan-price span{font-size:16px;font-weight:300;color:var(--muted)}
.plan-period{font-family:var(--mono);font-size:12px;color:var(--dim);margin-bottom:28px}
.plan-features{list-style:none;margin-bottom:28px}
.plan-features li{font-size:14px;color:var(--muted);padding:8px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}
.plan-features li:last-child{border-bottom:none}
.plan-features li::before{content:'//';font-family:var(--mono);font-size:10px;color:var(--green);flex-shrink:0}
.plan-features li.locked{opacity:.35}
.plan-features li.locked::before{content:'--';color:var(--dim)}
.nonprofit-note{
  background:rgba(72,187,120,.06);border:1px solid rgba(72,187,120,.2);
  border-radius:var(--r);padding:14px 18px;margin-top:20px;
  font-size:13px;color:var(--green);display:flex;gap:10px;align-items:flex-start;line-height:1.6;
}
.nonprofit-note::before{content:'//';font-family:var(--mono);font-size:11px;flex-shrink:0;margin-top:1px}

/* ══ TERMINAL ══ */
.terminal-cta{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;max-width:700px;margin:0 auto}
.terminal-header{background:var(--panel);padding:11px 18px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--border)}
.terminal-dot{width:10px;height:10px;border-radius:50%}
.terminal-title{font-family:var(--mono);font-size:12px;color:var(--dim);margin-right:auto;direction:ltr}
[dir="ltr"] .terminal-title{margin-right:0;margin-left:auto}
.terminal-body{padding:24px 28px 28px;font-family:var(--mono);font-size:13px;line-height:2;direction:ltr;text-align:left;min-height:220px}
.t-line{display:block;overflow:hidden;white-space:nowrap}
.t-prompt{color:var(--green)}.t-cmd{color:var(--text)}.t-out{color:var(--muted)}.t-info{color:var(--accent)}.t-success{color:var(--green)}
.t-cursor{display:inline-block;width:8px;height:14px;background:var(--accent);animation:blink 1s step-end infinite;vertical-align:middle;margin-right:2px}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}

/* ══ ABOUT ══ */
.about-grid{display:grid;grid-template-columns:auto 1fr;gap:56px;align-items:start}
.about-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:28px;width:250px;text-align:center}
.avatar{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:22px;font-weight:500;color:var(--bg);margin:0 auto 14px}
.about-name{font-size:18px;font-weight:700;margin-bottom:4px}
.about-handle{font-family:var(--mono);font-size:12px;color:var(--accent);margin-bottom:18px}
.about-links{display:flex;flex-direction:column;gap:7px}
.about-link{font-family:var(--mono);font-size:12px;color:var(--muted);text-decoration:none;padding:7px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);transition:border-color .2s,color .2s;text-align:right}
[dir="ltr"] .about-link{text-align:left}
.about-link:hover{border-color:var(--accent);color:var(--accent)}
.about-story p{font-size:17px;color:var(--muted);margin-bottom:18px;line-height:1.8}
.about-story p strong{color:var(--text);font-weight:600}
.license-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;color:var(--muted);background:var(--panel);border:1px solid var(--border);border-radius:3px;padding:4px 10px;margin-top:14px}

/* ══ FOOTER ══ */
footer{position:relative;z-index:1;border-top:1px solid var(--border);padding:36px 48px;display:flex;align-items:center;justify-content:space-between}
.footer-logo{font-family:var(--mono);font-size:13px;color:var(--accent)}
.footer-copy{font-family:var(--mono);font-size:11px;color:var(--dim)}
.footer-links{display:flex;gap:22px;list-style:none}
.footer-links a{font-family:var(--mono);font-size:11px;color:var(--dim);text-decoration:none;transition:color .2s}
.footer-links a:hover{color:var(--accent)}

/* ══ SCROLL-TOP ══ */
.scroll-top{
  position:fixed;bottom:28px;left:28px;width:40px;height:40px;border-radius:50%;
  background:var(--panel);border:1px solid var(--border);color:var(--muted);
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  font-size:16px;z-index:1080;opacity:0;pointer-events:none;
  transition:opacity .3s,border-color .2s,color .2s,transform .2s;
}
.scroll-top.visible{opacity:1;pointer-events:auto}
.scroll-top:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}
[dir="ltr"] .scroll-top{left:auto;right:28px}

/* ══ PWA BANNER ══ */
#pwa-banner{
  display:none;position:fixed;bottom:20px;right:20px;
  background:var(--panel);border:1px solid var(--border);
  border-radius:10px;padding:14px 18px;z-index:1200;
  gap:12px;align-items:center;box-shadow:0 4px 24px rgba(0,0,0,.4);max-width:300px;
}
[dir="ltr"] #pwa-banner{right:20px;left:auto}
#pwa-banner p{font-size:13px;color:var(--muted);flex:1;line-height:1.5}
#pwa-banner .pwa-btns{display:flex;gap:8px;flex-shrink:0}

/* ══ REVEAL ══ */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ══ RESPONSIVE ══ */
@media(max-width:900px){
  .features-grid{grid-template-columns:1fr 1fr}
  .mission-grid,.about-grid{grid-template-columns:1fr}
  .about-card{width:100%}
}
@media(max-width:768px){
  nav{padding:12px 20px}
  .nav-links{display:none}
  .hamburger{display:flex}
  .mobile-drawer{display:block}
  section{padding:64px 20px}
  .hero{padding:100px 20px 56px}
  .separator{margin:0 20px}
  .pricing-grid,.features-grid{grid-template-columns:1fr}
  footer{flex-direction:column;gap:14px;text-align:center}
  .stat-item{padding:18px 14px}
  .stat-num{font-size:20px}
  .hero-install{max-width:100%}
  .scroll-top{bottom:20px;left:16px}
  [dir="ltr"] .scroll-top{left:auto;right:16px}
}

/* ══ PREFERS-REDUCED-MOTION ══ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
  /* Hero entrance animations — show immediately */
  .hero-tag,.hero-title,.hero-title-sub,.hero-desc,.hero-install,.hero-btns{
    opacity:1;transform:none;
  }
  /* Scroll reveal — show immediately */
  .reveal{opacity:1;transform:none}
  /* Ticker — pause */
  #ticker-ar,#ticker-en{animation:none}
  /* Nav logo pulse */
  .nav-logo::before{animation:none}
}

/* ══ FOCUS VISIBLE ══ */
:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:3px;
  border-radius:var(--r);
}

/* ══ SECTION VARIANTS ══ */
.section-how{max-width:900px}
.section-terminal{text-align:center;padding-top:0}