<!DOCTYPE html>
<html lang="ar" dir="rtl" data-lang="ar">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <meta name="description" content="سيرو — بوابة المستثمرين | Siro Investor Portal 2026">
  <title>سيرو · فرصة استثمارية 2026 | Siro Investor Deck</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link
    href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;900&family=Syne:wght@700;800;900&family=JetBrains+Mono:wght@400;700&display=swap"
    rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
  <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>
  <style>
    /* ══════════════════════════════════════════
   TOKENS
══════════════════════════════════════════ */
    :root {
      --ink: #030810;
      --ink2: #060F1E;
      --ink3: #0B1628;
      --ink4: #101E35;
      --gold: #F0A500;
      --goldb: #FFB830;
      --goldc: #FFD270;
      --gold-dim: rgba(240, 165, 0, .12);
      --gold-glow: rgba(240, 165, 0, .25);
      --cyan: #00E5CC;
      --cyan-dim: rgba(0, 229, 204, .1);
      --green: #00D97E;
      --green-dim: rgba(0, 217, 126, .1);
      --red: #FF3D6B;
      --red-dim: rgba(255, 61, 107, .1);
      --blue: #3B8EFF;
      --blue-dim: rgba(59, 142, 255, .1);
      --amber: #FF9500;
      --text: #C8D6F0;
      --muted: #556270;
      --muted2: #3A4555;
      --border: rgba(240, 165, 0, .14);
      --border2: rgba(255, 255, 255, .05);
      --r: 16px;
      --r2: 24px;
    }

    [data-lang="en"] {
      direction: ltr
    }

    [data-lang="ar"] {
      direction: rtl
    }

    /* ══ BASE ══ */
    *,
    *::before,
    *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0
    }

    html {
      scroll-behavior: smooth
    }

    body {
      font-family: 'Cairo', sans-serif;
      background: var(--ink);
      color: var(--text);
      overflow-x: hidden;
      line-height: 1.7;
    }

    ::-webkit-scrollbar {
      width: 2px
    }

    ::-webkit-scrollbar-track {
      background: var(--ink)
    }

    ::-webkit-scrollbar-thumb {
      background: var(--gold);
      border-radius: 1px
    }

    /* ══ LANG DISPLAY ══ */
    .ar {
      display: inline
    }

    .en {
      display: none
    }

    [data-lang="en"] .ar {
      display: none
    }

    [data-lang="en"] .en {
      display: inline
    }

    [data-lang="en"] .ar-block {
      display: none
    }

    [data-lang="ar"] .en-block {
      display: none
    }

    /* ══ NOISE ══ */
    body::after {
      content: '';
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: 998;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E");
      opacity: .5;
      mix-blend-mode: overlay;
    }

    /* ══ SCROLL BAR ══ */
    #scrollProg {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      height: 2px;
      background: linear-gradient(90deg, var(--gold), var(--cyan));
      z-index: 999;
      width: 0%;
      transition: width .1s linear;
    }

    /* ══ PARTICLES ══ */
    #particles {
      position: fixed;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      opacity: .7;
    }

    /* ══ NAV ══ */
    nav {
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      z-index: 500;
      height: 62px;
      display: flex;
      align-items: center;
      padding: 0 2.5rem;
      background: rgba(3, 8, 16, .9);
      backdrop-filter: blur(24px);
      border-bottom: 1px solid var(--border);
      transition: background .3s;
    }

    nav.scrolled {
      background: rgba(3, 8, 16, .98)
    }

    .nav-inner {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .nav-logo {
      display: flex;
      align-items: center;
      gap: .7rem;
      font-family: 'Syne', sans-serif;
      font-size: 1.35rem;
      font-weight: 900;
      color: #fff;
      letter-spacing: -.5px;
      text-decoration: none;
    }

    .nav-logo em {
      color: var(--goldb);
      font-style: normal
    }

    .nav-logo-badge {
      font-family: 'Cairo', sans-serif;
      font-size: .58rem;
      font-weight: 800;
      background: var(--gold-dim);
      border: 1px solid var(--border);
      color: var(--goldb);
      padding: 3px 9px;
      border-radius: 20px;
      letter-spacing: .05em;
    }

    .nav-links {
      display: flex;
      align-items: center;
      gap: 1.2rem
    }

    .nav-links a {
      color: var(--muted);
      text-decoration: none;
      font-size: .76rem;
      font-weight: 700;
      transition: color .2s;
      white-space: nowrap;
    }

    .nav-links a:hover {
      color: var(--goldb)
    }

    .lang-btn {
      background: var(--ink3);
      border: 1px solid var(--border2);
      color: var(--muted);
      font-family: 'JetBrains Mono', monospace;
      font-size: .7rem;
      font-weight: 700;
      padding: 5px 12px;
      border-radius: 6px;
      cursor: pointer;
      transition: all .2s;
    }

    .lang-btn:hover {
      border-color: var(--border);
      color: var(--gold)
    }

    .nav-cta {
      background: linear-gradient(135deg, var(--gold), var(--goldb));
      color: #000 !important;
      font-size: .75rem !important;
      font-weight: 900 !important;
      padding: 8px 18px !important;
      border-radius: 8px;
      display: flex !important;
      align-items: center;
      gap: .4rem;
      transition: all .25s !important;
    }

    .nav-cta:hover {
      box-shadow: 0 8px 30px var(--gold-glow);
      transform: translateY(-1px)
    }

    /* ══ SECTIONS ══ */
    section {
      padding: 100px 2rem;
      position: relative;
      z-index: 1
    }

    .container {
      max-width: 1180px;
      margin: 0 auto
    }

    .alt-bg {
      background: var(--ink2)
    }

    .divider {
      height: 1px;
      background: var(--border2);
      margin: 0 2rem;
      position: relative;
      z-index: 1
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: .68rem;
      font-weight: 800;
      color: var(--goldb);
      letter-spacing: .14em;
      text-transform: uppercase;
      margin-bottom: 1rem;
    }

    .eyebrow::before {
      content: '';
      width: 28px;
      height: 2px;
      background: linear-gradient(90deg, var(--gold), transparent)
    }

    h2.stitle {
      font-size: clamp(1.8rem, 4vw, 2.8rem);
      font-weight: 900;
      line-height: 1.12;
      margin-bottom: .5rem
    }

    h2.stitle em,
    h2.stitle span {
      color: var(--goldb);
      font-style: normal
    }

    .sdesc {
      color: var(--muted);
      font-size: .92rem;
      margin-bottom: 3rem;
      max-width: 580px;
      line-height: 1.8
    }

    /* ══ CALLOUT ══ */
    .callout {
      display: flex;
      gap: 1rem;
      align-items: flex-start;
      border-radius: 12px;
      padding: 1.2rem 1.5rem;
      margin: 1.5rem 0;
      font-size: .84rem;
      border-right: 3px solid;
      line-height: 1.7;
    }

    [data-lang="en"] .callout {
      border-right: none;
      border-left: 3px solid
    }

    .callout.gold {
      background: var(--gold-dim);
      border-color: var(--goldb);
      color: #F0CF80
    }

    .callout.green {
      background: var(--green-dim);
      border-color: var(--green);
      color: #7EEFC0
    }

    .callout.red {
      background: var(--red-dim);
      border-color: var(--red);
      color: #FFA0B5
    }

    .callout.blue {
      background: var(--blue-dim);
      border-color: var(--blue);
      color: #9DC4FF
    }

    .callout-i {
      font-size: 1.2rem;
      flex-shrink: 0;
      margin-top: .1rem
    }

    /* ══ TABLE ══ */
    .tw {
      overflow-x: auto;
      border-radius: var(--r);
      border: 1px solid var(--border)
    }

    table {
      width: 100%;
      border-collapse: collapse;
      font-size: .82rem
    }

    thead {
      background: rgba(240, 165, 0, .07)
    }

    th {
      padding: 13px 16px;
      font-weight: 800;
      font-size: .74rem;
      color: var(--goldb);
      text-align: right;
      border-bottom: 1px solid var(--border);
      white-space: nowrap;
    }

    [data-lang="en"] th {
      text-align: left
    }

    td {
      padding: 11px 16px;
      border-bottom: 1px solid var(--border2);
      color: var(--text);
      vertical-align: middle
    }

    tr:last-child td {
      border-bottom: none
    }

    tr:hover td {
      background: rgba(255, 255, 255, .012)
    }

    .tc-gold {
      color: var(--goldb) !important;
      font-weight: 800
    }

    .tc-cyan {
      color: var(--cyan) !important;
      font-weight: 800
    }

    .tc-green {
      color: var(--green) !important;
      font-weight: 700
    }

    .tc-red {
      color: var(--red) !important;
      font-weight: 700
    }

    .tc-amber {
      color: var(--amber) !important;
      font-weight: 700
    }

    .ck {
      color: var(--green)
    }

    .xx {
      color: var(--red)
    }

    .hl-row td {
      background: rgba(240, 165, 0, .05) !important
    }

    .hl-row td:first-child {
      color: var(--goldb);
      font-weight: 800
    }

    /* ══ CARDS ══ */
    .card {
      background: var(--ink3);
      border: 1px solid var(--border2);
      border-radius: var(--r);
      padding: 1.5rem;
      transition: transform .25s, border-color .25s;
    }

    .card:hover {
      transform: translateY(-4px);
      border-color: var(--border)
    }

    /* grids */
    .g2 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2rem
    }

    .g3 {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem
    }

    .g4 {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1.25rem
    }

    .ga {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
      gap: 1.5rem
    }

    .gab {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
      gap: 1.25rem
    }

    @media(max-width:900px) {

      .g2,
      .g3 {
        grid-template-columns: 1fr
      }

      .g4 {
        grid-template-columns: 1fr 1fr
      }
    }

    @media(max-width:600px) {

      .g4,
      .hero-kpis-grid {
        grid-template-columns: 1fr 1fr
      }
    }

    /* ══ BUTTONS ══ */
    .btn {
      display: inline-flex;
      align-items: center;
      gap: .5rem;
      font-family: 'Cairo', sans-serif;
      font-weight: 900;
      font-size: .88rem;
      padding: 13px 28px;
      border-radius: 10px;
      text-decoration: none;
      cursor: pointer;
      border: none;
      transition: all .25s;
    }

    .btn-gold {
      background: linear-gradient(135deg, #E09500, var(--goldb));
      color: #000;
    }

    .btn-gold:hover {
      transform: translateY(-3px);
      box-shadow: 0 14px 40px var(--gold-glow)
    }

    .btn-ghost {
      background: rgba(255, 255, 255, .05);
      border: 1px solid var(--border2);
      color: var(--text);
    }

    .btn-ghost:hover {
      border-color: var(--border);
      background: rgba(255, 255, 255, .08)
    }

    /* ══ HERO ══ */
    .hero {
      min-height: 100vh;
      display: flex;
      align-items: center;
      padding: 80px 2rem 60px;
      position: relative;
      overflow: hidden;
    }

    .hero-ambient {
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse 100% 70% at 50% -5%, rgba(240, 165, 0, .08) 0%, transparent 60%),
        radial-gradient(ellipse 60% 60% at 0% 60%, rgba(0, 229, 204, .04) 0%, transparent 55%),
        radial-gradient(ellipse 50% 50% at 100% 80%, rgba(59, 142, 255, .04) 0%, transparent 55%);
    }

    .hero-grid-bg {
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(240, 165, 0, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(240, 165, 0, .025) 1px, transparent 1px);
      background-size: 80px 80px;
    }

    .hero-content {
      position: relative;
      z-index: 2;
      max-width: 1180px;
      margin: 0 auto;
      width: 100%;
      display: grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 4rem;
      align-items: center;
    }

    @media(max-width:900px) {
      .hero-content {
        grid-template-columns: 1fr
      }
    }

    .hero-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background: rgba(0, 229, 204, .08);
      border: 1px solid rgba(0, 229, 204, .2);
      color: var(--cyan);
      font-size: .72rem;
      font-weight: 800;
      padding: 7px 16px;
      border-radius: 50px;
      margin-bottom: 1.5rem;
      animation: fadeUp .5s ease both;
    }

    .hero-live {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--green);
      box-shadow: 0 0 10px var(--green);
      animation: blink 1.8s infinite;
    }

    @keyframes blink {

      0%,
      100% {
        opacity: 1
      }

      50% {
        opacity: .2
      }
    }

    h1.htitle {
      font-size: clamp(2.4rem, 5.5vw, 4.2rem);
      font-weight: 900;
      line-height: 1.1;
      margin-bottom: 1.4rem;
      animation: fadeUp .6s .08s ease both;
    }

    h1.htitle em {
      color: var(--goldb);
      font-style: normal
    }

    h1.htitle strong {
      color: var(--cyan)
    }

    .hero-sub {
      font-size: 1rem;
      color: var(--muted);
      max-width: 540px;
      margin-bottom: 2.2rem;
      line-height: 1.85;
      animation: fadeUp .6s .16s ease both;
    }

    .hero-sub b {
      color: var(--text)
    }

    .hero-btns {
      display: flex;
      gap: .85rem;
      flex-wrap: wrap;
      margin-bottom: 2.5rem;
      animation: fadeUp .6s .24s ease both;
    }

    .hero-kpis-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      border: 1px solid var(--border);
      border-radius: var(--r);
      overflow: hidden;
      background: rgba(255, 255, 255, .02);
      animation: fadeUp .6s .32s ease both;
    }

    .hkpi {
      padding: 1.2rem .8rem;
      text-align: center;
      border-left: 1px solid var(--border);
    }

    .hkpi:last-child {
      border-left: none
    }

    [data-lang="en"] .hkpi {
      border-left: none;
      border-right: 1px solid var(--border)
    }

    [data-lang="en"] .hkpi:last-child {
      border-right: none
    }

    .hkpi-v {
      font-size: 1.6rem;
      font-weight: 900;
      color: var(--goldb);
      display: block;
      line-height: 1
    }

    .hkpi-v.c {
      color: var(--cyan)
    }

    .hkpi-l {
      font-size: .66rem;
      color: var(--muted);
      font-weight: 700;
      margin-top: .3rem;
      display: block
    }

    .hkpi-le {
      font-size: .58rem;
      color: var(--muted);
      opacity: .55;
      display: block
    }

    .hero-nans {
      display: flex;
      gap: .6rem;
      flex-wrap: wrap;
      margin-top: 1.5rem;
      animation: fadeUp .6s .4s ease both;
    }

    .nans-tag {
      display: flex;
      align-items: center;
      gap: .4rem;
      background: rgba(255, 255, 255, .04);
      border: 1px solid var(--border2);
      font-size: .7rem;
      font-weight: 700;
      color: var(--muted);
      padding: 5px 12px;
      border-radius: 20px;
    }

    .nans-tag .ic {
      color: var(--green)
    }

    .nans-tag .ic-gold {
      color: var(--goldb)
    }

    /* hero phone card */
    .hero-device {
      display: flex;
      justify-content: center;
      align-items: center;
      animation: fadeUp .7s .2s ease both;
    }

    .device-card {
      background: linear-gradient(145deg, var(--ink3), var(--ink4));
      border: 1px solid var(--border);
      border-radius: var(--r2);
      padding: 2.5rem 2rem;
      text-align: center;
      width: 100%;
      max-width: 340px;
      box-shadow: 0 60px 120px rgba(0, 0, 0, .8), 0 0 60px rgba(240, 165, 0, .06);
      position: relative;
      overflow: hidden;
    }

    .device-card::before {
      content: '';
      position: absolute;
      top: -80px;
      right: -80px;
      width: 220px;
      height: 220px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(240, 165, 0, .1), transparent 70%);
    }

    .device-logo {
      width: 90px;
      height: 90px;
      border-radius: 22px;
      background: linear-gradient(135deg, #E09500, var(--goldb));
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'Syne', sans-serif;
      font-size: 1.6rem;
      font-weight: 900;
      color: #000;
      margin: 0 auto 1.2rem;
      box-shadow: 0 20px 50px rgba(240, 165, 0, .35);
    }

    .device-title {
      font-family: 'Syne', sans-serif;
      font-size: 1.3rem;
      font-weight: 900;
      margin-bottom: .25rem
    }

    .device-sub {
      color: var(--muted);
      font-size: .78rem;
      margin-bottom: 1.5rem
    }

    .device-tags {
      display: flex;
      gap: .6rem;
      justify-content: center;
      flex-wrap: wrap
    }

    .dtag {
      font-size: .65rem;
      font-weight: 800;
      padding: 4px 12px;
      border-radius: 20px;
    }

    .dtag-gold {
      background: var(--gold-dim);
      border: 1px solid var(--border);
      color: var(--goldb)
    }

    .dtag-cyan {
      background: var(--cyan-dim);
      border: 1px solid rgba(0, 229, 204, .2);
      color: var(--cyan)
    }

    .dtag-green {
      background: var(--green-dim);
      border: 1px solid rgba(0, 217, 126, .2);
      color: var(--green)
    }

    .device-metrics {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1rem;
      margin-top: 1.8rem;
    }

    .dm {
      background: rgba(255, 255, 255, .04);
      border: 1px solid var(--border2);
      border-radius: 10px;
      padding: .9rem .6rem;
      text-align: center;
    }

    .dm-v {
      font-size: 1.4rem;
      font-weight: 900;
      color: var(--goldb)
    }

    .dm-l {
      font-size: .64rem;
      color: var(--muted);
      font-weight: 700
    }

    .device-stores {
      display: flex;
      gap: .8rem;
      justify-content: center;
      margin-top: 1.5rem;
    }

    .store-btn {
      display: flex;
      align-items: center;
      gap: .4rem;
      background: rgba(255, 255, 255, .06);
      border: 1px solid var(--border2);
      color: var(--text);
      font-size: .72rem;
      font-weight: 700;
      padding: 7px 14px;
      border-radius: 8px;
      text-decoration: none;
      transition: all .2s;
    }

    .store-btn:hover {
      border-color: var(--border);
      color: var(--goldb)
    }

    /* ══ URGENCY BAR ══ */
    .urgency-bar {
      background: linear-gradient(90deg, rgba(240, 165, 0, .12), rgba(0, 229, 204, .08), rgba(240, 165, 0, .12));
      border-top: 1px solid var(--border);
      border-bottom: 1px solid var(--border);
      padding: 1rem 2rem;
      text-align: center;
      font-size: .82rem;
      font-weight: 700;
      color: var(--text);
      position: relative;
      z-index: 2;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 2rem;
      flex-wrap: wrap;
    }

    .ub-item {
      display: flex;
      align-items: center;
      gap: .5rem
    }

    .ub-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--green);
      box-shadow: 0 0 8px var(--green);
      animation: blink 2s infinite;
      flex-shrink: 0;
    }

    .ub-dot.amber {
      background: var(--amber);
      box-shadow: 0 0 8px var(--amber)
    }

    /* ══ WHY NOW ══ */
    .why-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem
    }

    @media(max-width:800px) {
      .why-grid {
        grid-template-columns: 1fr
      }
    }

    .why-card {
      background: var(--ink3);
      border: 1px solid var(--border2);
      border-radius: var(--r);
      padding: 1.8rem;
      position: relative;
      overflow: hidden;
      transition: all .3s;
    }

    .why-card:hover {
      transform: translateY(-6px);
      border-color: var(--border)
    }

    .why-card::after {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      left: 0;
      height: 3px
    }

    .wc-a::after {
      background: var(--red)
    }

    .wc-b::after {
      background: var(--goldb)
    }

    .wc-c::after {
      background: var(--green)
    }

    .wc-ico {
      font-size: 2.2rem;
      margin-bottom: 1.2rem;
      display: block
    }

    .wc-t {
      font-size: 1rem;
      font-weight: 900;
      margin-bottom: .2rem
    }

    .wc-te {
      font-size: .68rem;
      color: var(--muted);
      margin-bottom: .85rem
    }

    .wc-d {
      font-size: .8rem;
      color: var(--muted);
      line-height: 1.75
    }

    .wc-stat {
      display: inline-block;
      margin-top: .9rem;
      background: var(--gold-dim);
      border: 1px solid var(--border);
      color: var(--goldb);
      font-size: .7rem;
      font-weight: 800;
      padding: 4px 12px;
      border-radius: 20px;
    }

    /* ══ COMPETITORS (local) ══ */
    .comp-local-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
      gap: 1.5rem;
      margin-bottom: 3rem
    }

    .cl-card {
      background: var(--ink3);
      border: 1px solid var(--border2);
      border-radius: var(--r);
      padding: 1.6rem;
      position: relative;
      overflow: hidden;
    }

    .cl-card::before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      height: 3px;
    }

    .cl-bad::before {
      background: linear-gradient(90deg, var(--red), transparent)
    }

    .cl-good::before {
      background: linear-gradient(90deg, var(--goldb), var(--cyan))
    }

    .cl-ico {
      font-size: 1.8rem;
      margin-bottom: .6rem;
      display: block
    }

    .cl-name {
      font-size: 1rem;
      font-weight: 900;
      margin-bottom: .15rem
    }

    .cl-sub {
      font-size: .68rem;
      color: var(--muted);
      margin-bottom: .75rem
    }

    .cl-item {
      display: flex;
      align-items: flex-start;
      gap: .5rem;
      font-size: .77rem;
      color: var(--muted);
      padding: .3rem 0;
      border-bottom: 1px solid var(--border2);
      line-height: 1.55;
    }

    .cl-item:last-child {
      border-bottom: none
    }

    .cl-item .ci {
      flex-shrink: 0;
      margin-top: .1rem;
      font-size: .8rem
    }

    .cl-fatal {
      margin-top: .9rem;
      background: var(--red-dim);
      border: 1px solid rgba(255, 61, 107, .2);
      color: var(--red);
      font-size: .72rem;
      font-weight: 800;
      padding: 6px 12px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      gap: .4rem;
    }

    /* diff table split */
    .diff-wrap {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1.5rem;
      margin-top: 2rem
    }

    @media(max-width:700px) {
      .diff-wrap {
        grid-template-columns: 1fr
      }
    }

    .diff-col {
      border-radius: var(--r);
      padding: 1.5rem
    }

    .diff-bad {
      background: rgba(255, 61, 107, .05);
      border: 1px solid rgba(255, 61, 107, .15)
    }

    .diff-good {
      background: rgba(0, 217, 126, .05);
      border: 1px solid rgba(0, 217, 126, .2)
    }

    .diff-h {
      font-size: .8rem;
      font-weight: 900;
      margin-bottom: 1rem;
      display: flex;
      align-items: center;
      gap: .5rem
    }

    .diff-item {
      display: flex;
      align-items: flex-start;
      gap: .6rem;
      font-size: .79rem;
      padding: .5rem 0;
      border-bottom: 1px solid rgba(255, 255, 255, .04);
      line-height: 1.6;
      color: var(--muted);
    }

    .diff-item:last-child {
      border-bottom: none
    }

    /* ══ SECURITY ══ */
    .sec-wrap {
      display: grid;
      grid-template-columns: 300px 1fr;
      gap: 2.5rem;
      align-items: start
    }

    @media(max-width:800px) {
      .sec-wrap {
        grid-template-columns: 1fr
      }
    }

    .sec-ring-card {
      background: var(--ink3);
      border: 1px solid var(--border);
      border-radius: 20px;
      padding: 2.2rem;
      text-align: center;
      position: relative;
      overflow: hidden;
    }

    .sec-ring-card::before {
      content: '';
      position: absolute;
      top: -60px;
      right: -60px;
      width: 160px;
      height: 160px;
      border-radius: 50%;
      background: radial-gradient(circle, var(--gold-dim), transparent 70%);
    }

    .ring-svg {
      width: 145px;
      height: 145px;
      margin: 0 auto .6rem
    }

    .r-val {
      font-size: 2.8rem;
      font-weight: 900;
      fill: var(--goldb);
      dominant-baseline: middle;
      text-anchor: middle;
      font-family: 'Syne', sans-serif
    }

    .r-sub {
      fill: var(--muted);
      font-size: .68rem;
      font-family: 'Cairo', sans-serif
    }

    .sec-badge {
      display: inline-block;
      margin-top: 1rem;
      background: var(--green-dim);
      border: 1px solid rgba(0, 217, 126, .25);
      color: var(--green);
      font-size: .7rem;
      font-weight: 800;
      padding: 5px 14px;
      border-radius: 20px;
    }

    .sec-note {
      font-size: .74rem;
      color: var(--muted);
      margin-top: .9rem;
      line-height: 1.65
    }

    .sec-feats {
      display: flex;
      flex-direction: column;
      gap: .7rem
    }

    .sf {
      display: flex;
      align-items: center;
      gap: .8rem;
      background: var(--ink3);
      border: 1px solid var(--border2);
      border-radius: 12px;
      padding: .85rem 1rem;
      transition: border-color .2s, transform .2s;
    }

    .sf:hover {
      border-color: var(--border);
      transform: translateX(-3px)
    }

    [data-lang="en"] .sf:hover {
      transform: translateX(3px)
    }

    .sf-ico {
      width: 36px;
      height: 36px;
      flex-shrink: 0;
      border-radius: 9px;
      background: var(--gold-dim);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .95rem;
    }

    .sf-body {
      flex: 1
    }

    .sf-n {
      font-size: .82rem;
      font-weight: 800;
      color: var(--text)
    }

    .sf-d {
      font-size: .68rem;
      color: var(--muted)
    }

    .stars {
      display: flex;
      gap: 2px
    }

    .s {
      width: 8px;
      height: 8px;
      border-radius: 1px;
      background: var(--gold);
      opacity: .18
    }

    .s.on {
      opacity: 1
    }

    /* ══ FEATURES ══ */
    .feat-tabs {
      display: flex;
      gap: .5rem;
      margin-bottom: 2rem;
      flex-wrap: wrap
    }

    .ftb {
      background: var(--ink3);
      border: 1px solid var(--border2);
      color: var(--muted);
      padding: 8px 20px;
      border-radius: 8px;
      cursor: pointer;
      font-family: 'Cairo', sans-serif;
      font-size: .8rem;
      font-weight: 700;
      transition: all .2s;
    }

    .ftb.on {
      background: var(--gold-dim);
      border-color: var(--border);
      color: var(--goldb)
    }

    .fc {
      display: none
    }

    .fc.on {
      display: block
    }

    .fs-title {
      font-size: .78rem;
      font-weight: 900;
      color: var(--goldb);
      margin-bottom: .85rem;
      display: flex;
      align-items: center;
      gap: .6rem;
      margin-top: 1.5rem;
    }

    .fs-title::after {
      content: '';
      flex: 1;
      height: 1px;
      background: var(--border2)
    }

    .fs-title:first-child {
      margin-top: 0
    }

    .fpills {
      display: flex;
      flex-wrap: wrap;
      gap: .5rem;
      margin-bottom: .5rem
    }

    .pill {
      background: var(--ink4);
      border: 1px solid var(--border2);
      color: var(--text);
      font-size: .74rem;
      font-weight: 700;
      padding: 5px 13px;
      border-radius: 20px;
      transition: all .2s;
    }

    .pill:hover {
      border-color: var(--border);
      color: var(--goldb)
    }

    .pill.gold {
      border-color: rgba(240, 165, 0, .25);
      color: var(--goldb);
      background: var(--gold-dim)
    }

    .pill.cyan {
      border-color: rgba(0, 229, 204, .2);
      color: var(--cyan);
      background: var(--cyan-dim)
    }

    /* ══ MOAT CARDS ══ */
    .moat-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
      gap: 1.25rem
    }

    .moat-card {
      background: var(--ink3);
      border: 1px solid var(--border2);
      border-radius: var(--r);
      padding: 1.5rem;
      position: relative;
      overflow: hidden;
      transition: all .3s;
    }

    .moat-card:hover {
      transform: translateY(-5px);
      border-color: var(--border)
    }

    .moat-card::before {
      content: '';
      position: absolute;
      top: -30px;
      right: -30px;
      width: 90px;
      height: 90px;
      border-radius: 50%;
      background: radial-gradient(circle, var(--gold-dim), transparent 70%);
    }

    .mc-ico {
      font-size: 1.8rem;
      margin-bottom: .75rem;
      display: block;
      position: relative
    }

    .mc-t {
      font-size: .92rem;
      font-weight: 900;
      color: var(--text);
      margin-bottom: .2rem;
      position: relative
    }

    .mc-te {
      font-size: .66rem;
      color: var(--muted);
      margin-bottom: .65rem
    }

    .mc-d {
      font-size: .78rem;
      color: var(--muted);
      line-height: 1.7
    }

    .mc-val {
      margin-top: .85rem;
      font-family: 'JetBrains Mono', monospace;
      font-size: .78rem;
      font-weight: 700;
      color: var(--goldb);
      display: flex;
      align-items: center;
      gap: .4rem;
    }

    /* ══ BUDGET ══ */
    .fund-row {
      margin-bottom: 1.1rem
    }

    .fund-meta {
      display: flex;
      justify-content: space-between;
      font-size: .79rem;
      font-weight: 700;
      margin-bottom: .45rem
    }

    .fund-meta .lbl {
      color: var(--text)
    }

    .fund-bar-bg {
      height: 6px;
      background: rgba(255, 255, 255, .06);
      border-radius: 3px;
      overflow: hidden
    }

    .fund-bar-fill {
      height: 100%;
      border-radius: 3px;
      width: 0%;
      background: linear-gradient(90deg, var(--gold), var(--goldb));
      transition: width 1.2s cubic-bezier(.4, 0, .2, 1);
    }

    .fund-bar-fill.alt {
      background: linear-gradient(90deg, var(--cyan), #00FFCC)
    }

    /* ══ CHARTS ══ */
    .chart-wrap {
      background: var(--ink3);
      border: 1px solid var(--border2);
      border-radius: var(--r);
      padding: 1.5rem;
    }

    .chart-wrap h3 {
      font-size: .9rem;
      font-weight: 900;
      margin-bottom: .2rem
    }

    .chart-wrap p {
      font-size: .74rem;
      color: var(--muted);
      margin-bottom: 1rem
    }

    .chart-canvas {
      position: relative;
      max-height: 320px
    }

    /* ══ NARR LIST ══ */
    .narr-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 1rem
    }

    .narr-list li {
      display: flex;
      align-items: flex-start;
      gap: .9rem
    }

    .narr-ico {
      width: 38px;
      height: 38px;
      flex-shrink: 0;
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .7rem;
      font-weight: 900;
      letter-spacing: .04em;
      font-family: 'JetBrains Mono', monospace;
    }

    /* ══ UNIT ECON ══ */
    .unit-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1.25rem;
      margin-bottom: 2rem
    }

    @media(max-width:700px) {
      .unit-grid {
        grid-template-columns: 1fr 1fr
      }
    }

    .unit-card {
      background: var(--ink3);
      border: 1px solid var(--border2);
      border-radius: var(--r);
      padding: 1.4rem;
      text-align: center;
      transition: all .3s;
    }

    .unit-card:hover {
      border-color: var(--border);
      transform: translateY(-3px)
    }

    .uc-v {
      font-size: 2rem;
      font-weight: 900;
      color: var(--goldb);
      line-height: 1
    }

    .uc-v.c {
      color: var(--cyan)
    }

    .uc-l {
      font-size: .7rem;
      color: var(--muted);
      font-weight: 700;
      margin-top: .4rem
    }

    .uc-le {
      font-size: .6rem;
      color: var(--muted);
      opacity: .6
    }

    /* ══ ROI ══ */
    .roi-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem;
      margin: 2rem 0
    }

    @media(max-width:700px) {
      .roi-grid {
        grid-template-columns: 1fr
      }
    }

    .roi-card {
      background: var(--ink3);
      border: 1px solid var(--border2);
      border-radius: var(--r);
      padding: 1.5rem;
      text-align: center;
      transition: all .3s;
    }

    .roi-card:hover {
      border-color: var(--border);
      transform: translateY(-4px)
    }

    .roi-year {
      font-size: .68rem;
      font-weight: 800;
      color: var(--muted);
      text-transform: uppercase;
      letter-spacing: .1em;
      margin-bottom: .5rem
    }

    .roi-val {
      font-size: 1.9rem;
      font-weight: 900;
      color: var(--goldb);
      margin-bottom: .25rem
    }

    .roi-desc {
      font-size: .73rem;
      color: var(--muted);
      line-height: 1.6
    }

    /* fin hero */
    .fin-hero {
      background: linear-gradient(135deg, rgba(240, 165, 0, .1), rgba(0, 229, 204, .05));
      border: 1px solid var(--border);
      border-radius: var(--r2);
      padding: 2.5rem;
      text-align: center;
      margin-bottom: 2.5rem;
      position: relative;
      overflow: hidden;
    }

    .fin-hero::before {
      content: '';
      position: absolute;
      width: 400px;
      height: 400px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(240, 165, 0, .06), transparent 70%);
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      pointer-events: none;
    }

    .fin-big {
      font-size: 3.2rem;
      font-weight: 900;
      color: var(--goldb);
      position: relative;
      line-height: 1
    }

    .fin-sub {
      color: var(--muted);
      margin-top: .5rem;
      font-size: .85rem
    }

    .fin-pills {
      display: flex;
      justify-content: center;
      gap: .8rem;
      flex-wrap: wrap;
      margin-top: 1.5rem
    }

    .fin-pill {
      background: rgba(255, 255, 255, .04);
      border: 1px solid var(--border2);
      border-radius: 50px;
      padding: 7px 18px;
      font-size: .76rem;
      font-weight: 700;
      display: flex;
      align-items: center;
      gap: .4rem;
    }

    .fin-pill .v {
      color: var(--goldb)
    }

    /* total verdict */
    .total-card {
      background: linear-gradient(135deg, rgba(240, 165, 0, .1), rgba(0, 229, 204, .06));
      border: 2px solid var(--gold);
      border-radius: var(--r2);
      padding: 3rem;
      text-align: center;
      position: relative;
      overflow: hidden;
      margin-top: 2.5rem;
    }

    .total-card::before {
      content: '';
      position: absolute;
      width: 500px;
      height: 500px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(240, 165, 0, .06), transparent 65%);
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .total-big {
      font-size: 3.8rem;
      font-weight: 900;
      color: var(--goldb);
      line-height: 1;
      position: relative
    }

    .total-sub {
      font-size: 1rem;
      color: var(--muted);
      margin-top: .5rem
    }

    .total-kpis {
      display: flex;
      justify-content: center;
      gap: 0;
      flex-wrap: wrap;
      border: 1px solid var(--border);
      border-radius: 14px;
      overflow: hidden;
      max-width: 600px;
      margin: 2rem auto 0;
      background: rgba(255, 255, 255, .02);
    }

    .tkpi {
      flex: 1;
      min-width: 100px;
      padding: 1.2rem;
      border-left: 1px solid var(--border);
      text-align: center
    }

    .tkpi:last-child {
      border-left: none
    }

    [data-lang="en"] .tkpi {
      border-left: none;
      border-right: 1px solid var(--border)
    }

    [data-lang="en"] .tkpi:last-child {
      border-right: none
    }

    .tkpi-v {
      font-size: 1.5rem;
      font-weight: 900;
      color: var(--goldb);
      display: block
    }

    .tkpi-l {
      font-size: .66rem;
      color: var(--muted);
      font-weight: 700
    }

    /* ══ MARKETS ══ */
    .mkt-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      gap: 1.25rem
    }

    .mkt-card {
      background: var(--ink3);
      border: 1px solid var(--border2);
      border-radius: var(--r);
      padding: 1.5rem;
      position: relative;
      overflow: hidden;
      transition: all .3s;
    }

    .mkt-card:hover {
      transform: translateY(-4px);
      border-color: var(--border)
    }

    .mkt-card::after {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      left: 0;
      height: 3px;
      border-radius: 0 0 var(--r) var(--r)
    }

    .mk-now::after {
      background: var(--green)
    }

    .mk-near::after {
      background: var(--amber)
    }

    .mk-mid::after {
      background: var(--blue)
    }

    .mk-flag {
      font-size: 2rem;
      margin-bottom: .5rem
    }

    .mk-name {
      font-size: 1rem;
      font-weight: 900
    }

    .mk-pop {
      font-size: .67rem;
      color: var(--muted);
      margin: .15rem 0
    }

    .mk-opp {
      font-size: .76rem;
      color: var(--text);
      margin-top: .5rem;
      line-height: 1.6
    }

    .mk-s {
      margin-top: .75rem;
      display: inline-flex;
      align-items: center;
      gap: .4rem;
      font-size: .67rem;
      font-weight: 800;
      padding: 3px 10px;
      border-radius: 20px;
    }

    .s-live {
      background: var(--green-dim);
      border: 1px solid rgba(0, 217, 126, .25);
      color: var(--green)
    }

    .s-near {
      background: rgba(255, 149, 0, .1);
      border: 1px solid rgba(255, 149, 0, .25);
      color: var(--amber)
    }

    .s-mid {
      background: var(--blue-dim);
      border: 1px solid rgba(59, 142, 255, .25);
      color: var(--blue)
    }

    /* ══ TIMELINE ══ */
    .tl {
      position: relative;
      padding-right: 1.5rem
    }

    [data-lang="en"] .tl {
      padding-right: 0;
      padding-left: 1.5rem
    }

    .tl::before {
      content: '';
      position: absolute;
      right: 0;
      top: .5rem;
      bottom: .5rem;
      width: 2px;
      background: linear-gradient(to bottom, var(--gold), rgba(240, 165, 0, .08));
    }

    [data-lang="en"] .tl::before {
      right: auto;
      left: 0
    }

    .tl-item {
      position: relative;
      padding: 0 2.5rem 2.5rem 0
    }

    [data-lang="en"] .tl-item {
      padding: 0 0 2.5rem 2.5rem
    }

    .tl-dot {
      position: absolute;
      right: -8px;
      top: 6px;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background: var(--ink);
      border: 2.5px solid var(--gold);
      box-shadow: 0 0 14px rgba(240, 165, 0, .5);
      transition: all .3s;
    }

    [data-lang="en"] .tl-dot {
      right: auto;
      left: -8px
    }

    .tl-item:hover .tl-dot {
      background: var(--gold);
      box-shadow: 0 0 22px rgba(240, 165, 0, .8)
    }

    .tl-ph {
      font-size: .65rem;
      font-weight: 800;
      color: var(--goldb);
      text-transform: uppercase;
      letter-spacing: .12em;
      margin-bottom: .3rem
    }

    .tl-t {
      font-size: .95rem;
      font-weight: 900;
      margin-bottom: .35rem
    }

    .tl-d {
      font-size: .77rem;
      color: var(--muted);
      line-height: 1.65
    }

    .tl-tag {
      display: inline-block;
      margin-top: .5rem;
      background: var(--ink3);
      border: 1px solid var(--border2);
      font-size: .6rem;
      font-weight: 700;
      color: var(--muted);
      padding: 2px 9px;
      border-radius: 4px;
    }

    /* ══ RISKS ══ */
    .risk-badge {
      display: inline-block;
      font-size: .68rem;
      font-weight: 800;
      padding: 2px 9px;
      border-radius: 4px;
    }

    .rb-hi {
      background: var(--red-dim);
      color: var(--red)
    }

    .rb-med {
      background: rgba(255, 149, 0, .1);
      color: var(--amber)
    }

    .rb-lo {
      background: var(--green-dim);
      color: var(--green)
    }

    /* ══ TEAM ══ */
    .team-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
      gap: 1.5rem
    }

    .team-card {
      background: var(--ink3);
      border: 1px solid var(--border2);
      border-radius: var(--r);
      padding: 1.5rem;
      text-align: center;
      transition: all .3s;
    }

    .team-card:hover {
      border-color: var(--border);
      transform: translateY(-4px)
    }

    .team-av {
      width: 62px;
      height: 62px;
      border-radius: 50%;
      margin: 0 auto 1rem;
      background: linear-gradient(135deg, #D08800, var(--goldb));
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'Syne', sans-serif;
      font-size: 1.3rem;
      font-weight: 900;
      color: #000;
    }

    .team-name {
      font-size: .9rem;
      font-weight: 900;
      margin-bottom: .15rem
    }

    .team-title {
      font-size: .7rem;
      color: var(--goldb);
      font-weight: 700;
      margin-bottom: .6rem
    }

    .team-desc {
      font-size: .75rem;
      color: var(--muted);
      line-height: 1.65
    }

    /* ══ CTA ══ */
    .cta-wrap {
      background: linear-gradient(135deg, var(--ink3), var(--ink2));
      border: 1px solid var(--border);
      border-radius: var(--r2);
      padding: 3.5rem;
      position: relative;
      overflow: hidden;
    }

    .cta-wrap::before {
      content: '';
      position: absolute;
      width: 600px;
      height: 600px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(240, 165, 0, .06), transparent 65%);
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      pointer-events: none;
    }

    .cta-split {
      display: grid;
      grid-template-columns: 1.2fr .8fr;
      gap: 3rem;
      align-items: center;
      position: relative
    }

    @media(max-width:800px) {
      .cta-split {
        grid-template-columns: 1fr
      }
    }

    .cta-title {
      font-size: clamp(1.8rem, 3.5vw, 2.5rem);
      font-weight: 900;
      line-height: 1.2;
      margin-bottom: 1rem
    }

    .cta-sub {
      color: var(--muted);
      font-size: .9rem;
      line-height: 1.8;
      margin-bottom: 2rem
    }

    .cta-btns {
      display: flex;
      flex-direction: column;
      gap: .9rem
    }

    .calendly-btn {
      display: inline-flex;
      align-items: center;
      gap: .6rem;
      justify-content: center;
      background: linear-gradient(135deg, #D08800, var(--goldb));
      color: #000;
      font-size: .92rem;
      font-weight: 900;
      padding: 14px 28px;
      border-radius: 10px;
      text-decoration: none;
      cursor: pointer;
      border: none;
      font-family: 'Cairo', sans-serif;
      transition: all .25s;
    }

    .calendly-btn:hover {
      transform: translateY(-3px);
      box-shadow: 0 16px 50px var(--gold-glow)
    }

    .cta-info-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1rem
    }

    .ci-item {
      background: rgba(255, 255, 255, .04);
      border: 1px solid var(--border2);
      border-radius: 10px;
      padding: 1rem;
      text-align: center;
    }

    .ci-v {
      font-size: 1.3rem;
      font-weight: 900;
      color: var(--goldb);
      display: block
    }

    .ci-l {
      font-size: .64rem;
      color: var(--muted);
      font-weight: 700
    }

    .cta-device-logo {
      width: 80px;
      height: 80px;
      border-radius: 20px;
      background: linear-gradient(135deg, #D08800, var(--goldb));
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'Syne', sans-serif;
      font-size: 1.4rem;
      font-weight: 900;
      color: #000;
      margin: 0 auto 1rem;
    }

    .cta-stores {
      display: flex;
      gap: .6rem;
      justify-content: center;
      flex-wrap: wrap;
      margin-top: 1rem
    }

    /* ══ FOOTER ══ */
    footer {
      border-top: 1px solid var(--border2);
      padding: 1.8rem 2.5rem;
      position: relative;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 1rem;
    }

    .foot-logo {
      font-family: 'Syne', sans-serif;
      font-size: 1.1rem;
      font-weight: 900;
      color: var(--goldb)
    }

    .foot-links {
      display: flex;
      gap: 1.4rem
    }

    .foot-links a {
      color: var(--muted);
      text-decoration: none;
      font-size: .74rem;
      font-weight: 700;
      transition: color .2s
    }

    .foot-links a:hover {
      color: var(--goldb)
    }

    /* ══ ANIMS ══ */
    @keyframes fadeUp {
      from {
        opacity: 0;
        transform: translateY(28px)
      }

      to {
        opacity: 1;
        transform: translateY(0)
      }
    }

    .rv {
      opacity: 0;
      transform: translateY(22px);
      transition: opacity .65s ease, transform .65s ease
    }

    .rv.in {
      opacity: 1;
      transform: translateY(0)
    }

    /* ══ ECOSYSTEM ══ */
    .eco-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
      gap: 1.25rem;
      margin: 2rem 0
    }

    .eco-card {
      background: var(--ink3);
      border: 1px solid var(--border2);
      border-radius: var(--r);
      padding: 1.5rem;
      position: relative;
      overflow: hidden;
      transition: all .3s;
    }

    .eco-card:hover {
      transform: translateY(-5px);
      border-color: var(--border)
    }

    .eco-card::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--gold), var(--cyan));
    }

    .eco-ico {
      font-size: 2rem;
      margin-bottom: .75rem;
      display: block
    }

    .eco-t {
      font-size: .95rem;
      font-weight: 900;
      color: var(--goldb);
      margin-bottom: .15rem
    }

    .eco-te {
      font-size: .65rem;
      color: var(--muted);
      margin-bottom: .7rem;
      font-family: 'JetBrains Mono', monospace
    }

    .eco-d {
      font-size: .78rem;
      color: var(--muted);
      line-height: 1.7
    }

    .eco-badge {
      margin-top: .85rem;
      display: inline-flex;
      align-items: center;
      gap: .4rem;
      background: var(--gold-dim);
      border: 1px solid var(--border);
      color: var(--goldb);
      font-size: .65rem;
      font-weight: 800;
      padding: 3px 10px;
      border-radius: 20px;
    }

    /* ══ BUILD COST ══ */
    .bc-wrap {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2rem;
      margin: 2rem 0
    }

    @media(max-width:800px) {
      .bc-wrap {
        grid-template-columns: 1fr
      }
    }

    .bc-col {
      border-radius: var(--r);
      padding: 2rem;
      position: relative;
      overflow: hidden
    }

    .bc-ai {
      background: rgba(59, 142, 255, .06);
      border: 1px solid rgba(59, 142, 255, .2)
    }

    .bc-human {
      background: rgba(255, 61, 107, .06);
      border: 1px solid rgba(255, 61, 107, .2)
    }

    .bc-h {
      font-size: .9rem;
      font-weight: 900;
      margin-bottom: 1.2rem;
      display: flex;
      align-items: center;
      gap: .5rem
    }

    .bc-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: .6rem 0;
      border-bottom: 1px solid rgba(255, 255, 255, .04);
      font-size: .8rem
    }

    .bc-item:last-child {
      border-bottom: none
    }

    .bc-label {
      color: var(--muted)
    }

    .bc-val {
      font-weight: 800;
      font-family: 'JetBrains Mono', monospace
    }

    .bc-total {
      margin-top: 1.2rem;
      padding: 1rem;
      border-radius: 10px;
      text-align: center;
      font-weight: 900;
      font-size: 1.1rem;
    }

    .bc-t-good {
      background: var(--gold-dim);
      border: 1px solid var(--border);
      color: var(--goldb)
    }

    .bc-t-bad {
      background: var(--red-dim);
      border: 1px solid rgba(255, 61, 107, .2);
      color: var(--red)
    }

    .bc-note {
      font-size: .72rem;
      color: var(--muted);
      margin-top: .75rem;
      line-height: 1.65
    }

    .maps-savings-table {
      margin-top: 2rem
    }

    .mst-row {
      display: grid;
      grid-template-columns: 2fr 1fr 1fr;
      gap: 1rem;
      padding: .75rem 1rem;
      font-size: .8rem;
      border-bottom: 1px solid var(--border2);
      align-items: center
    }

    .mst-row:first-child {
      background: rgba(240, 165, 0, .07);
      font-size: .72rem;
      font-weight: 800;
      color: var(--goldb);
      border-radius: var(--r) var(--r) 0 0
    }

    .mst-row:last-child {
      border-bottom: none;
      background: rgba(0, 217, 126, .04)
    }
  </style>
</head>

<body>
  <div id="scrollProg"></div>
  <canvas id="particles"></canvas>

  <!-- ══ NAV ══ -->
  <nav id="navbar">
    <div class="nav-inner">
      <a href="#" class="nav-logo">
        <em>سيرو</em>
        <span class="nav-logo-badge"><span class="ar">مرخص NANS</span><span class="en">NANS Licensed</span></span>
      </a>
      <div class="nav-links">
        <a href="#why"><span class="ar">لماذا الآن</span><span class="en">Why Now</span></a>
        <a href="#competitors"><span class="ar">المنافسة</span><span class="en">Competitors</span></a>
        <a href="#ecosystem"><span class="ar">المنظومة</span><span class="en">Ecosystem</span></a>
        <a href="#moats"><span class="ar">المزايا</span><span class="en">Moats</span></a>
        <a href="#financials"><span class="ar">المالية</span><span class="en">Financials</span></a>
        <a href="#markets"><span class="ar">الأسواق</span><span class="en">Markets</span></a>
        <button class="lang-btn" onclick="toggleLang()">EN</button>
        <a href="#contact" class="btn btn-gold nav-cta">
          <i class="fas fa-handshake"></i>
          <span class="ar">استثمر</span><span class="en">Invest</span>
        </a>
      </div>
    </div>
  </nav>

  <!-- ══ HERO ══ -->
  <header class="hero">
    <div class="hero-ambient"></div>
    <div class="hero-grid-bg"></div>
    <div class="hero-content">
      <!-- LEFT: TEXT -->
      <div>
        <div class="hero-eyebrow">
          <span class="hero-live"></span>
          <span class="ar">يعمل الآن في سوريا ومصر · NANS مرخص</span>
          <span class="en">Live in Syria & Egypt · NANS Certified</span>
        </div>
        <h1 class="htitle">
          <span class="ar">أول منصة نقل ذكي<br><em>مملوكة التقنية</em><br><strong>في المنطقة</strong></span>
          <span class="en">The First <em>Tech-Owned</em><br>Ride Platform<br><strong>in the Region</strong></span>
        </h1>
        <p class="hero-sub">
          <span class="ar"><b>فرصة استثمارية $200,000</b> في منظومة تقنية كاملة — لا مجرد تطبيق. خرائط مملوكة تُحدَّث كل
            10 أيام، 4 تطبيقات، Map SaaS، Ad SaaS، بوابات دفع، وترخيص حكومي رسمي. المنافسون يدفعون $800–$30,000 شهرياً
            لـ Google بينما نحن ندفع $0.</span>
          <span class="en"><b>$200,000 investment opportunity</b> in a complete tech ecosystem — not just an app.
            Self-updating maps (10-day cycle), 4 apps, Map SaaS, Ad SaaS, payment gateways, and official government
            license. Competitors pay $800–$30K/month to Google while we pay $0.</span>
        </p>
        <div class="hero-btns">
          <a href="#contact" class="btn btn-gold">
            <i class="fas fa-rocket"></i>
            <span class="ar">استثمر الآن</span><span class="en">Invest Now</span>
          </a>
          <a href="https://play.google.com/store/apps/details?id=com.Siro.siro" target="_blank"
            class="btn btn-ghost">
            <i class="fab fa-google-play"></i>
            <span class="ar">جرّب التطبيق</span><span class="en">Try the App</span>
          </a>
        </div>
        <div class="hero-kpis-grid">
          <div class="hkpi">
            <span class="hkpi-v">$200K</span>
            <span class="hkpi-l"><span class="ar">الاستثمار</span><span class="en">Investment</span></span>
            <span class="hkpi-le">Pre-Seed Round</span>
          </div>
          <div class="hkpi">
            <span class="hkpi-v c">22%</span>
            <span class="hkpi-l"><span class="ar">حصة الملكية</span><span class="en">Equity</span></span>
            <span class="hkpi-le">Negotiable</span>
          </div>
          <div class="hkpi">
            <span class="hkpi-v">4.6x</span>
            <span class="hkpi-l"><span class="ar">العائد (3 سنوات)</span><span class="en">Return (3yr)</span></span>
            <span class="hkpi-le">Total ROI</span>
          </div>
          <div class="hkpi">
            <span class="hkpi-v c">10–12</span>
            <span class="hkpi-l"><span class="ar">شهر للتعادل</span><span class="en">Breakeven</span></span>
            <span class="hkpi-le">Months</span>
          </div>
        </div>
        <div class="hero-nans">
          <div class="nans-tag"><span class="ic">✓</span><span class="ar">ترخيص NANS الحكومي</span><span class="en">NANS
              Gov License</span></div>
          <div class="nans-tag"><span class="ic-gold">🗺️</span><span class="ar">خرائط مملوكة — $0 تكلفة</span><span
              class="en">Own Maps — $0 Cost</span></div>
          <div class="nans-tag"><span class="ic">🚗</span>1,800 <span class="ar">سائق</span><span
              class="en">Drivers</span></div>
          <div class="nans-tag"><span class="ic">👤</span>2,500 <span class="ar">راكب</span><span
              class="en">Riders</span></div>
          <div class="nans-tag"><span class="ic-gold">🛡️</span><span class="ar">أمان 9/10</span><span
              class="en">Security 9/10</span></div>
        </div>
      </div>
      <!-- RIGHT: DEVICE CARD -->
      <div class="hero-device">
        <div class="device-card">
          <div class="device-logo">IN</div>
          <div class="device-title">SIRO</div>
          <div class="device-sub"><span class="ar">نقل ذكي · سوريا ومصر</span><span class="en">Smart Rides · Syria &
              Egypt</span></div>
          <div class="device-tags">
            <span class="dtag dtag-gold">NANS ✓</span>
            <span class="dtag dtag-cyan">AI Powered</span>
            <span class="dtag dtag-green"><span class="ar">مباشر</span><span class="en">Live</span></span>
          </div>
          <div class="device-metrics">
            <div class="dm">
              <div class="dm-v">1,800</div>
              <div class="dm-l"><span class="ar">سائق</span><span class="en">Drivers</span></div>
            </div>
            <div class="dm">
              <div class="dm-v">2,500</div>
              <div class="dm-l"><span class="ar">راكب</span><span class="en">Riders</span></div>
            </div>
            <div class="dm">
              <div class="dm-v">$0</div>
              <div class="dm-l"><span class="ar">تكلفة خرائط</span><span class="en">Maps Cost</span></div>
            </div>
            <div class="dm">
              <div class="dm-v">10%</div>
              <div class="dm-l"><span class="ar">عمولة فقط</span><span class="en">Commission</span></div>
            </div>
          </div>
          <div class="device-stores">
            <a href="https://play.google.com/store/apps/details?id=com.Siro.siro" target="_blank"
              class="store-btn"><i class="fab fa-google-play"></i> Android</a>
            <a href="https://apps.apple.com/app/id6748075179" target="_blank" class="store-btn"><i
                class="fab fa-apple"></i> iOS</a>
            <a href="https://intaleqapp.com" target="_blank" class="store-btn"><i class="fas fa-globe"></i> Web</a>
          </div>
        </div>
      </div>
    </div>
  </header>

  <!-- ══ URGENCY BAR ══ -->
  <div class="urgency-bar" style="position:relative;z-index:2">
    <div class="ub-item"><span class="ub-dot"></span><span class="ar">سوريا تنفتح الآن — نافذة دخول نادرة</span><span
        class="en">Syria Opening Now — Rare Entry Window</span></div>
    <div class="ub-item"><span class="ub-dot amber"></span><span class="ar">المنافسون يدفعون $800–$30K/شهر لـ Google —
        خرائطهم من 2011</span><span class="en">Competitors pay $800–$30K/month to Google — their data is from
        2011</span></div>
    <div class="ub-item"><span class="ub-dot"></span><span class="ar">منظومة كاملة جاهزة — $0 تطوير من
        استثمارك</span><span class="en">Complete ecosystem ready — $0 dev from your investment</span></div>
  </div>

  <div class="divider"></div>

  <!-- ══ WHY NOW ══ -->
  <section id="why">
    <div class="container">
      <div class="eyebrow rv">01 · <span class="ar">لماذا الآن؟</span><span class="en">Why Now?</span></div>
      <h2 class="stitle rv"><span class="ar">التوقيت <em>المثالي</em> للدخول</span><span class="en">The <em>Perfect</em>
          Entry Timing</span></h2>
      <p class="sdesc rv"><span class="ar">ثلاثة عوامل نادرة الاجتماع تجعل هذه اللحظة نافذة استثمارية تُفتح مرة
          واحدة.</span><span class="en">Three rarely-coinciding factors make this a once-in-a-generation investment
          window.</span></p>
      <div class="why-grid rv">
        <div class="why-card wc-a">
          <span class="wc-ico">🇸🇾</span>
          <div class="wc-t"><span class="ar">سوق ينفتح الآن</span><span class="en">Market Opening Right Now</span></div>
          <div class="wc-te"><span class="ar">First-mover advantage · الفرصة تُقفل قريباً</span><span
              class="en">First-mover advantage · Window closing soon</span></div>
          <div class="wc-d">
            <span class="ar">سوريا تدخل مرحلة إعادة الإعمار. دمشق وحدها تشهد <b>50,000+ رحلة تاكسي يومياً</b> بدون بديل
              رقمي منظم. الطبقة المتوسطة العائدة تبحث عن خدمات نوعية. نافذة الدخول الأول تُغلق حين تصل رأس المال
              الكبير.</span>
            <span class="en">Syria enters reconstruction. Damascus alone sees <b>50,000+ taxi trips/day</b> with no
              organized digital alternative. The returning middle class demands quality services. First-mover window
              closes when big capital arrives.</span>
          </div>
          <div class="wc-stat"><span class="ar">10M+ مستخدم هاتف ذكي في سوريا</span><span class="en">10M+ smartphone
              users in Syria</span></div>
        </div>
        <div class="why-card wc-b">
          <span class="wc-ico">🗺️</span>
          <div class="wc-t"><span class="ar">ميزة لا تُشترى بالمال</span><span class="en">An Advantage Money Can't
              Buy</span></div>
          <div class="wc-te">SiroMaps — <span class="ar">ملكية كاملة · تتحدث كل 10 أيام</span><span class="en">Fully
              Owned · Updates Every 10 Days</span></div>
          <div class="wc-d">
            <span class="ar">خرائط Google لسوريا لم تُحدَّث منذ 2011 — طرق جديدة، شوارع مغلقة، كل هذا غير موجود عندهم.
              خرائطنا تتحدث كل ~10 أيام بناءً على حركة السائقين الحقيقية. وأما التكلفة: المنافسون يدفعون <b>$800–$30,000
                شهرياً</b> لـ Google حسب الحجم، نحن ندفع <b>$0</b>. الفارق يزيد كلما نمينا.</span>
            <span class="en">Google's Syria map data hasn't been updated since 2011 — new roads, closed streets, all
              missing. Our maps refresh every ~10 days from real driver GPS traces. On cost: competitors pay
              <b>$800–$30K/month</b> to Google at scale, we pay <b>$0</b>. The gap widens as we grow.</span>
          </div>
          <div class="wc-stat"><span class="ar">$30,000/شهر يوفره SiroMaps عند 10,000 رحلة/يوم</span><span
              class="en">$30,000/month saved by SiroMaps at 10,000 trips/day</span></div>
        </div>
        <div class="why-card wc-c">
          <span class="wc-ico">⚡</span>
          <div class="wc-t"><span class="ar">المنتج جاهز — ادفع للنمو لا للبناء</span><span class="en">Product Ready —
              Pay for Growth Not Building</span></div>
          <div class="wc-te">Zero Dev Risk · <span class="ar">$0 تطوير</span><span class="en">$0 Development</span>
          </div>
          <div class="wc-d">
            <span class="ar">95+ ميزة منجزة. تطبيقان يعملان في سوقين. ترخيص حكومي. أمان 9/10. استثمارك يذهب 100% للتسويق
              والنمو والتشغيل — لا للتطوير. هذا ما يُفرّق بين استثمار آمن ومغامرة.</span>
            <span class="en">95+ features built. Two apps live in two markets. Government license. 9/10 security. Your
              investment goes 100% to marketing, growth & operations — not development. This is what separates safe
              investment from gambling.</span>
          </div>
          <div class="wc-stat" style="background:var(--green-dim);border-color:rgba(0,217,126,.3);color:var(--green)">
            <span class="ar">$0 من استثمارك للتطوير التقني</span><span class="en">$0 of your investment to tech
              dev</span></div>
        </div>
      </div>
    </div>
  </section>

  <div class="divider"></div>

  <!-- ══ COMPETITORS ══ -->
  <section id="competitors" class="alt-bg">
    <div class="container">
      <div class="eyebrow rv">02 · <span class="ar">المشهد التنافسي</span><span class="en">Competitive Landscape</span>
      </div>
      <h2 class="stitle rv"><span class="ar">كيف نتميز في <em>سوق يتشكّل الآن</em></span><span class="en">How We Stand Out in
          <em>a Forming Market</em></span></h2>
      <p class="sdesc rv"><span class="ar">يوجد منافسان محليان في سوريا — Yallago (حاصل على شهادة الاعتمادية) وZakinn. كلاهما يعتمد على خرائط Google القديمة ويفتقر لمنظومة عمل متكاملة. نحن نقدم بديلاً أفضل للسائق والراكب والمستثمر.</span><span class="en">Syria has two local competitors — Yallago (accredited) and Zakinn. Both rely on outdated Google Maps and lack an integrated ecosystem. We offer a better alternative for drivers, riders, and investors.</span></p>

      <div class="comp-local-grid rv">
        <!-- Yallago -->
        <div class="cl-card cl-bad">
          <span class="cl-ico">🚕</span>
          <div class="cl-name">Yallago</div>
          <div class="cl-sub"><span class="ar">تطبيق نقل سوري · دمشق · حاصل على شهادة الاعتمادية</span><span class="en">Syrian ride app · Damascus · Has accreditation certificate</span></div>
          <div class="cl-item"><span class="ci">💸</span><span class="ar">اعتماد كامل على خرائط Google (تحديث 2011 في سوريا) — تكلفة متصاعدة مع النمو</span><span class="en">Full dependency on Google Maps (2011 data in Syria) — rising costs with growth</span></div>
          <div class="cl-item"><span class="ci">📵</span><span class="ar">لا تخزين محلي للخرائط — استهلاك دائم للـ API وبيانات السائقين</span><span class="en">No map caching — constant API consumption and driver data usage</span></div>
          <div class="cl-item"><span class="ci">💵</span><span class="ar">نقد فقط — يخسر العملاء المؤسسيين والشركات</span><span class="en">Cash only — loses corporate and business clients</span></div>
          <div class="cl-item"><span class="ci">🌍</span><span class="ar">تطبيق فقط وليس منظومة عمل متكاملة — فرص نمو محدودة</span><span class="en">Just an app, not an ecosystem — limited growth opportunities</span></div>
          <div class="cl-fatal">💀 <span class="ar">عمولة 20% + تكاليف خرائط = نموذج غير مستدام للسائقين</span><span class="en">20% commission + map costs = unsustainable model for drivers</span></div>
        </div>
        <!-- Zakinn -->
        <div class="cl-card cl-bad">
          <span class="cl-ico">🚖</span>
          <div class="cl-name">Zakinn</div>
          <div class="cl-sub"><span class="ar">تطبيق نقل سوري · دمشق وحلب</span><span class="en">Syrian ride app ·
              Damascus & Aleppo</span></div>
          <div class="cl-item"><span class="ci">💸</span><span class="ar">اعتماد كامل على Google — تكلفة متصاعدة تأكل أي
              ربح عند النمو</span><span class="en">Full Google dependency — rising cost eats profit as it grows</span>
          </div>
          <div class="cl-item"><span class="ci">🚫</span><span class="ar">لا ترخيص NANS — يواجه خطر الإغلاق الحكومي
              المفاجئ</span><span class="en">No NANS license — facing sudden government shutdown risk</span></div>
          <div class="cl-item"><span class="ci">⚡</span><span class="ar">بنية تقنية بدائية — تنهار تحت ضغط الطلب
              الموسمي</span><span class="en">Primitive tech infrastructure — collapses under seasonal demand</span>
          </div>
          <div class="cl-item"><span class="ci">🆘</span><span class="ar">لا أدوات أمان شخصي — لا SOS، لا مشاركة موقع
              حي</span><span class="en">No personal safety tools — no SOS, no live location sharing</span></div>
          <div class="cl-item"><span class="ci">📊</span><span class="ar">لا Admin Dashboard حقيقي — إدارة عمياء بدون
              بيانات</span><span class="en">No real Admin Dashboard — blind management without data</span></div>
          <div class="cl-fatal">💀 <span class="ar">لا ترخيص = مخاطرة وجودية للمستثمرين</span><span class="en">No
              license = existential risk for investors</span></div>
        </div>
        <!-- Generic small apps -->
        <div class="cl-card cl-bad">
          <span class="cl-ico">📱</span>
          <div class="cl-name"><span class="ar">التطبيقات الصغيرة الناشئة</span><span class="en">Generic Small
              Startups</span></div>
          <div class="cl-sub"><span class="ar">النمط المتكرر في كل أسواق MENA</span><span class="en">The recurring
              pattern across MENA markets</span></div>
          <div class="cl-item"><span class="ci">🗺️</span><span class="ar">Google Maps تقتلهم مالياً عند 300-500
              رحلة/يوم</span><span class="en">Google Maps kills them financially at 300-500 trips/day</span></div>
          <div class="cl-item"><span class="ci">📡</span><span class="ar">Polling بدل WebSocket — تنهار عند 200 مستخدم
              متزامن</span><span class="en">Polling instead of WebSocket — crashes with 200 concurrent users</span>
          </div>
          <div class="cl-item"><span class="ci">💬</span><span class="ar">SMS OTP بـ $0.05/رسالة — $300+/شهر لمجرد
              التسجيل</span><span class="en">SMS OTP at $0.05/msg — $300+/month just for registration</span></div>
          <div class="cl-item"><span class="ci">🔐</span><span class="ar">لا أمان حقيقي — 15-30% من الإيرادات تضيع
              للاحتيال</span><span class="en">No real security — 15-30% of revenue lost to fraud</span></div>
          <div class="cl-item"><span class="ci">⏰</span><span class="ar">متوسط عمرهم 12-18 شهراً قبل الإغلاق</span><span
              class="en">Average lifespan 12-18 months before shutdown</span></div>
          <div class="cl-fatal">💀 <span class="ar">يفشلون للسبب ذاته دائماً: تكاليف التشغيل تسبق الإيرادات</span><span
              class="en">They always fail for the same reason: OpEx outpaces revenue</span></div>
        </div>
        <!-- Siro -->
        <div class="cl-card cl-good">
          <span class="cl-ico">🚀</span>
          <div class="cl-name" style="color:var(--goldb)">سيرو · Siro</div>
          <div class="cl-sub"><span class="ar">منظومة عمل متكاملة — وليس مجرد تطبيق</span><span class="en">Complete ecosystem — not just an app</span></div>
          <div class="cl-item"><span class="ci" style="color:var(--green)">✅</span><span class="ar">خرائط مملوكة تتحدث كل 10 أيام — أدق من Google في سوريا</span><span class="en">Owned maps updated every 10 days — more accurate than Google in Syria</span></div>
          <div class="cl-item"><span class="ci" style="color:var(--green)">✅</span><span class="ar">NANS مرخص — حماية قانونية كاملة</span><span class="en">NANS licensed — full legal protection</span></div>
          <div class="cl-item"><span class="ci" style="color:var(--green)">✅</span><span class="ar">4 تطبيقات + نظام إعلانات + بوتات دفع — مصادر دخل متعددة</span><span class="en">4 apps + Ad system + payment bots — multiple revenue streams</span></div>
          <div class="cl-item"><span class="ci" style="color:var(--green)">✅</span><span class="ar">دفع إلكتروني (شام كاش، سيريتل، فيزا) — الوحيدين في السوق</span><span class="en">Digital payment (ShamCash, Syriatel, Visa) — only ones in market</span></div>
          <div class="cl-item"><span class="ci" style="color:var(--green)">✅</span><span class="ar">عمولة 10% — أقل عمولة معلنة في السوق السوري</span><span class="en">10% commission — lowest published rate in Syrian market</span></div>
          <div class="cl-fatal" style="background:var(--green-dim);border-color:rgba(0,217,126,.2);color:var(--green)">
            ✅ <span class="ar">منظومة كاملة بتكلفة تشغيلية أقل بكثير من المنافسين</span><span class="en">Full ecosystem with dramatically lower operating costs</span>
          </div>
        </div>
      </div>

      <div class="tw rv">
        <table>
          <thead>
            <tr>
              <th><span class="ar">الميزة</span><span class="en">Feature</span></th>
              <th style="color:var(--goldb)"><span class="ar">سيرو</span><span class="en">Siro</span></th>
              <th>Yallago</th>
              <th>Zakinn</th>
              <th>Uber/Careem</th>
              <th>Bolt/InDrive</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><b><span class="ar">خرائط ذاتية</span><span class="en">Own Maps</span></b></td>
              <td class="tc-gold">✅ SiroMaps</td>
              <td><span class="xx">❌</span> Google</td>
              <td><span class="xx">❌</span> Google</td>
              <td><span class="xx">❌</span> Google</td>
              <td><span class="xx">❌</span> Google/HERE</td>
            </tr>
            <tr>
              <td><b><span class="ar">تكلفة/رحلة</span><span class="en">Cost/Trip</span></b></td>
              <td class="tc-gold">$0.00 ✅</td>
              <td class="tc-red">$0.05–0.07</td>
              <td class="tc-red">$0.05–0.07</td>
              <td class="tc-red">$0.07+</td>
              <td class="tc-red">$0.07+</td>
            </tr>
            <tr>
              <td><b><span class="ar">الترخيص</span><span class="en">License</span></b></td>
              <td class="tc-gold">NANS ✅</td>
              <td class="tc-amber">✅ <span class="ar">اعتمادية</span><span class="en">Accredited</span></td>
              <td><span class="xx">❌</span></td>
              <td><span class="xx">❌ <span class="ar">لا يعملون</span><span class="en">Don't operate</span></span></td>
              <td><span class="xx">❌</span></td>
            </tr>
            <tr>
              <td><b><span class="ar">العمولة</span><span class="en">Commission</span></b></td>
              <td class="tc-gold">10% ✅</td>
              <td class="tc-amber">~20%</td>
              <td class="tc-amber">~17%</td>
              <td class="tc-red">25-37%</td>
              <td class="tc-red">25%</td>
            </tr>
            <tr>
              <td><b><span class="ar">خرائط أوفلاين</span><span class="en">Offline Maps</span></b></td>
              <td class="tc-gold">✅</td>
              <td><span class="xx">❌</span></td>
              <td><span class="xx">❌</span></td>
              <td><span class="xx">❌</span></td>
              <td><span class="xx">❌</span></td>
            </tr>
            <tr>
              <td><b><span class="ar">OTP واتساب</span><span class="en">WhatsApp OTP</span></b></td>
              <td class="tc-gold">✅</td>
              <td><span class="xx">❌</span></td>
              <td><span class="xx">❌</span></td>
              <td><span class="xx">❌</span></td>
              <td><span class="xx">❌</span></td>
            </tr>
            <tr>
              <td><b><span class="ar">زر طوارئ SOS</span><span class="en">SOS Emergency</span></b></td>
              <td class="tc-gold">✅</td>
              <td><span class="xx">❌</span></td>
              <td><span class="xx">❌</span></td>
              <td><span class="xx">❌</span></td>
              <td><span class="xx">❌</span></td>
            </tr>
            <tr>
              <td><b><span class="ar">رحلات المرأة</span><span class="en">Lady Rides</span></b></td>
              <td class="tc-gold">✅</td>
              <td><span class="xx">❌</span></td>
              <td><span class="xx">❌</span></td>
              <td class="tc-green">جزئياً</td>
              <td><span class="xx">❌</span></td>
            </tr>
            <tr>
              <td><b><span class="ar">أنواع الرحلات</span><span class="en">Ride Types</span></b></td>
              <td class="tc-gold">10 ✅</td>
              <td>2-3</td>
              <td>2-3</td>
              <td>4-6</td>
              <td>2-4</td>
            </tr>
            <tr class="hl-row">
              <td><b><span class="ar">التكلفة الشهرية</span><span class="en">Monthly OpEx</span></b></td>
              <td class="tc-gold"><b>$230–430 ✅</b></td>
              <td class="tc-red">$5K–15K</td>
              <td class="tc-red">$5K–15K</td>
              <td class="tc-red">$200K+</td>
              <td class="tc-red">$100K+</td>
            </tr>
          </tbody>
        </table>
      </div>

      <div class="callout gold rv" style="margin-top:1.5rem">
        <span class="callout-i">💼</span>
        <div>
          <b><span class="ar">ملاحظة للمستثمر:</span><span class="en">Investor Note:</span></b>
          <span class="ar"> سيرو ليست تطبيقاً منافساً — بل منظومة عمل متكاملة تقدم خدمات أوسع. يلا قو وزاكن يقدمان تطبيقات نقل فقط. نحن نمتلك خرائط محدّثة، نظام إعلانات، بوتات دفع، و4 تطبيقات متكاملة. الفرق ليس تقنياً — بل في نموذج العمل ومصادر الدخل.</span>
          <span class="en"> Siro is not just a competing app — it's a full ecosystem. Yallago and Zakinn offer ride apps only. We own updated maps, an ad system, payment bots, and 4 integrated apps. The difference isn't technical — it's in the business model and revenue sources.</span>
        </div>
      </div>
    </div>
  </section>

  <div class="divider"></div>

  <!-- ══ ECOSYSTEM ══ -->
  <section id="ecosystem">
    <div class="container">
      <div class="eyebrow rv">02B · <span class="ar">المنظومة الكاملة</span><span class="en">The Complete
          Ecosystem</span></div>
      <h2 class="stitle rv"><span class="ar">ليس تطبيقاً — <em>منظومة عمل</em> متكاملة</span><span class="en">Not an App
          — A <em>Complete Ecosystem</em></span></h2>
      <p class="sdesc rv"><span class="ar">سيرو ليست تطبيق نقل. هي بنية تحتية رقمية لقطاع التنقل في المنطقة — محرك
          خرائط، منصة إعلانات، أنظمة دفع، وأدوات إدارة — كل شيء مملوك ومبني من الصفر.</span><span class="en">Siro is
          not a ride app. It's a digital infrastructure for regional mobility — a map engine, ad platform, payment
          systems, and management tools — all owned and built from scratch.</span></p>

      <div class="callout gold rv">
        <span class="callout-i">🏗️</span>
        <div>
          <b><span class="ar">ما الذي يملكه المستثمر فعلاً:</span><span class="en">What the investor actually
              owns:</span></b>
          <span class="ar"> 8 منتجات جاهزة للتسويق، كل واحدة منها مصدر إيراد مستقل. هذا ليس رهاناً على تطبيق واحد — هذا
            محفظة تقنية متكاملة بتكلفة Pre-Seed.</span>
          <span class="en"> 8 market-ready products, each an independent revenue stream. This isn't a bet on one app —
            it's a complete tech portfolio at Pre-Seed cost.</span>
        </div>
      </div>

      <div class="eco-grid rv">
        <div class="eco-card">
          <span class="eco-ico">🗺️</span>
          <div class="eco-t">SiroMaps SaaS</div>
          <div class="eco-te">Map Engine · Routing · Geocoding · Tiles</div>
          <div class="eco-d"><span class="ar">محرك خرائط كامل يعمل بدون Google. يمكن تأجيره لأي تطبيق في المنطقة يريد
              الاستغناء عن Google Maps. خرائط سوريا ومصر جاهزة. تتحدث كل ~10 أيام من GPS السائقين. بيانات أحدث مما يملكه
              أي منافس.</span><span class="en">Full map engine without Google. Can be licensed to any regional app
              wanting to escape Google Maps. Syria & Egypt data ready. Updates every ~10 days from driver GPS. More
              accurate than any competitor's data.</span></div>
          <div class="eco-badge">💰 <span class="ar">إيراد SaaS قابل للتأجير</span><span class="en">Licensable SaaS
              Revenue</span></div>
        </div>
        <div class="eco-card">
          <span class="eco-ico">📢</span>
          <div class="eco-t">Ad Campaign SaaS</div>
          <div class="eco-te">Geo-targeted · Driver & Rider Reach</div>
          <div class="eco-d"><span class="ar">منصة إدارة حملات إعلانية مدمجة في التطبيق. الشركات تدفع للوصول لسائقي
              ومستخدمي سيرو بشكل جغرافي مستهدف. إعلانات داخل خريطة السفر — أعلى engagement من أي وسيلة إعلانية أخرى في
              المنطقة.</span><span class="en">In-app ad campaign management platform. Businesses pay to reach Siro's
              drivers & riders with geo-targeted ads. In-journey map ads — highest engagement of any regional ad
              format.</span></div>
          <div class="eco-badge">📊 <span class="ar">إيراد إعلاني مستقل عن الرحلات</span><span class="en">Ad Revenue
              Independent of Trips</span></div>
        </div>
        <div class="eco-card">
          <span class="eco-ico">📱</span>
          <div class="eco-t"><span class="ar">4 تطبيقات متكاملة</span><span class="en">4 Integrated Apps</span></div>
          <div class="eco-te">Rider · Driver · Admin · Customer Service</div>
          <div class="eco-d"><span class="ar">تطبيق الراكب، تطبيق السائق، لوحة الإدارة، وتطبيق خدمة العملاء المستقل —
              يتيح فريق دعم يعمل من أي مكان بدون مكاتب. المنافسون يحتاجون موظفين يدويين لما يديره برنامج
              عندنا.</span><span class="en">Rider app, Driver app, Admin Dashboard, and standalone Customer Service app
              — enabling a fully remote support team with no offices. What competitors handle with manual staff, we
              handle with software.</span></div>
          <div class="eco-badge">⚡ <span class="ar">خدمة عملاء بلا مكتب</span><span class="en">Zero-office customer
              service</span></div>
        </div>
        <div class="eco-card">
          <span class="eco-ico">💳</span>
          <div class="eco-t"><span class="ar">منظومة الدفع الشاملة</span><span class="en">Complete Payment Stack</span>
          </div>
          <div class="eco-te">شام كاش · سيريتل · Stripe · PayPal · محفظة</div>
          <div class="eco-d"><span class="ar">5 طرق دفع متكاملة — الوحيد في سوريا. شام كاش وسيريتل كاش يصلان لملايين
              المستخدمين الذين لا يملكون بطاقات بنكية. Stripe وPayPal للعملاء الدوليين والمغتربين. محفظة داخلية
              للاشتراكات.</span><span class="en">5 integrated payment methods — the only app in Syria. Syriatel &
              ShamCash reach millions without bank cards. Stripe & PayPal for diaspora and international users. Internal
              wallet for subscriptions.</span></div>
          <div class="eco-badge">🔒 <span class="ar">الوحيد بدفع إلكتروني في سوريا</span><span class="en">Only app with
              e-payment in Syria</span></div>
        </div>
        <div class="eco-card">
          <span class="eco-ico">🤖</span>
          <div class="eco-t"><span class="ar">بوتات الدفع الآلية</span><span class="en">Automated Payment Bots</span>
          </div>
          <div class="eco-te">WhatsApp · Telegram · Auto-reconciliation</div>
          <div class="eco-d"><span class="ar">بوتات دفع تعمل 24/7 لمعالجة تحويلات السائقين والمدفوعات الداخلية دون تدخل
              يدوي. تحسب الديون والعمولات تلقائياً. تكلفة التشغيل المالي = لا موظفين محاسبة.</span><span
              class="en">Payment bots running 24/7 to process driver transfers and internal payments without manual
              intervention. Auto-calculates commissions and dues. Financial ops cost = zero accounting staff.</span>
          </div>
          <div class="eco-badge">⚙️ <span class="ar">محاسبة بلا موظفين</span><span class="en">Zero-staff
              accounting</span></div>
        </div>
        <div class="eco-card">
          <span class="eco-ico">🌐</span>
          <div class="eco-t"><span class="ar">المواقع الإلكترونية</span><span class="en">Web Ecosystem</span></div>
          <div class="eco-te">Rider · Driver · Corporate · Landing</div>
          <div class="eco-d"><span class="ar">مواقع متعددة لكل شريحة: موقع الركاب، موقع السائقين، بوابة الشركات للحجز
              المؤسسي، وصفحات تسويقية. الشركات يمكنها الحجز مباشرة من المتصفح دون تطبيق.</span><span class="en">Multiple
              targeted websites: rider portal, driver portal, corporate booking gateway, and marketing pages. Companies
              can book rides directly from browser without installing an app.</span></div>
          <div class="eco-badge">🏢 <span class="ar">قناة B2B مباشرة</span><span class="en">Direct B2B Channel</span>
          </div>
        </div>
        <div class="eco-card">
          <span class="eco-ico">📡</span>
          <div class="eco-t"><span class="ar">البنية التحتية الآنية</span><span class="en">Real-time
              Infrastructure</span></div>
          <div class="eco-te">WebSocket · Redis · GraphHopper · PostGIS</div>
          <div class="eco-d"><span class="ar">WebSocket Servers + Redis GeoSpatial يدعمان آلاف المستخدمين المتزامنين.
              GraphHopper لحساب المسارات محلياً. PostGIS للتحليل الجغرافي المتقدم. هذه البنية وحدها تكلّف منافساً $200K+
              لبنائها.</span><span class="en">WebSocket + Redis GeoSpatial supporting thousands of concurrent users.
              Self-hosted GraphHopper routing. PostGIS for advanced geo-analytics. This infrastructure alone costs a
              competitor $200K+ to build.</span></div>
          <div class="eco-badge">⚡ <span class="ar">يدعم 10,000+ مستخدم متزامن</span><span class="en">Supports 10,000+
              concurrent users</span></div>
        </div>
        <div class="eco-card">
          <span class="eco-ico">🤖</span>
          <div class="eco-t"><span class="ar">الذكاء الاصطناعي المدمج</span><span class="en">Embedded AI</span></div>
          <div class="eco-te">Fraud Detection · Dynamic Pricing · Doc Verification</div>
          <div class="eco-d"><span class="ar">فحص وثائق السائقين بالذكاء الاصطناعي عند التسجيل، تسعير ديناميكي تلقائي
              حسب العرض والطلب، وكشف احتيال يحمي 15-30% من الإيرادات التي تخسرها المنافسة.</span><span
              class="en">AI-powered driver document verification at onboarding, automatic dynamic pricing based on
              supply/demand, and fraud detection protecting the 15-30% revenue competitors lose to cheating.</span>
          </div>
          <div class="eco-badge">🛡️ <span class="ar">يحمي الهامش من الاحتيال</span><span class="en">Protects margin
              from fraud</span></div>
        </div>
      </div>
    </div>
  </section>

  <div class="divider"></div>

  <!-- ══ BUILD COST ══ -->
  <section class="alt-bg">
    <div class="container">
      <div class="eyebrow rv">02C · <span class="ar">ماذا يكلف بناؤه؟</span><span class="en">What Would It Cost to
          Build?</span></div>
      <h2 class="stitle rv"><span class="ar">قيمة <em>حقيقية</em> بسعر <em>Pre-Seed</em></span><span
          class="en"><em>Real-World</em> Value at a <em>Pre-Seed</em> Price</span></h2>
      <p class="sdesc rv"><span class="ar">نسمع كثيراً: "الآن مع الذكاء الاصطناعي، أي شخص يبني تطبيقاً". الواقع مختلف
          تماماً حين يتعلق الأمر بمنظومة بهذا التعقيد.</span><span class="en">We often hear: "With AI now, anyone can
          build an app." Reality differs completely when the system has this level of complexity.</span></p>

      <div class="callout blue rv">
        <span class="callout-i">🤖</span>
        <div>
          <b><span class="ar">لماذا لا يستطيع الذكاء الاصطناعي بناء هذا:</span><span class="en">Why AI alone can't build
              this:</span></b>
          <span class="ar"> الذكاء الاصطناعي يكتب كوداً — لكنه يهلوس في الأنظمة المعقدة. منظومة تضم: Real-time
            WebSockets، Redis GeoSpatial، خرائط ذاتية، GraphHopper، PostGIS، 4 تطبيقات Flutter متزامنة، بوابات دفع
            محلية، وأمان متعدد الطبقات — هذه لا يبنيها الذكاء الاصطناعي. يحتاج خبرة ميدانية، debugging حقيقي، وفهم عميق
            لكل طبقة. المؤسس جرّب — وبنى.</span>
          <span class="en"> AI writes code — but hallucinates on complex systems. A stack with Real-time WebSockets,
            Redis GeoSpatial, self-hosted maps, GraphHopper, PostGIS, 4 synchronized Flutter apps, local payment
            gateways, and multi-layer security — AI can't build this. It requires field experience, real debugging, and
            deep understanding of each layer. The founder tried — and built it.</span>
        </div>
      </div>

      <div class="bc-wrap rv">
        <div class="bc-col bc-human">
          <div class="bc-h" style="color:var(--red)">🏗️ <span class="ar">تكلفة البناء من الصفر (فريق متمرس)</span><span
              class="en">Cost to Build from Scratch (Expert Team)</span></div>
          <div class="bc-item"><span class="bc-label"><span class="ar">عدد المطورين</span><span
                class="en">Developers</span></span><span class="bc-val" style="color:var(--red)">10–13</span></div>
          <div class="bc-item"><span class="bc-label"><span class="ar">المدة الزمنية</span><span
                class="en">Timeline</span></span><span class="bc-val" style="color:var(--red)">18–24 <span
                class="ar">شهراً</span><span class="en">months</span></span></div>
          <div class="bc-item"><span class="bc-label"><span class="ar">Flutter + Backend Dev</span></span><span
              class="bc-val" style="color:var(--red)">$180,000</span></div>
          <div class="bc-item"><span class="bc-label">Maps Engine (SiroMaps)</span><span class="bc-val"
              style="color:var(--red)">$60,000</span></div>
          <div class="bc-item"><span class="bc-label"><span class="ar">أنظمة الدفع المحلية</span><span class="en">Local
                Payment Systems</span></span><span class="bc-val" style="color:var(--red)">$35,000</span></div>
          <div class="bc-item"><span class="bc-label"><span class="ar">Real-time Infrastructure</span></span><span
              class="bc-val" style="color:var(--red)">$50,000</span></div>
          <div class="bc-item"><span class="bc-label"><span class="ar">الأمان متعدد الطبقات</span><span
                class="en">Multi-layer Security</span></span><span class="bc-val"
              style="color:var(--red)">$40,000</span></div>
          <div class="bc-item"><span class="bc-label"><span class="ar">Ad SaaS + بوتات الدفع</span><span class="en">Ad
                SaaS + Payment Bots</span></span><span class="bc-val" style="color:var(--red)">$55,000</span></div>
          <div class="bc-item"><span class="bc-label"><span class="ar">QA + Infra + DevOps</span></span><span
              class="bc-val" style="color:var(--red)">$80,000</span></div>
          <div class="bc-total bc-t-bad">$500,000 – $800,000</div>
          <div class="bc-note"><span class="ar">* لا يشمل الخبرة الميدانية، التراخيص، وشبكة السائقين. بعد كل هذا يبدأون
              من الصفر في البازار.</span><span class="en">* Excludes field experience, licenses, and driver network.
              After all this they start at zero in the market.</span></div>
        </div>
        <div class="bc-col bc-ai">
          <div class="bc-h" style="color:var(--blue)">🤖 <span class="ar">مع الذكاء الاصطناعي (الواقع)</span><span
              class="en">With AI Assistance (Reality)</span></div>
          <div class="bc-item"><span class="bc-label"><span class="ar">مطورون متخصصون مطلوبون</span><span
                class="en">Expert devs still required</span></span><span class="bc-val"
              style="color:var(--blue)">5–8</span></div>
          <div class="bc-item"><span class="bc-label"><span class="ar">المدة بعد التحسين</span><span class="en">Timeline
                after optimization</span></span><span class="bc-val" style="color:var(--blue)">12–16 <span
                class="ar">شهراً</span><span class="en">months</span></span></div>
          <div class="bc-item"><span class="bc-label"><span class="ar">Real-time + Maps لا يولّدها AI</span><span
                class="en">Real-time + Maps AI can't generate</span></span><span class="bc-val"
              style="color:var(--amber)">⚠️</span></div>
          <div class="bc-item"><span class="bc-label"><span class="ar">هلوسة في الأنظمة المعقدة</span><span
                class="en">AI hallucination on complex systems</span></span><span class="bc-val"
              style="color:var(--amber)">⚠️ حقيقي</span></div>
          <div class="bc-item"><span class="bc-label"><span class="ar">التكامل بين 8 منتجات</span><span
                class="en">Integration of 8 products</span></span><span class="bc-val" style="color:var(--red)">يدوي
              100%</span></div>
          <div class="bc-item"><span class="bc-label"><span class="ar">اكتساب خبرة الميدان</span><span class="en">Field
                experience acquisition</span></span><span class="bc-val" style="color:var(--red)">لا يُشترى</span></div>
          <div class="bc-total bc-t-bad">$250,000 – $450,000</div>
          <div class="bc-note"><span class="ar">* الذكاء الاصطناعي يسرّع الكتابة، لا البناء المعماري. الجزء الصعب هو
              التصميم والتكامل — وهذا يحتاج خبرة بشرية.</span><span class="en">* AI speeds up writing, not architecture.
              The hard part is design and integration — that still requires human expertise.</span></div>
        </div>
      </div>

      <div class="callout gold rv">
        <span class="callout-i">💡</span>
        <div>
          <b><span class="ar">خلاصة المستثمر:</span><span class="en">Investor Bottom Line:</span></b>
          <span class="ar"> أنت تدخل بـ $200,000 في منظومة تكلف بناؤها $500,000–$800,000 وتحتاج فريقاً من 10 مطورين
            وعامَين من الوقت. ما بُني موجود، يعمل، ومرخص. استثمارك يذهب كله للنمو لا للبناء.</span>
          <span class="en"> You're entering at $200,000 into an ecosystem that cost $500,000–$800,000 to build and
            required a team of 10 developers over two years. What was built exists, runs, and is licensed. Your entire
            investment goes to growth, not construction.</span>
        </div>
      </div>

      <!-- Maps Cost Table -->
      <div class="rv" style="margin-top:2.5rem">
        <h3 style="font-size:1rem;font-weight:900;margin-bottom:1rem"><span class="ar">ما يوفره SiroMaps — جدول مرجعي
            للمستثمرين</span><span class="en">SiroMaps Savings — Investor Reference Table</span></h3>
        <div class="tw">
          <table>
            <thead>
              <tr>
                <th><span class="ar">حجم العمليات</span><span class="en">Scale</span></th>
                <th><span class="ar">رحلات/يوم</span><span class="en">Trips/Day</span></th>
                <th><span class="ar">تكلفة Google Maps شهرياً</span><span class="en">Google Maps Cost/Month</span></th>
                <th><span class="ar">تكلفة سيرو</span><span class="en">Siro Cost</span></th>
                <th><span class="ar">التوفير السنوي</span><span class="en">Annual Savings</span></th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td><span class="ar">بداية</span><span class="en">Early</span></td>
                <td>100</td>
                <td class="tc-red">~$150</td>
                <td class="tc-gold">$0</td>
                <td class="tc-green">~$1,800</td>
              </tr>
              <tr>
                <td><span class="ar">نمو</span><span class="en">Growth</span></td>
                <td>500</td>
                <td class="tc-red">~$1,000</td>
                <td class="tc-gold">$0</td>
                <td class="tc-green">~$12,000</td>
              </tr>
              <tr>
                <td><span class="ar">متوسط</span><span class="en">Mid-scale</span></td>
                <td>1,000</td>
                <td class="tc-red">~$2,500</td>
                <td class="tc-gold">$0</td>
                <td class="tc-green">~$30,000</td>
              </tr>
              <tr>
                <td><span class="ar">كبير</span><span class="en">Large</span></td>
                <td>5,000</td>
                <td class="tc-red">~$12,000</td>
                <td class="tc-gold">$0</td>
                <td class="tc-green">~$144,000</td>
              </tr>
              <tr class="hl-row">
                <td><b><span class="ar">هيمنة</span><span class="en">Dominance</span></b></td>
                <td><b>10,000</b></td>
                <td class="tc-red"><b>~$25,000–$30,000</b></td>
                <td class="tc-gold"><b>$0</b></td>
                <td class="tc-green"><b>~$300,000–$360,000</b></td>
              </tr>
            </tbody>
          </table>
        </div>
        <p style="font-size:.72rem;color:var(--muted);margin-top:.75rem"><span class="ar">* بناءً على أسعار Google Maps
            Platform الرسمية (2025): Compute Routes $5–15/1000 + Dynamic Maps $7/1000 + Geocoding $5/1000. كل رحلة
            تستهلك 10-18 طلب API.</span><span class="en">* Based on official Google Maps Platform pricing (2025):
            Compute Routes $5–15/1000 + Dynamic Maps $7/1000 + Geocoding $5/1000. Each trip consumes 10-18 API
            calls.</span></p>
      </div>
    </div>
  </section>

  <div class="divider"></div>

  <section id="moats">
    <div class="container">
      <div class="eyebrow rv">03 · <span class="ar">ما الذي يحمي استثمارك؟</span><span class="en">What Protects Your Investment?</span></div>
      <h2 class="stitle rv"><span class="ar">لماذا يصعب <em>تكرار هذا؟</em></span><span class="en">Why Is This <em>Hard to Replicate?</em></span></h2>
      <p class="sdesc rv"><span class="ar">تكلفة بناء منظومة مشابهة من الصفر: $350,000–$530,000 مع فريق 10-13 مطور لمدة 12-18 شهراً. استخدام الذكاء الاصطناعي لبناء مشروع بهذا التعقيد يفشل حتماً بسبب فقدان السياق. استثمارك يشتري منتجاً جاهزاً بأقل من نصف تكلفته الحقيقية.</span><span class="en">Building a similar ecosystem from scratch: $350,000–$530,000 with 10-13 developers over 12-18 months. Using AI to build a project of this complexity inevitably fails. Your investment buys a ready product at less than half its real cost.</span></p>
      <div class="moat-grid rv">
        <div class="moat-card">
          <span class="mc-ico">🗺️</span>
          <div class="mc-t">SiroMaps SaaS</div>
          <div class="mc-te"><span class="ar">محرك خرائط مملوك — يتحدث كل ~10 أيام</span><span class="en">Fully owned
              maps — ~10-day update cycle</span></div>
          <div class="mc-d"><span class="ar">Routing + Geocoding + Tile Serving ذاتي. خرائط Google لسوريا متجمدة منذ
              2011 — خرائطنا تتحدث من GPS السائقين الحقيقيين. تعمل بكامل الطاقة حتى بدون إنترنت. السعر: $0 بغض النظر عن
              عدد الرحلات.</span><span class="en">Self-hosted Routing + Geocoding + Tile Serving. Google's Syria data
              frozen since 2011 — ours updates from real driver GPS. Full capability offline. Cost: $0 regardless of
              trip volume.</span></div>
          <div class="mc-val">💰 <span class="ar">يوفر $12,000–$360,000 سنوياً عند النمو</span><span class="en">Saves
              $12,000–$360,000/year at scale</span></div>
        </div>
        <div class="moat-card">
          <span class="mc-ico">📜</span>
          <div class="mc-t">NANS License</div>
          <div class="mc-te"><span class="ar">الترخيص الحكومي الرسمي</span><span class="en">Official government
              license</span></div>
          <div class="mc-d"><span class="ar">حماية قانونية كاملة في السوق السوري. لا منافس يملكه حالياً. باب الترخيص لا
              يُفتح بالمال وحده — يحتاج وقتاً وعلاقات.</span><span class="en">Full legal protection in the Syrian
              market. No competitor has it. The license door doesn't open with money alone — it requires time and
              relationships.</span></div>
          <div class="mc-val">🛡️ <span class="ar">حصن قانوني لا يخترقه المنافسون</span><span class="en">Legal fortress
              competitors can't breach</span></div>
        </div>
        <div class="moat-card">
          <span class="mc-ico">🚗</span>
          <div class="mc-t"><span class="ar">شبكة السائقين</span><span class="en">Driver Network</span></div>
          <div class="mc-te">1,800 <span class="ar">سائق مُدرَّب ومُفعَّل</span><span class="en">trained & activated
              drivers</span></div>
          <div class="mc-d"><span class="ar">بُنيت هذه الشبكة بحوافز ($45K) وثقة وعلاقات ميدانية. منافس جديد يحتاج 6-12
              شهراً فقط لبناء الصدقية اللازمة للتسجيل.</span><span class="en">Built with $45K in incentives, trust, and
              field relationships. A new competitor needs 6-12 months just to build the credibility needed for drivers
              to register.</span></div>
          <div class="mc-val">⏱️ <span class="ar">6–12 شهر لأي منافس لمجاراة الشبكة</span><span class="en">6–12 months
              for any rival to match the network</span></div>
        </div>
        <div class="moat-card">
          <span class="mc-ico">🛡️</span>
          <div class="mc-t"><span class="ar">منظومة الأمان</span><span class="en">Security System</span></div>
          <div class="mc-te">9/10 · <span class="ar">مستوى مؤسسات</span><span class="en">Enterprise Grade</span></div>
          <div class="mc-d"><span class="ar">JWT + HMAC + Device Fingerprint + Rate Limiting + Jailbreak Detection.
              بُنيت من اليوم الأول. مدة بناء منظومة مماثلة: 3-4 أشهر لفريق متمرس.</span><span class="en">JWT + HMAC +
              Device Fingerprint + Rate Limiting + Jailbreak Detection. Built from day one. Rebuilding this system: 3-4
              months for an experienced team.</span></div>
          <div class="mc-val">🔐 <span class="ar">يمنع احتيال يصل 15-30% من الإيرادات</span><span class="en">Prevents
              15-30% revenue fraud</span></div>
        </div>
        <div class="moat-card">
          <span class="mc-ico">⚡</span>
          <div class="mc-t"><span class="ar">البنية التحتية الآنية</span><span class="en">Real-time
              Infrastructure</span></div>
          <div class="mc-te">WebSocket + Redis GeoSpatial</div>
          <div class="mc-d"><span class="ar">WebSocket Servers يدعم آلاف المستخدمين المتزامنين. Redis GEORADIUS للبحث
              الجغرافي الفوري. Event Buffering كل 500ms. لا تأخير ملحوظ.</span><span class="en">WebSocket Servers
              supporting thousands of concurrent users. Redis GEORADIUS for instant geo-search. Event Buffering every
              500ms. Zero noticeable delay.</span></div>
          <div class="mc-val">📡 <span class="ar">الأسرع في السوق المحلي</span><span class="en">Fastest in the local
              market</span></div>
        </div>
        <div class="moat-card">
          <span class="mc-ico">🌍</span>
          <div class="mc-t"><span class="ar">معمارية متعددة الدول</span><span class="en">Multi-Country
              Architecture</span></div>
          <div class="mc-te"><span class="ar">نسخة لكل دولة — جاهزة</span><span class="en">Country version ready to
              deploy</span></div>
          <div class="mc-d"><span class="ar">سوريا تعمل. مصر جاهزة. الأردن وليبيا والعراق تحتاج أسابيع فقط للنشر.
              المنافس الذي يبدأ من الصفر يحتاج سنتين للوصول لهذا المستوى.</span><span class="en">Syria live. Egypt
              ready. Jordan, Libya, Iraq need only weeks to deploy. A competitor starting from scratch needs 2 years to
              reach this level.</span></div>
          <div class="mc-val">🚀 <span class="ar">أسابيع للدخول لأي سوق جديد</span><span class="en">Weeks to enter any
              new market</span></div>
        </div>
        <div class="moat-card">
          <span class="mc-ico">👨‍💻</span>
          <div class="mc-t"><span class="ar">خبرة الميدان والنقل</span><span class="en">Field & Transport
              Experience</span></div>
          <div class="mc-te"><span class="ar">بُني بيدين على الأرض</span><span class="en">Built with hands on the
              ground</span></div>
          <div class="mc-d"><span class="ar">المؤسس بنى Tripz في مصر قبل سيرو. خبرة عملية في أسواق MENA: تحديات الدفع،
              السائقين، التنظيم. هذه المعرفة لا تُكتسب من مكتب.</span><span class="en">Founder built Tripz in Egypt
              before Siro. Hands-on experience in MENA markets: payment challenges, drivers, regulation. This
              knowledge isn't gained from an office.</span></div>
          <div class="mc-val">🧠 <span class="ar"> سنوات خبرة لا تُعاد بالمال</span><span class="en"> years of
              irreplaceable experience</span></div>
        </div>
      </div>
    </div>
  </section>

  <div class="divider"></div>

  <!-- ══ SECURITY ══ -->
  <section class="alt-bg">
    <div class="container">
      <div class="eyebrow rv">04 · <span class="ar">الأمان</span><span class="en">Security</span></div>
      <h2 class="stitle rv"><span class="ar">حماية <em>تفوق المنافسين بمراحل</em></span><span class="en">Protection That
          <em>Outclasses Competitors</em></span></h2>
      <div class="sec-wrap rv">
        <div class="sec-ring-card">
          <svg class="ring-svg" viewBox="0 0 145 145">
            <circle cx="72.5" cy="72.5" r="58" fill="none" stroke="rgba(255,255,255,.06)" stroke-width="12" />
            <circle cx="72.5" cy="72.5" r="58" fill="none" stroke="url(#sg)" stroke-width="12" stroke-dasharray="364"
              stroke-dashoffset="22" stroke-linecap="round" />
            <defs>
              <linearGradient id="sg" x1="0%" y1="0%" x2="100%" y2="0%">
                <stop offset="0%" stop-color="#D09000" />
                <stop offset="100%" stop-color="#FFB830" />
              </linearGradient>
            </defs>
            <text x="72.5" y="67" class="r-val">9</text>
            <text x="72.5" y="84" class="r-sub">/10 Security</text>
          </svg>
          <div style="font-size:.8rem;color:var(--muted)"><span class="ar">التقييم الأمني العام</span><span
              class="en">Overall Security Score</span></div>
          <div class="sec-badge">✓ <span class="ar">أعلى من 90% من التطبيقات الإقليمية</span><span class="en">Higher
              than 90% of regional apps</span></div>
          <div class="sec-note">
            <span class="ar">نقطة التحسين الوحيدة المتبقية:<br><b style="color:var(--amber)">إكمال ترحيل
                AES-256-GCM</b><br>(البنية جاهزة — 2-3 أيام تنفيذ)</span>
            <span class="en">Only remaining improvement:<br><b style="color:var(--amber)">Complete AES-256-GCM
                migration</b><br>(Infrastructure ready — 2-3 days execution)</span>
          </div>
        </div>
        <div class="sec-feats">
          <div class="sf">
            <div class="sf-ico">🔐</div>
            <div class="sf-body">
              <div class="sf-n">JWT + Device Fingerprint</div>
              <div class="sf-d">JTI Blacklist · Redis · Refresh Token · SHA-256 + Pepper binding</div>
            </div>
            <div class="stars">
              <div class="s on"></div>
              <div class="s on"></div>
              <div class="s on"></div>
              <div class="s on"></div>
              <div class="s on"></div>
            </div>
          </div>
          <div class="sf">
            <div class="sf-ico">⏱️</div>
            <div class="sf-body">
              <div class="sf-n">Rate Limiting · <span class="ar">تحديد الطلبات</span><span class="en">Request
                  Throttling</span></div>
              <div class="sf-d">Sliding Window · Redis · <span class="ar">حدود مستقلة لكل نقطة API</span><span
                  class="en">Independent limits per API endpoint</span></div>
            </div>
            <div class="stars">
              <div class="s on"></div>
              <div class="s on"></div>
              <div class="s on"></div>
              <div class="s on"></div>
              <div class="s on"></div>
            </div>
          </div>
          <div class="sf">
            <div class="sf-ico">💬</div>
            <div class="sf-body">
              <div class="sf-n">OTP <span class="ar">مشفّر</span><span class="en">Encrypted</span></div>
              <div class="sf-d">bcrypt + Redis · <span class="ar">قفل 30 دقيقة بعد 3 محاولات</span><span
                  class="en">30-min lock after 3 failed attempts</span></div>
            </div>
            <div class="stars">
              <div class="s on"></div>
              <div class="s on"></div>
              <div class="s on"></div>
              <div class="s on"></div>
              <div class="s on"></div>
            </div>
          </div>
          <div class="sf">
            <div class="sf-ico">✍️</div>
            <div class="sf-body">
              <div class="sf-n">HMAC Verification · <span class="ar">توقيع رقمي</span><span class="en">Digital
                  Signing</span></div>
              <div class="sf-d">Body + Timestamp + Nonce · <span class="ar">لكل العمليات المالية</span><span
                  class="en">For all financial operations</span></div>
            </div>
            <div class="stars">
              <div class="s on"></div>
              <div class="s on"></div>
              <div class="s on"></div>
              <div class="s on"></div>
              <div class="s on"></div>
            </div>
          </div>
          <div class="sf">
            <div class="sf-ico">🛡️</div>
            <div class="sf-body">
              <div class="sf-n">Security Headers</div>
              <div class="sf-d">HSTS · X-Frame-Options DENY · X-Content-Type-Options nosniff</div>
            </div>
            <div class="stars">
              <div class="s on"></div>
              <div class="s on"></div>
              <div class="s on"></div>
              <div class="s on"></div>
              <div class="s on"></div>
            </div>
          </div>
          <div class="sf">
            <div class="sf-ico">🗄️</div>
            <div class="sf-body">
              <div class="sf-n"><span class="ar">حماية SQL كاملة</span><span class="en">Full SQL Protection</span></div>
              <div class="sf-d">PDO · EMULATE_PREPARES = false · <span class="ar">حماية كاملة من الحقن</span><span
                  class="en">Full injection protection</span></div>
            </div>
            <div class="stars">
              <div class="s on"></div>
              <div class="s on"></div>
              <div class="s on"></div>
              <div class="s on"></div>
              <div class="s on"></div>
            </div>
          </div>
          <div class="sf">
            <div class="sf-ico">📱</div>
            <div class="sf-body">
              <div class="sf-n">Jailbreak Detection · <span class="ar">كشف الاختراق</span><span class="en">Device
                  Integrity Check</span></div>
              <div class="sf-d"><span class="ar">فحص تلقائي في كلا التطبيقين — رفض الأجهزة المعدّلة</span><span
                  class="en">Automatic check in both apps — rejects modified devices</span></div>
            </div>
            <div class="stars">
              <div class="s on"></div>
              <div class="s on"></div>
              <div class="s on"></div>
              <div class="s on"></div>
              <div class="s"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <div class="divider"></div>

  <!-- ══ FEATURES ══ -->
  <section>
    <div class="container">
      <div class="eyebrow rv">05 · <span class="ar">الميزات</span><span class="en">Features</span></div>
      <h2 class="stitle rv"><span class="ar">95+ ميزة — <em>أكثر من Bolt وInDrive معاً</em></span><span class="en">95+
          Features — <em>More Than Bolt & InDrive Combined</em></span></h2>
      <div class="feat-tabs rv">
        <button class="ftb on" onclick="switchF('p',this)">📱 <span class="ar">الراكب</span><span
            class="en">Passenger</span></button>
        <button class="ftb" onclick="switchF('d',this)">🚗 <span class="ar">السائق</span><span
            class="en">Driver</span></button>
        <button class="ftb" onclick="switchF('a',this)">⚙️ <span class="ar">الإدارة</span><span
            class="en">Admin</span></button>
      </div>
      <div id="fp" class="fc on rv">
        <div class="fs-title">🔐 <span class="ar">المصادقة · Authentication</span><span class="en">Authentication ·
            المصادقة</span></div>
        <div class="fpills"><span class="pill gold">WhatsApp OTP</span><span class="pill">Google Sign-In</span><span
            class="pill">Apple Sign-In</span><span class="pill">Biometric Face/Touch</span><span
            class="pill cyan">Device Fingerprint</span></div>
        <div class="fs-title">🗺️ <span class="ar">الخريطة · Maps</span><span class="en">Maps · الخريطة</span></div>
        <div class="fpills"><span class="pill gold">SiroMaps ($0)</span><span class="pill gold"><span
              class="ar">خرائط أوفلاين</span><span class="en">Offline Maps</span></span><span class="pill"><span
              class="ar">تتبع آني</span><span class="en">Live Tracking</span></span><span class="pill">Smart
            Rerouting</span><span class="pill"><span class="ar">وضع ليلي</span><span class="en">Dark Mode
              Map</span></span></div>
        <div class="fs-title">🚕 <span class="ar">10 أنواع رحلات · 10 Ride Types</span><span class="en">10 Ride Types ·
            10 أنواع رحلات</span></div>
        <div class="fpills">
          <span class="pill"><span class="ar">مريح</span><span class="en">Comfort</span></span><span class="pill"><span
              class="ar">سريع</span><span class="en">Speed</span></span><span class="pill gold"><span class="ar">ليدي
              (سائقات)</span><span class="en">Lady (Female Drivers)</span></span><span
            class="pill">Scooter/Bike</span><span class="pill">Electric</span><span class="pill">Van</span><span
            class="pill">VIP</span><span class="pill"><span class="ar">أوفر (اقتصادي)</span><span class="en">Awfar
              (Economy)</span></span><span class="pill"><span class="ar">سعر ثابت</span><span class="en">Fixed
              Price</span></span><span class="pill"><span class="ar">رايح جاي</span><span class="en">Round
              Trip</span></span>
        </div>
        <div class="fs-title">💳 <span class="ar">الدفع · Payments</span><span class="en">Payments · الدفع</span></div>
        <div class="fpills"><span class="pill"><span class="ar">نقد</span><span class="en">Cash</span></span><span
            class="pill">Stripe (Visa/MC)</span><span class="pill">PayPal</span><span class="pill cyan"><span
              class="ar">محفظة رقمية</span><span class="en">Digital Wallet</span></span><span class="pill"><span
              class="ar">أكواد خصم</span><span class="en">Promo Codes</span></span></div>
        <div class="fs-title">🆘 <span class="ar">الأمان الشخصي · Personal Safety</span><span class="en">Personal Safety
            · الأمان</span></div>
        <div class="fpills"><span class="pill gold"><span class="ar">هزّ 5 مرات = طوارئ</span><span class="en">Shake 5×
              = Emergency</span></span><span class="pill">SOS Button</span><span class="pill"><span class="ar">مشاركة
              موقع حي</span><span class="en">Live Location Share</span></span></div>
      </div>
      <div id="fd" class="fc rv">
        <div class="fs-title">📥 <span class="ar">الطلبات · Orders</span><span class="en">Orders · الطلبات</span></div>
        <div class="fpills"><span class="pill gold"><span class="ar">نافذة عائمة</span><span class="en">Floating
              Overlay</span></span><span class="pill"><span class="ar">قبول من الخلفية</span><span class="en">Background
              Accept</span></span><span class="pill">FCM Push</span><span class="pill"><span class="ar">تنبيه
              صوتي</span><span class="en">Audio Alert</span></span></div>
        <div class="fs-title">💰 <span class="ar">المالية · Finance</span><span class="en">Finance · المالية</span>
        </div>
        <div class="fpills"><span class="pill cyan"><span class="ar">محفظة السائق</span><span class="en">Driver
              Wallet</span></span><span class="pill"><span class="ar">نظام كزان (عمولة)</span><span
              class="en">Commission System</span></span><span class="pill"><span class="ar">فواتير</span><span
              class="en">Invoices</span></span><span class="pill">Stripe</span></div>
        <div class="fs-title">📊 <span class="ar">إدارة السائق · Driver Mgmt</span><span class="en">Driver
            Management</span></div>
        <div class="fpills"><span class="pill"><span class="ar">نقاط السلوك</span><span class="en">Behavior
              Score</span></span><span class="pill">AI Doc Upload</span><span class="pill"><span class="ar">تقييم
              ⭐</span><span class="en">Rating ⭐</span></span><span class="pill"><span class="ar">تأمين صحي</span><span
              class="en">Health Insurance</span></span><span class="pill"><span class="ar">هدايا</span><span
              class="en">Gifts</span></span><span class="pill"><span class="ar">إحالة</span><span
              class="en">Referral</span></span><span class="pill"><span class="ar">كشف احتيال</span><span
              class="en">Scam Detection</span></span></div>
      </div>
      <div id="fa" class="fc rv">
        <div class="fs-title">⚙️ <span class="ar">لوحة التحكم · Admin Panel</span><span class="en">Admin Panel
            Features</span></div>
        <div class="fpills">
          <span class="pill gold"><span class="ar">خريطة حرارية حية</span><span class="en">Live
              Heatmap</span></span><span class="pill">Driver Management</span><span class="pill">Ride
            Management</span><span class="pill">Passenger Details</span><span class="pill">Employee System</span><span
            class="pill">Error Monitoring</span><span class="pill"><span class="ar">مراسلة واتساب</span><span
              class="en">WhatsApp Messaging</span></span><span class="pill cyan"><span class="ar">تسعير
              ديناميكي</span><span class="en">Dynamic Pricing</span></span><span class="pill"><span class="ar">إيميلات
              معاملات</span><span class="en">Transactional Emails</span></span>
        </div>
      </div>
    </div>
  </section>

  <div class="divider"></div>

  <!-- ══ FINANCIALS ══ -->
  <section id="financials" class="alt-bg">
    <div class="container">
      <div class="eyebrow rv">06 · <span class="ar">المالية</span><span class="en">Financials</span></div>
      <h2 class="stitle rv"><span class="ar">أين يذهب كل دولار <em>من الـ $200K؟</em></span><span class="en">Where Does
          <em>Every Dollar</em> Go?</span></h2>
      <div class="fin-hero rv">
        <p style="font-size:.74rem;color:var(--muted);margin-bottom:.4rem"><span class="ar">حجم الجولة الاستثمارية ·
            Pre-Seed</span><span class="en">Investment Round · Pre-Seed</span></p>
        <div class="fin-big">$200,000</div>
        <div class="fin-sub"><span class="ar">22% حصة ملكية · نقطة التعادل: شهر 10–12 · التطوير التقني: $0</span><span
            class="en">22% equity stake · Breakeven: Month 10–12 · Tech Development: $0</span></div>
        <div class="fin-pills">
          <div class="fin-pill">💻 <span class="v">$0</span> <span class="ar">تطوير — المنتج جاهز</span><span
              class="en">Development — Product ready</span></div>
          <div class="fin-pill">👥 <span class="v">$71,400</span> <span class="ar">رواتب (14 شهر)</span><span
              class="en">Salaries (14 months)</span></div>
          <div class="fin-pill">🎯 <span class="v">$45,200</span> <span class="ar">تسويق</span><span
              class="en">Marketing</span></div>
          <div class="fin-pill">🚗 <span class="v">$45,000</span> <span class="ar">حوافز سائقين</span><span
              class="en">Driver Incentives</span></div>
        </div>
      </div>

      <div class="g2 rv" style="gap:2.5rem;margin-bottom:3rem">
        <!-- budget bars -->
        <div class="card">
          <h4
            style="font-size:.88rem;font-weight:900;color:var(--goldb);margin-bottom:1.2rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)">
            <span class="ar">📊 توزيع الـ $200,000 بالتفصيل</span><span class="en">📊 Full $200,000 Breakdown</span>
          </h4>
          <div class="fund-row">
            <div class="fund-meta"><span class="lbl"><span class="ar">الرواتب والتشغيل (14 شهر)</span><span
                  class="en">Salaries & OpEx (14 months)</span></span><span class="tc-gold">$71,400</span></div>
            <div class="fund-bar-bg">
              <div class="fund-bar-fill" data-w="35.7"></div>
            </div>
          </div>
          <div class="fund-row">
            <div class="fund-meta"><span class="lbl"><span class="ar">حوافز السائقين (6 أشهر)</span><span
                  class="en">Driver Incentives (6 months)</span></span><span class="tc-gold">$45,000</span></div>
            <div class="fund-bar-bg">
              <div class="fund-bar-fill" data-w="22.5"></div>
            </div>
          </div>
          <div class="fund-row">
            <div class="fund-meta"><span class="lbl"><span class="ar">التسويق والمؤثرين</span><span class="en">Marketing
                  & Influencers</span></span><span class="tc-gold">$45,200</span></div>
            <div class="fund-bar-bg">
              <div class="fund-bar-fill" data-w="22.6"></div>
            </div>
          </div>
          <div class="fund-row">
            <div class="fund-meta"><span class="lbl"><span class="ar">احتياطي الطوارئ</span><span class="en">Emergency
                  Reserve</span></span><span class="tc-gold">$15,500</span></div>
            <div class="fund-bar-bg">
              <div class="fund-bar-fill" data-w="7.75"></div>
            </div>
          </div>
          <div class="fund-row">
            <div class="fund-meta"><span class="lbl"><span class="ar">إيجار المكتب والفواتير</span><span class="en">Rent
                  & Utilities</span></span><span class="tc-gold">$8,400</span></div>
            <div class="fund-bar-bg">
              <div class="fund-bar-fill" data-w="4.2"></div>
            </div>
          </div>
          <div class="fund-row">
            <div class="fund-meta"><span class="lbl"><span class="ar">إعلانات الطرق</span><span class="en">Billboards &
                  OOH</span></span><span class="tc-gold">$8,000</span></div>
            <div class="fund-bar-bg">
              <div class="fund-bar-fill" data-w="4.0"></div>
            </div>
          </div>
          <div class="fund-row">
            <div class="fund-meta"><span class="lbl"><span class="ar">السيرفرات ($250/شهر)</span><span
                  class="en">Servers ($250/month)</span></span><span class="tc-cyan">$3,500</span></div>
            <div class="fund-bar-bg">
              <div class="fund-bar-fill alt" data-w="1.75"></div>
            </div>
          </div>
          <div class="fund-row">
            <div class="fund-meta"><span class="lbl"><span class="ar">تجهيز المكتب</span><span class="en">Office
                  Setup</span></span><span class="tc-cyan">$3,000</span></div>
            <div class="fund-bar-bg">
              <div class="fund-bar-fill alt" data-w="1.5"></div>
            </div>
          </div>
          <div class="fund-row" style="opacity:.4">
            <div class="fund-meta"><span class="lbl"><span class="ar">التطوير التقني ✅ جاهز</span><span class="en">Tech
                  Development ✅ Done</span></span><span>$0</span></div>
            <div class="fund-bar-bg">
              <div class="fund-bar-fill" data-w="0"></div>
            </div>
          </div>
        </div>
        <!-- salary + pie -->
        <div>
          <div class="card" style="margin-bottom:1.5rem">
            <h4 style="font-size:.85rem;font-weight:900;color:var(--goldb);margin-bottom:1rem"><span class="ar">👥 هيكل
                الرواتب الشهري</span><span class="en">👥 Monthly Salary Structure</span></h4>
            <div class="tw" style="border-radius:10px">
              <table>
                <thead>
                  <tr>
                    <th><span class="ar">المسمى</span><span class="en">Role</span></th>
                    <th>#</th>
                    <th><span class="ar">الراتب/شهر</span><span class="en">Salary/Mo</span></th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td><span class="ar">المؤسس / CTO</span><span class="en">Founder / CTO</span></td>
                    <td>1</td>
                    <td class="tc-gold">$2,500</td>
                  </tr>
                  <tr>
                    <td><span class="ar">مساعد مطور</span><span class="en">Dev Assistant</span></td>
                    <td>1</td>
                    <td>$1,500</td>
                  </tr>
                  <tr>
                    <td><span class="ar">دعم فني</span><span class="en">Support Staff</span></td>
                    <td>4</td>
                    <td>$150<span class="ar">/فرد</span><span class="en">/ea</span></td>
                  </tr>
                  <tr>
                    <td><span class="ar">مسؤول تسويق</span><span class="en">Marketing</span></td>
                    <td>1</td>
                    <td>$500</td>
                  </tr>
                  <tr class="hl-row">
                    <td><b><span class="ar">المجموع</span><span class="en">Total</span></b></td>
                    <td><b>7</b></td>
                    <td class="tc-gold"><b>$5,100<span class="ar">/شهر</span><span class="en">/mo</span></b></td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
          <div class="chart-wrap">
            <h3><span class="ar">توزيع الميزانية</span><span class="en">Budget Allocation</span></h3>
            <p><span class="ar">النسب المئوية لكل بند</span><span class="en">Percentage per category</span></p>
            <div class="chart-canvas" style="max-height:240px"><canvas id="pieChart"></canvas></div>
          </div>
        </div>
      </div>

      <!-- Driver Incentive -->
      <div class="g2 rv" style="gap:2.5rem;margin-bottom:3rem">
        <div class="chart-wrap">
          <h3><span class="ar">توزيع حوافز السائقين</span><span class="en">Driver Incentive Distribution</span></h3>
          <p><span class="ar">$45,000 على 6 أشهر — "شبكة الأمان"</span><span class="en">$45,000 across 6 months —
              "Safety Net"</span></p>
          <div class="chart-canvas"><canvas id="incentiveBar"></canvas></div>
        </div>
        <div>
          <div class="card" style="margin-bottom:1.2rem">
            <h4 style="margin-bottom:.75rem;font-size:.85rem;font-weight:900;color:var(--goldb)"><span class="ar">شروط
                الاستحقاق</span><span class="en">Eligibility Conditions</span></h4>
            <div class="tw" style="border-radius:10px">
              <table>
                <thead>
                  <tr>
                    <th><span class="ar">الشرط</span><span class="en">Condition</span></th>
                    <th><span class="ar">المعيار</span><span class="en">Value</span></th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td><span class="ar">نسبة القبول</span><span class="en">Accept Rate</span></td>
                    <td class="tc-gold">≥ 80%</td>
                  </tr>
                  <tr>
                    <td><span class="ar">التواجد في مناطق الطلب</span><span class="en">In Demand Zones</span></td>
                    <td class="tc-gold">✅</td>
                  </tr>
                  <tr>
                    <td><span class="ar">تقييم الراكب</span><span class="en">Rider Rating</span></td>
                    <td class="tc-gold">≥ 4.0 ⭐</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
          <div class="callout green" style="margin:0">
            <span class="callout-i">💡</span>
            <div style="font-size:.8rem">
              <b><span class="ar">آلية الضمان:</span><span class="en">How it works:</span></b>
              <span class="ar"> إذا حقق السائق أقل من $4 أسبوعياً، تغطي الشركة الفارق تلقائياً من Admin Dashboard. ينتهي
                بعد 6 أشهر → نمو عضوي.</span>
              <span class="en"> If a driver earns less than $4/week, the system automatically covers the gap via Admin
                Dashboard. Ends after 6 months → organic growth.</span>
            </div>
          </div>
        </div>
      </div>

      <!-- 36-Month Projections -->
      <h3 class="rv" style="font-size:1.2rem;font-weight:900;margin-bottom:1.5rem"><span class="ar">التوقعات المالية —
          36 شهراً</span><span class="en">Financial Projections — 36 Months</span></h3>
      <div class="g2 rv" style="gap:2.5rem;margin-bottom:2rem">
        <div class="chart-wrap">
          <h3><span class="ar">مسار النمو الشهري</span><span class="en">Monthly Growth Trajectory</span></h3>
          <p><span class="ar">الإيرادات (ذهبي) مقابل المصاريف (أحمر)</span><span class="en">Revenue (gold) vs Expenses
              (red)</span></p>
          <div class="chart-canvas" style="max-height:340px"><canvas id="lineChart"></canvas></div>
        </div>
        <div class="card">
          <h4 style="margin-bottom:1rem;font-size:.88rem;font-weight:900"><span class="ar">قراءة المراحل</span><span
              class="en">Reading the Phases</span></h4>
          <ul class="narr-list">
            <li>
              <div class="narr-ico" style="background:rgba(255,61,107,.12);color:var(--red)">M1</div>
              <div><b><span class="ar">الشهر الأول — بداية العمليات</span><span class="en">Month 1 — Operations
                    Kickoff</span></b><br><span style="color:var(--muted);font-size:.78rem"><span class="ar">تسجيل
                    السائقين وتجهيز البنية. المصاريف تتجاوز الإيرادات.</span><span class="en">Driver onboarding & infra
                    setup. Expenses exceed revenue.</span></span></div>
            </li>
            <li>
              <div class="narr-ico" style="background:rgba(255,149,0,.1);color:var(--amber)">1-6</div>
              <div><b><span class="ar">الأشهر 1-6 — الاستحواذ</span><span class="en">Months 1-6 —
                    Acquisition</span></b><br><span style="color:var(--muted);font-size:.78rem"><span class="ar">حوافز
                    $45K + تسويق مكثف = بناء الشبكة. هذا هو الاستثمار الحقيقي.</span><span class="en">$45K incentives +
                    heavy marketing = network building. This is the real investment.</span></span></div>
            </li>
            <li>
              <div class="narr-ico" style="background:var(--gold-dim);color:var(--goldb)">7-12</div>
              <div><b><span class="ar">الأشهر 7-12 — تقاطع الربحية</span><span class="en">Months 7-12 — Profit
                    Crossover</span></b><br><span style="color:var(--muted);font-size:.78rem"><span class="ar">الحوافز
                    تنتهي، الطلب يرتفع → الخط الذهبي يتجاوز الأحمر.</span><span class="en">Incentives end, demand rises
                    → gold line crosses red line.</span></span></div>
            </li>
            <li>
              <div class="narr-ico" style="background:var(--cyan-dim);color:var(--cyan)">Y2</div>
              <div><b><span class="ar">السنة 2 — التوسع</span><span class="en">Year 2 — Scaling</span></b><br><span
                  style="color:var(--muted);font-size:.78rem"><span class="ar">حلب وحمص. الإيراد يبتعد عن المصاريف بشكل
                    متسارع.</span><span class="en">Aleppo & Homs. Revenue accelerates away from expenses.</span></span>
              </div>
            </li>
            <li>
              <div class="narr-ico" style="background:var(--green-dim);color:var(--green)">Y3</div>
              <div><b><span class="ar">السنة 3 — الهيمنة</span><span class="en">Year 3 — Dominance</span></b><br><span
                  style="color:var(--muted);font-size:.78rem"><span class="ar">تغطية وطنية. الفجوة بين الخطين = صافي ربح
                    $662K.</span><span class="en">National coverage. Gap between lines = $662K net profit.</span></span>
              </div>
            </li>
          </ul>
        </div>
      </div>

      <div class="tw rv" style="margin-bottom:2rem">
        <table>
          <thead>
            <tr>
              <th><span class="ar">السنة</span><span class="en">Year</span></th>
              <th><span class="ar">المرحلة</span><span class="en">Phase</span></th>
              <th><span class="ar">رحلات/يوم</span><span class="en">Trips/Day</span></th>
              <th><span class="ar">الإيراد</span><span class="en">Revenue</span></th>
              <th><span class="ar">المصاريف</span><span class="en">Expenses</span></th>
              <th><span class="ar">صافي الربح</span><span class="en">Net Profit</span></th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="tc-gold"><b>Y1</b></td>
              <td><span class="ar">التأسيس</span><span class="en">Foundation</span></td>
              <td>1,500</td>
              <td>$120K</td>
              <td>$140K</td>
              <td class="tc-red">(-$20K)</td>
            </tr>
            <tr>
              <td class="tc-gold"><b>Y2</b></td>
              <td><span class="ar">التوسع</span><span class="en">Scaling</span></td>
              <td>4,000</td>
              <td>$365K</td>
              <td>$150K</td>
              <td class="tc-green">+$215K</td>
            </tr>
            <tr class="hl-row">
              <td class="tc-gold"><b>Y3</b></td>
              <td><span class="ar">الهيمنة</span><span class="en">Dominance</span></td>
              <td>10,000</td>
              <td>$912K</td>
              <td>$250K</td>
              <td class="tc-gold">+$662K</td>
            </tr>
          </tbody>
        </table>
      </div>

      <div class="chart-wrap rv" style="margin-bottom:2.5rem">
        <h3><span class="ar">الإيرادات مقابل المصاريف السنوية</span><span class="en">Annual Revenue vs Expenses</span>
        </h3>
        <p><span class="ar">مقارنة واضحة للثلاث سنوات</span><span class="en">Clear 3-year comparison</span></p>
        <div class="chart-canvas" style="max-height:280px"><canvas id="revExpBar"></canvas></div>
      </div>

      <!-- Unit Economics -->
      <h3 class="rv" style="font-size:1.1rem;font-weight:900;margin-bottom:1.5rem"><span class="ar">اقتصاديات
          الوحدة</span><span class="en">Unit Economics</span></h3>
      <div class="unit-grid rv">
        <div class="unit-card">
          <div class="uc-v">$0.77</div>
          <div class="uc-l"><span class="ar">تكلفة اكتساب السائق</span><span class="en">Driver CAC</span></div>
        </div>
        <div class="unit-card">
          <div class="uc-v">$2.00</div>
          <div class="uc-l"><span class="ar">تكلفة اكتساب الراكب</span><span class="en">Rider CAC</span></div>
        </div>
        <div class="unit-card">
          <div class="uc-v c">8</div>
          <div class="uc-l"><span class="ar">رحلات للاسترداد</span><span class="en">Trips to Payback</span></div>
        </div>
        <div class="unit-card">
          <div class="uc-v c">3:1</div>
          <div class="uc-l">LTV : CAC</div>
          <div class="uc-le"><span class="ar">المعيار الذهبي عالمياً</span><span class="en">Global gold standard</span>
          </div>
        </div>
      </div>

      <!-- ROI -->
      <h3 class="rv" style="font-size:1.1rem;font-weight:900;margin:2.5rem 0 1.5rem"><span class="ar">عائدك على
          الاستثمار (22%)</span><span class="en">Your Return on Investment (22%)</span></h3>
      <div class="roi-grid rv">
        <div class="roi-card" style="border-top:3px solid var(--gold)">
          <div class="roi-year"><span class="ar">السنة الأولى</span><span class="en">YEAR 1</span></div>
          <div class="roi-val" style="color:var(--muted);font-size:1.5rem"><span class="ar">بناء الأصول</span><span
              class="en">Asset Building</span></div>
          <div class="roi-desc"><span class="ar">نقطة التعادل: شهر 10–12<br>الشبكة تُبنى والعلامة تتأسس</span><span
              class="en">Breakeven: Month 10–12<br>Network builds, brand establishes</span></div>
        </div>
        <div class="roi-card" style="border-top:3px solid var(--cyan)">
          <div class="roi-year"><span class="ar">السنة الثانية</span><span class="en">YEAR 2</span></div>
          <div class="roi-val" style="color:var(--cyan)">$47,300</div>
          <div class="roi-desc"><span class="ar">22% من $215K صافي ربح<br>بداية التدفق النقدي</span><span class="en">22%
              of $215K net profit<br>Cash flow begins</span></div>
        </div>
        <div class="roi-card" style="border-top:3px solid var(--goldb);background:var(--gold-dim)">
          <div class="roi-year"><span class="ar">السنة الثالثة</span><span class="en">YEAR 3</span></div>
          <div class="roi-val">$145,750</div>
          <div class="roi-desc"><span class="ar">22% من $662K صافي ربح<br>+ قيمة الحصة $728,750</span><span
              class="en">22% of $662K net profit<br>+ Equity value $728,750</span></div>
        </div>
      </div>

      <div class="g2 rv" style="gap:2.5rem;margin-top:2rem">
        <div class="chart-wrap">
          <h3><span class="ar">توزيع العائد التراكمي</span><span class="en">Cumulative Return Breakdown</span></h3>
          <p><span class="ar">3 سنوات · حصة 22%</span><span class="en">3 years · 22% equity</span></p>
          <div class="chart-canvas" style="max-height:260px"><canvas id="roiDoughnut"></canvas></div>
        </div>
        <div>
          <div class="tw" style="margin-bottom:1.5rem">
            <table>
              <thead>
                <tr>
                  <th><span class="ar">البيان</span><span class="en">Detail</span></th>
                  <th><span class="ar">القيمة</span><span class="en">Value</span></th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td><span class="ar">حجم الجولة</span><span class="en">Round Size</span></td>
                  <td class="tc-gold">$200,000</td>
                </tr>
                <tr>
                  <td><span class="ar">النوع</span><span class="en">Type</span></td>
                  <td>Pre-Seed</td>
                </tr>
                <tr>
                  <td><span class="ar">الحصة</span><span class="en">Equity</span></td>
                  <td class="tc-cyan">22%</td>
                </tr>
                <tr>
                  <td><span class="ar">التقييم</span><span class="en">Valuation</span></td>
                  <td>~$909K</td>
                </tr>
                <tr>
                  <td>Runway</td>
                  <td>14 <span class="ar">شهراً</span><span class="en">months</span></td>
                </tr>
                <tr>
                  <td><span class="ar">الاسترداد النقدي (3 سنوات)</span><span class="en">Cash Recovery (3yr)</span></td>
                  <td class="tc-gold">96.5%</td>
                </tr>
                <tr>
                  <td><span class="ar">استراتيجية الخروج</span><span class="en">Exit Strategy</span></td>
                  <td>Series A / <span class="ar">استحواذ</span><span class="en">Acquisition</span></td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="callout gold">
            <span class="callout-i">🏢</span>
            <div style="font-size:.8rem">
              <b><span class="ar">كيف حسبنا قيمة الحصة؟</span><span class="en">How we valued the equity?</span></b>
              <span class="ar"> بنهاية Y3 الشركة تحقق $662K ربح سنوي. بمضاعف متحفظ ×5، قيمة الشركة = $3.3M. 22% =
                $728,750 + أرباح نقدية $193K = <b>مجموع $921,750</b>.</span>
              <span class="en"> By Y3 the company generates $662K annual profit. At a conservative 5× multiple, company
                value = $3.3M. 22% = $728,750 + cash dividends $193K = <b>total $921,750</b>.</span>
            </div>
          </div>
        </div>
      </div>

      <div class="total-card rv">
        <p style="font-size:.72rem;color:var(--muted);margin-bottom:.4rem;position:relative"><span class="ar">إجمالي
            قيمة استثمارك بنهاية السنة الثالثة</span><span class="en">Total value of your investment by end of Year
            3</span></p>
        <div class="total-big">$921,800</div>
        <div class="total-sub"><span class="ar">أرباح نقدية $193,050 + قيمة حصة 22% في شركة بـ $3.3M</span><span
            class="en">$193,050 cash dividends + 22% equity in a $3.3M company</span></div>
        <div class="total-kpis">
          <div class="tkpi"><span class="tkpi-v">4.6x</span><span class="tkpi-l"><span class="ar">العائد
                الإجمالي</span><span class="en">Total Return</span></span></div>
          <div class="tkpi"><span class="tkpi-v">96.5%</span><span class="tkpi-l"><span class="ar">استرداد
                نقدي</span><span class="en">Cash Recovery</span></span></div>
          <div class="tkpi"><span class="tkpi-v">$3.3M</span><span class="tkpi-l"><span class="ar">تقييم Y3</span><span
                class="en">Y3 Valuation</span></span></div>
        </div>
      </div>
    </div>
  </section>

  <div class="divider"></div>

  <!-- ══ MARKETS ══ -->
  <section id="markets">
    <div class="container">
      <div class="eyebrow rv">07 · <span class="ar">الأسواق</span><span class="en">Markets</span></div>
      <h2 class="stitle rv"><span class="ar">183+ مليون نسمة <em>في المرمى</em></span><span class="en">183M+ People
          <em>In the Crosshairs</em></span></h2>
      <p class="sdesc rv"><span class="ar">معمارية متعددة الدول تعني أسابيع للدخول لأي سوق جديد — لا أشهراً ولا
          ملايين.</span><span class="en">Multi-country architecture means weeks to enter any new market — not months or
          millions.</span></p>
      <div class="mkt-grid rv">
        <div class="mkt-card mk-now">
          <div class="mk-flag">🇸🇾</div>
          <div class="mk-name"><span class="ar">سوريا</span><span class="en">Syria</span></div>
          <div class="mk-pop">18M+ · 10M+ <span class="ar">هاتف</span><span class="en">smartphones</span></div>
          <div class="mk-opp"><span class="ar">تعمل الآن. ترخيص NANS. 1,800 سائق. دمشق: 50,000+ رحلة تاكسي/يوم. لا منافس
              حقيقي ومرخص.</span><span class="en">Live now. NANS license. 1,800 drivers. Damascus: 50,000+ taxi
              trips/day. No real licensed competitor.</span></div>
          <div class="mk-s s-live">● <span class="ar">يعمل الآن</span><span class="en">Live Now</span></div>
        </div>
        <div class="mkt-card mk-now">
          <div class="mk-flag">🇪🇬</div>
          <div class="mk-name"><span class="ar">مصر</span><span class="en">Egypt</span></div>
          <div class="mk-pop">105M · <span class="ar">أكبر سوق عربي</span><span class="en">Largest Arab market</span>
          </div>
          <div class="mk-opp"><span class="ar">نسخة مخصصة جاهزة للإطلاق. سوق ضخم مع مساحة واسعة للمنافسين الجدد بتكلفة
              تشغيل منخفضة.</span><span class="en">Customized version ready to launch. Massive market with wide space
              for new entrants at low operating cost.</span></div>
          <div class="mk-s s-live">◐ <span class="ar">جاهزة</span><span class="en">Ready</span></div>
        </div>
        <div class="mkt-card mk-near">
          <div class="mk-flag">🇯🇴</div>
          <div class="mk-name"><span class="ar">الأردن</span><span class="en">Jordan</span></div>
          <div class="mk-pop">11M</div>
          <div class="mk-opp"><span class="ar">Careem ضعيف + Uber غائب. نسخة سيرو تُنشر خلال أسابيع. طبقة وسطى كبيرة
              ومستقرة.</span><span class="en">Careem weak + Uber absent. Siro version deploys in weeks. Large stable
              middle class.</span></div>
          <div class="mk-s s-near">🟡 Q4 2026</div>
        </div>
        <div class="mkt-card mk-near">
          <div class="mk-flag">🇱🇾</div>
          <div class="mk-name"><span class="ar">ليبيا</span><span class="en">Libya</span></div>
          <div class="mk-pop">7M</div>
          <div class="mk-opp"><span class="ar">سوق بكر تقريباً — لا منافس يُذكر. فرصة تأسيس المعيار الوطني.</span><span
              class="en">Near-virgin market — negligible competition. Opportunity to set the national standard.</span>
          </div>
          <div class="mk-s s-near">🟡 Q4 2026</div>
        </div>
        <div class="mkt-card mk-mid">
          <div class="mk-flag">🇮🇶</div>
          <div class="mk-name"><span class="ar">العراق</span><span class="en">Iraq</span></div>
          <div class="mk-pop">42M</div>
          <div class="mk-opp"><span class="ar">سوق ناشئ بقوة — منافسة ضعيفة وطبقة وسطى تنمو بسرعة.</span><span
              class="en">Rapidly emerging market — weak competition and fast-growing middle class.</span></div>
          <div class="mk-s s-mid">🔵 Q2 2027</div>
        </div>
      </div>

      <h3 class="rv" style="font-size:1.1rem;font-weight:900;margin:3rem 0 2rem"><span class="ar">خارطة
          الطريق</span><span class="en">Roadmap</span></h3>
      <div class="tl rv">
        <div class="tl-item">
          <div class="tl-dot"></div>
          <div class="tl-ph">Q3 2026</div>
          <div class="tl-t"><span class="ar">استقرار سوريا — 1,000+ رحلة / يوم</span><span class="en">Syria
              Stabilization — 1,000+ trips/day</span></div>
          <div class="tl-d"><span class="ar">Admin Dashboard · تحسين UX · حملة تسويق كبرى · حلب وحمص</span><span
              class="en">Admin Dashboard · UX polish · Major marketing campaign · Aleppo & Homs</span></div><span
            class="tl-tag"><span class="ar">الأساس</span><span class="en">Foundation</span></span>
        </div>
        <div class="tl-item">
          <div class="tl-dot"></div>
          <div class="tl-ph">Q4 2026</div>
          <div class="tl-t"><span class="ar">إطلاق الأردن + ليبيا</span><span class="en">Jordan + Libya Launch</span>
          </div>
          <div class="tl-d"><span class="ar">نسخ محلية جاهزة · فرق تشغيل · شراكات فنادق ومطاعم</span><span
              class="en">Local versions ready · Operations teams · Hotel & restaurant partnerships</span></div><span
            class="tl-tag"><span class="ar">التوسع الأول</span><span class="en">First Expansion</span></span>
        </div>
        <div class="tl-item">
          <div class="tl-dot"></div>
          <div class="tl-ph">Q1 2027 · Seed Round</div>
          <div class="tl-t"><span class="ar">جولة Seed — $200K–$500K</span><span class="en">Seed Round —
              $200K–$500K</span></div>
          <div class="tl-d"><span class="ar">توسيع الفريق · بنية تحتية للنمو الكبير · توصيل البضائع + رحلات
              مشتركة</span><span class="en">Team expansion · Scale infrastructure · Package delivery + carpooling</span>
          </div><span class="tl-tag"><span class="ar">الاستثمار التالي</span><span class="en">Next
              Investment</span></span>
        </div>
        <div class="tl-item">
          <div class="tl-dot"></div>
          <div class="tl-ph">Q2 2027</div>
          <div class="tl-t"><span class="ar">إطلاق مصر الكامل + العراق</span><span class="en">Full Egypt + Iraq
              Launch</span></div>
          <div class="tl-d"><span class="ar">أكبر سوقين · النسخ جاهزة · نشر خلال أسابيع لا أشهر</span><span
              class="en">Two biggest markets · Versions ready · Deploy in weeks not months</span></div><span
            class="tl-tag"><span class="ar">النمو الكبير</span><span class="en">Major Growth</span></span>
        </div>
        <div class="tl-item">
          <div class="tl-dot"></div>
          <div class="tl-ph">Q4 2027 · Series A</div>
          <div class="tl-t"><span class="ar">جولة Series A — $1M–$3M</span><span class="en">Series A — $1M–$3M</span>
          </div>
          <div class="tl-d"><span class="ar">توسع إقليمي شامل · فريق 20+ · ذكاء اصطناعي وتوصيل</span><span
              class="en">Full regional expansion · 20+ team · AI features & delivery</span></div><span
            class="tl-tag"><span class="ar">التحول الكبير</span><span class="en">The Transformation</span></span>
        </div>
      </div>
    </div>
  </section>

  <div class="divider"></div>

  <!-- ══ RISKS ══ -->
  <section class="alt-bg">
    <div class="container">
      <div class="eyebrow rv">08 · <span class="ar">المخاطر والحلول</span><span class="en">Risks & Mitigations</span>
      </div>
      <h2 class="stitle rv"><span class="ar">الشفافية الكاملة — <em>ماذا يمكن أن يحدث؟</em></span><span class="en">Full
          Transparency — <em>What Could Go Wrong?</em></span></h2>
      <div class="tw rv">
        <table>
          <thead>
            <tr>
              <th><span class="ar">المخاطرة</span><span class="en">Risk</span></th>
              <th><span class="ar">الاحتمال</span><span class="en">Prob.</span></th>
              <th><span class="ar">التأثير</span><span class="en">Impact</span></th>
              <th><span class="ar">خطة التخفيف</span><span class="en">Mitigation Plan</span></th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><span class="ar">تقلبات سعر الصرف</span><span class="en">FX Fluctuation</span></td>
              <td><span class="risk-badge rb-hi"><span class="ar">عالي</span><span class="en">High</span></span></td>
              <td><span class="risk-badge rb-med"><span class="ar">متوسط</span><span class="en">Medium</span></span>
              </td>
              <td><span class="ar">احتياطي 10% + تسعير ديناميكي فوري من Admin</span><span class="en">10% reserve +
                  instant dynamic pricing from Admin</span></td>
            </tr>
            <tr>
              <td><span class="ar">أزمة محروقات / ارتفاع أسعار</span><span class="en">Fuel Crisis / Price Spikes</span>
              </td>
              <td><span class="risk-badge rb-hi"><span class="ar">عالي</span><span class="en">High</span></span></td>
              <td><span class="risk-badge rb-hi"><span class="ar">عالي</span><span class="en">High</span></span></td>
              <td><span class="ar">تعديل الأسعار فوري بدون تحديث التطبيق من لوحة التحكم</span><span class="en">Instant
                  price adjustment without app update via Admin Panel</span></td>
            </tr>
            <tr>
              <td><span class="ar">منافسة شرسة (Yallago/Zakinn)</span><span class="en">Competition
                  (Yallago/Zakinn)</span></td>
              <td><span class="risk-badge rb-med"><span class="ar">متوسط</span><span class="en">Medium</span></span>
              </td>
              <td><span class="risk-badge rb-hi"><span class="ar">عالي</span><span class="en">High</span></span></td>
              <td><span class="ar">عمولة 10% + ضمان دخل السائق + ترخيص حصري NANS</span><span class="en">10% commission +
                  driver income guarantee + exclusive NANS license</span></td>
            </tr>
            <tr>
              <td><span class="ar">بطء اكتساب المستخدمين</span><span class="en">Slow User Acquisition</span></td>
              <td><span class="risk-badge rb-med"><span class="ar">متوسط</span><span class="en">Medium</span></span>
              </td>
              <td><span class="risk-badge rb-hi"><span class="ar">عالي</span><span class="en">High</span></span></td>
              <td><span class="ar">$45K حوافز + $45K تسويق + برامج إحالة وولاء</span><span class="en">$45K incentives +
                  $45K marketing + referral & loyalty programs</span></td>
            </tr>
            <tr>
              <td><span class="ar">تغييرات تنظيمية حكومية</span><span class="en">Government Regulation Changes</span>
              </td>
              <td><span class="risk-badge rb-lo"><span class="ar">منخفض</span><span class="en">Low</span></span></td>
              <td><span class="risk-badge rb-hi"><span class="ar">عالي</span><span class="en">High</span></span></td>
              <td><span class="ar">شهادة NANS توفر حصناً قانونياً مسبقاً</span><span class="en">NANS certificate
                  provides preemptive legal fortress</span></td>
            </tr>
            <tr>
              <td><span class="ar">انهيار تقني تحت الضغط</span><span class="en">Technical Failure Under Load</span></td>
              <td><span class="risk-badge rb-lo"><span class="ar">منخفض جداً</span><span class="en">Very
                    Low</span></span></td>
              <td><span class="risk-badge rb-hi"><span class="ar">عالي</span><span class="en">High</span></span></td>
              <td><span class="ar">WebSocket + Redis مُختبر + 3 قواعد بيانات مفصولة + أمان 9/10</span><span
                  class="en">Tested WebSocket + Redis + 3 isolated DBs + 9/10 security</span></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </section>

  <div class="divider"></div>

  <!-- ══ TEAM ══ -->
  <section>
    <div class="container">
      <div class="eyebrow rv">09 · <span class="ar">الفريق</span><span class="en">Team</span></div>
      <h2 class="stitle rv"><span class="ar">الفريق الذي <em>بنى المستحيل</em></span><span class="en">The Team That
          <em>Built the Impossible</em></span></h2>
      <div class="team-grid rv">
        <div class="team-card">
          <div class="team-av">HA</div>
          <div class="team-name"><span class="ar">حمزة عايد</span><span class="en">Hamza Ayed</span></div>
          <div class="team-title">Founder · CEO · CTO</div>
          <div class="team-desc"><span class="ar">10+ سنوات خبرة. بنى Tripz في مصر. صمّم المنصة كاملة (تطبيقين + Backend
              + SiroMaps) من الصفر. خبير في نقل MENA.</span><span class="en">10+ years experience. Built Tripz in
              Egypt. Designed the full platform (2 apps + Backend + SiroMaps) from scratch. MENA transport
              expert.</span></div>
        </div>

      </div>
    </div>
  </section>

  <div class="divider"></div>

  <!-- ══ CTA + CALENDLY ══ -->
  <section id="contact" class="alt-bg">
    <div class="container">
      <div class="cta-wrap rv">
        <div class="cta-split">
          <div>
            <div class="eyebrow" style="margin-bottom:1rem"><span class="ar">ابدأ رحلة الاستثمار</span><span
                class="en">Start Your Investment Journey</span></div>
            <h2 class="cta-title">
              <span class="ar">المشروع جاهز ومرخص<br><span style="color:var(--goldb)">ويعمل على الأرض</span></span>
              <span class="en">Ready, Licensed<br><span style="color:var(--goldb)">Operating on the Ground</span></span>
            </h2>
            <p class="cta-sub">
              <span class="ar">كل ما نحتاجه هو الشريك المناسب. احجز مكالمة فيديو مع المؤسس مباشرةً — لا وسطاء، لا
                انتظار، لا بيروقراطية.</span>
              <span class="en">All we need is the right partner. Book a video call with the founder directly — no
                middlemen, no waiting, no bureaucracy.</span>
            </p>
            <div class="cta-btns">
              <a href="https://calendly.com/hamzaayed-tripz-egypt/new-meeting" target="_blank" class="calendly-btn">
                <i class="fas fa-video"></i>
                <span class="ar">احجز مكالمة فيديو عبر Calendly</span>
                <span class="en">Book a Video Call via Calendly</span>
              </a>
              <a href="mailto:invest@intaleqapp.com" class="btn btn-ghost" style="justify-content:center">
                <i class="fas fa-envelope"></i>
                invest@intaleqapp.com
              </a>
            </div>
            <div class="cta-info-grid" style="margin-top:1.5rem">
              <div class="ci-item"><span class="ci-v">$200K</span><span class="ci-l"><span class="ar">حجم
                    الجولة</span><span class="en">Round Size</span></span></div>
              <div class="ci-item"><span class="ci-v">22%</span><span class="ci-l"><span class="ar">حصة
                    الملكية</span><span class="en">Equity</span></span></div>
              <div class="ci-item"><span class="ci-v">4.6x</span><span class="ci-l"><span class="ar">العائد
                    المتوقع</span><span class="en">Expected Return</span></span></div>
              <div class="ci-item"><span class="ci-v">Pre-Seed</span><span class="ci-l"><span class="ar">نوع
                    الجولة</span><span class="en">Round Type</span></span></div>
            </div>
          </div>
          <div style="text-align:center">
            <div class="cta-device-logo">IN</div>
            <h3 style="margin-bottom:.25rem">Siro Syria</h3>
            <p style="color:var(--muted);font-size:.78rem;margin-bottom:.75rem">Damascus · NANS-INT-2026</p>
            <div class="cta-stores">
              <a href="https://play.google.com/store/apps/details?id=com.Siro.siro" target="_blank"
                class="store-btn"><i class="fab fa-google-play"></i> Android</a>
              <a href="https://apps.apple.com/app/id6748075179" target="_blank" class="store-btn"><i
                  class="fab fa-apple"></i> iOS</a>
              <a href="https://intaleqapp.com" target="_blank" class="store-btn"><i class="fas fa-globe"></i> Web</a>
            </div>
            <!-- Calendly inline -->
            <div style="margin-top:1.5rem;border-radius:12px;overflow:hidden;border:1px solid var(--border)">
              <div class="calendly-inline-widget"
                data-url="https://calendly.com/hamzaayed-tripz-egypt/new-meeting?hide_landing_page_details=1&hide_gdpr_banner=1&background_color=0B1628&text_color=C8D6F0&primary_color=F0A500"
                style="min-width:280px;height:460px;">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ══ FOOTER ══ -->
  <footer>
    <div class="foot-logo">سيرو · Siro</div>
    <div style="font-size:.7rem;color:var(--muted)">Damascus · Syria | NANS-INT-2026 | © 2026 Siro Smart Rides</div>
    <div class="foot-links">
      <a href="https://intaleqapp.com" target="_blank"><span class="ar">الموقع</span><span class="en">Website</span></a>
      <a href="https://linkedin.com/in/hamza-ayed" target="_blank">LinkedIn</a>
      <a href="https://play.google.com/store/apps/details?id=com.Siro.siro" target="_blank">Android</a>
      <a href="https://apps.apple.com/app/id6748075179" target="_blank">iOS</a>
      <a href="mailto:invest@intaleqapp.com"><span class="ar">البريد</span><span class="en">Email</span></a>
    </div>
  </footer>

  <!-- ══ SCRIPTS ══ -->
  <script>
    /* PARTICLES */
    const cv = document.getElementById('particles'), ctx = cv.getContext('2d');
    let W, H; const pts = [];
    function rs() { W = cv.width = innerWidth; H = cv.height = innerHeight } rs();
    addEventListener('resize', rs, { passive: true });
    class P { constructor() { this.reset() } reset() { this.x = Math.random() * W; this.y = Math.random() * H; this.s = Math.random() * 1.5 + .3; this.dx = (Math.random() - .5) * .2; this.dy = (Math.random() - .5) * .2; this.o = Math.random() * .25 + .06; const k = Math.random(); this.c = k < .5 ? '240,165,0' : k < .75 ? '0,229,204' : '140,170,255' } update() { this.x += this.dx; this.y += this.dy; if (this.x < 0 || this.x > W || this.y < 0 || this.y > H) this.reset() } draw() { ctx.beginPath(); ctx.arc(this.x, this.y, this.s, 0, 6.28); ctx.fillStyle = `rgba(${this.c},${this.o})`; ctx.fill() } }
    for (let i = 0; i < 90; i++)pts.push(new P);
    (function loop() { ctx.clearRect(0, 0, W, H); for (let i = 0; i < pts.length; i++) { for (let j = i + 1; j < pts.length; j++) { const dx = pts[i].x - pts[j].x, dy = pts[i].y - pts[j].y, d = Math.sqrt(dx * dx + dy * dy); if (d < 100) { ctx.beginPath(); ctx.moveTo(pts[i].x, pts[i].y); ctx.lineTo(pts[j].x, pts[j].y); ctx.strokeStyle = `rgba(240,165,0,${(1 - d / 100) * .025})`; ctx.lineWidth = .5; ctx.stroke() } } pts[i].update(); pts[i].draw() } requestAnimationFrame(loop) })();

    /* SCROLL */
    addEventListener('scroll', () => {
      const prog = (scrollY / (document.documentElement.scrollHeight - innerHeight) * 100);
      document.getElementById('scrollProg').style.width = prog + '%';
      document.getElementById('navbar').classList.toggle('scrolled', scrollY > 60);
    }, { passive: true });

    /* REVEAL */
    const io = new IntersectionObserver(e => e.forEach(x => { if (x.isIntersecting) { x.target.classList.add('in'); x.target.querySelectorAll('.fund-bar-fill').forEach((b, i) => setTimeout(() => { b.style.width = (b.dataset.w || 0) + '%' }, i * 60)) } }), { threshold: .08 });
    document.querySelectorAll('.rv').forEach(el => io.observe(el));

    /* LANG */
    function toggleLang() {
      const isEn = document.documentElement.getAttribute('data-lang') === 'en';
      const newLang = isEn ? 'ar' : 'en';
      document.documentElement.setAttribute('data-lang', newLang);
      document.documentElement.dir = isEn ? 'rtl' : 'ltr';
      document.documentElement.lang = newLang;
      document.querySelector('.lang-btn').textContent = isEn ? 'EN' : 'AR';
    }

    /* FEATURE TABS */
    function switchF(id, btn) {
      document.querySelectorAll('.ftb').forEach(b => b.classList.remove('on'));
      document.querySelectorAll('.fc').forEach(c => c.classList.remove('on'));
      btn.classList.add('on');
      document.getElementById('f' + id).classList.add('on');
    }

    /* COUNTER */
    function animN(el) {
      const t = parseInt(el.dataset.count) || 0, pre = el.dataset.prefix || '', dur = 1600;
      const s = performance.now();
      (function step(n) {
        const p = Math.min((n - s) / dur, 1), e = 1 - Math.pow(1 - p, 3);
        el.textContent = pre + Math.floor(e * t).toLocaleString(); if (p < 1) requestAnimationFrame(step)
      })(performance.now());
    }
    const hObs = new IntersectionObserver(e => { e.forEach(x => { if (x.isIntersecting) { document.querySelectorAll('[data-count]').forEach(animN); hObs.disconnect() } }) }, { threshold: .5 });
    const kpisEl = document.querySelector('.hero-kpis-grid'); if (kpisEl) hObs.observe(kpisEl);

    /* CHART DEFAULTS */
    Chart.defaults.color = '#7A8A9A';
    Chart.defaults.borderColor = 'rgba(255,255,255,.05)';
    Chart.defaults.font.family = "'Cairo','Plus Jakarta Sans',sans-serif";

    /* PIE */
    new Chart(document.getElementById('pieChart'), {
      type: 'doughnut', data: {
        labels: ['Salaries $71.4K', 'Incentives $45K', 'Marketing $45.2K', 'Reserve $15.5K', 'Rent $8.4K', 'Billboards $8K', 'Servers $3.5K', 'Office $3K'],
        datasets: [{
          data: [71400, 45000, 45200, 15500, 8400, 8000, 3500, 3000],
          backgroundColor: ['#F0A500', '#FFB830', '#FF8C00', '#00D97E', '#00E5CC', '#4DA3FF', '#8B5CF6', '#FF3D6B'],
          borderWidth: 0, hoverOffset: 10
        }]
      },
      options: { responsive: true, maintainAspectRatio: true, plugins: { legend: { position: 'bottom', labels: { padding: 10, usePointStyle: true, pointStyle: 'circle', font: { size: 10, weight: 700 } } } } }
    });

    /* INCENTIVE BAR */
    new Chart(document.getElementById('incentiveBar'), {
      type: 'bar', data: {
        labels: ['M1', 'M2', 'M3', 'M4', 'M5', 'M6'],
        datasets: [{
          label: '$', data: [10000, 10000, 8000, 7000, 5000, 5000],
          backgroundColor: ['#F0A500', '#F0A500', '#FFB830', '#FFB830', '#00D97E', '#00D97E'],
          borderRadius: 8, barThickness: 36
        }]
      },
      options: {
        responsive: true, maintainAspectRatio: true, plugins: { legend: { display: false } },
        scales: { y: { beginAtZero: true, ticks: { callback: v => '$' + (v / 1000) + 'K' }, grid: { color: 'rgba(255,255,255,.04)' } }, x: { grid: { display: false } } }
      }
    });

    /* LINE 36M */
    const mo = Array.from({ length: 36 }, (_, i) => `M${i + 1}`);
    const rv = [750, 750, 750, 3000, 3000, 3000, 6000, 6000, 6000, 11250, 11250, 11250, 15000, 18000, 21000, 24000, 27000, 30000, 30000, 30000, 30000, 30000, 30000, 30000, 40000, 45000, 50000, 55000, 60000, 65000, 70000, 72000, 74000, 76000, 78000, 80000];
    const ex = [13100, 13100, 13100, 10600, 10600, 10600, 8100, 8100, 8100, 6100, 6100, 6100, 8000, 9000, 10000, 11000, 11500, 12000, 12000, 12500, 12500, 13000, 13000, 13000, 15000, 16000, 17000, 18000, 19000, 20000, 20000, 21000, 21000, 21000, 21000, 21000];
    new Chart(document.getElementById('lineChart'), {
      type: 'line', data: {
        labels: mo,
        datasets: [
          { label: 'Revenue', data: rv, borderColor: '#F0A500', backgroundColor: 'rgba(240,165,0,.07)', fill: true, tension: .35, pointRadius: 0, pointHoverRadius: 5, borderWidth: 2.5 },
          { label: 'Expenses', data: ex, borderColor: '#FF3D6B', backgroundColor: 'rgba(255,61,107,.05)', fill: true, tension: .35, pointRadius: 0, pointHoverRadius: 5, borderWidth: 2, borderDash: [6, 4] }
        ]
      },
      options: {
        responsive: true, maintainAspectRatio: true, interaction: { mode: 'index', intersect: false },
        plugins: {
          legend: { position: 'top', labels: { usePointStyle: true, pointStyle: 'line', font: { size: 11, weight: 700 }, padding: 16 } },
          tooltip: { callbacks: { label: c => ` ${c.dataset.label}: $${c.raw.toLocaleString()}` } }
        },
        scales: { y: { beginAtZero: true, ticks: { callback: v => '$' + (v >= 1000 ? (v / 1000) + 'K' : v) }, grid: { color: 'rgba(255,255,255,.04)' } }, x: { ticks: { maxTicksLimit: 12 }, grid: { display: false } } }
      }
    });

    /* REV VS EXP */
    new Chart(document.getElementById('revExpBar'), {
      type: 'bar', data: {
        labels: ['Y1', 'Y2', 'Y3'],
        datasets: [
          { label: 'Revenue', data: [120000, 365000, 912500], backgroundColor: '#F0A500', borderRadius: 8, barThickness: 45 },
          { label: 'Expenses', data: [140000, 150000, 250000], backgroundColor: '#FF3D6B', borderRadius: 8, barThickness: 45 }
        ]
      },
      options: {
        responsive: true, maintainAspectRatio: true,
        plugins: { legend: { position: 'top', labels: { usePointStyle: true, pointStyle: 'rect', font: { size: 11, weight: 700 }, padding: 16 } }, tooltip: { callbacks: { label: c => ` ${c.dataset.label}: $${c.raw.toLocaleString()}` } } },
        scales: { y: { beginAtZero: true, ticks: { callback: v => '$' + (v / 1000) + 'K' }, grid: { color: 'rgba(255,255,255,.04)' } }, x: { grid: { display: false } } }
      }
    });

    /* ROI DOUGHNUT */
    new Chart(document.getElementById('roiDoughnut'), {
      type: 'doughnut', data: {
        labels: ['Y1 (Build)', 'Y2 ($47.3K)', 'Y3 ($145.7K)'],
        datasets: [{ data: [1, 47300, 145750], backgroundColor: ['#1A2840', '#00E5CC', '#F0A500'], borderWidth: 0, hoverOffset: 10 }]
      },
      options: {
        responsive: true, maintainAspectRatio: true,
        plugins: {
          legend: { position: 'bottom', labels: { padding: 10, usePointStyle: true, pointStyle: 'circle', font: { size: 11, weight: 700 } } },
          tooltip: { callbacks: { label: c => ` ${c.label}: $${c.raw.toLocaleString()}` } }
        }
      }
    });

    /* CALENDLY */
    (function () { var s = document.createElement('script'); s.src = 'https://assets.calendly.com/assets/external/widget.js'; s.async = true; document.head.appendChild(s) })();
  </script>
</body>

</html>