/* ==========================================================================
   ALGORIZMS MASTER ARABIC TYPOGRAPHY SYSTEM (v3.5)
   Strictly Enforced Guidelines:
   1. Titles & Headlines: Cairo Bold (700 / 800 / 900)
   2. Subtitles, Badges & Notes: Alexandria (600 / 700)
   3. CTA Buttons: Alexandria Bold (700 / 800) — Larger, bolder letterforms
   4. Tagline Under Logo: Cairo Bold (700) — "لخدمات التسويق والحلول التقنية"
   5. Logo Wordmark: Pasajero (--font-brand) preserved with zero mutation
   6. Body Copy, Paragraphs & Descriptions: Noto Kufi Arabic (400 / 500)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@500;600;700;800&family=Almarai:wght@300;400;700;800&family=Cairo:wght@700;800;900&family=Noto+Kufi+Arabic:wght@400;500;600;700&display=swap');

:root {
  --font-ar-title: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-ar-notes: 'Alexandria', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-ar-cta: 'Alexandria', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-ar-body: 'Noto Kufi Arabic', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ==========================================================================
   1. Base Direction & Root Typography
   ========================================================================== */
[dir="rtl"],
html[dir="rtl"] {
  text-align: right;
  direction: rtl;
}

[dir="rtl"] body {
  font-family: var(--font-ar-body) !important;
  font-weight: 400;
  line-height: 1.85;
  letter-spacing: 0;
  color: #FAF8F4;
}

/* ==========================================================================
   2. BRAND LOGO EXEMPTION & IMMUTABILITY (Never touch with Arabic styles)
   ========================================================================== */
[dir="rtl"] .brand-title,
[dir="rtl"] .brand-wordmark,
[dir="rtl"] .hub-pasajero-title,
.brand-title,
.brand-wordmark {
  font-family: var(--font-brand) !important;
  font-size: 1.42rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  color: var(--text-primary, #FAF8F4) !important;
  -webkit-text-stroke: 0 !important;
}

[dir="rtl"] .brand-group {
  flex-direction: row;
}

/* Tagline under logo in Arabic: Cairo Bold */
[dir="rtl"] .brand-tag {
  font-family: var(--font-ar-title) !important;
  font-weight: 700 !important;
  font-size: 0.74rem !important;
  color: var(--text-gold, #FCD34D) !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  text-transform: none !important;
}

/* ==========================================================================
   3. TITLES & HEADLINES — Cairo Bold (700 / 800 / 900)
   ========================================================================== */
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] .hero-headline,
[dir="rtl"] .section-editorial-title,
[dir="rtl"] .section-title,
[dir="rtl"] .feature-title,
[dir="rtl"] .article-title,
[dir="rtl"] .card-title,
[dir="rtl"] .case-title-lg,
[dir="rtl"] .circle-title,
[dir="rtl"] .stage-name,
[dir="rtl"] .cta-heading,
[dir="rtl"] .modal-box h2,
[dir="rtl"] .modal-box h3 {
  font-family: var(--font-ar-title) !important;
  font-weight: 800 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}

[dir="rtl"] .hero-headline {
  font-family: var(--font-ar-title) !important;
  font-size: clamp(1.35rem, 2.2vw, 2.15rem) !important;
  line-height: 1.28 !important;
  font-weight: 800 !important;
}

[dir="rtl"] .section-editorial-title {
  font-family: var(--font-ar-title) !important;
  font-size: clamp(1.35rem, 2.2vw, 2.1rem) !important;
  line-height: 1.32 !important;
}

[dir="rtl"] .page-hero-title {
  font-family: var(--font-ar-title) !important;
  font-size: clamp(1.4rem, 2.4vw, 2.2rem) !important;
  line-height: 1.28 !important;
  font-weight: 900 !important;
}

@media (max-width: 600px) {
  [dir="rtl"] .hero-headline {
    font-size: clamp(1.15rem, 4.2vw, 1.45rem) !important;
    line-height: 1.28 !important;
  }
  [dir="rtl"] .section-editorial-title {
    font-size: clamp(1.18rem, 4.2vw, 1.55rem) !important;
    line-height: 1.3 !important;
  }
  [dir="rtl"] .page-hero-title {
    font-size: clamp(1.22rem, 4.5vw, 1.65rem) !important;
    line-height: 1.28 !important;
  }
}

[dir="rtl"] .circle-title {
  font-size: 1.35rem !important;
  line-height: 1.3 !important;
}

[dir="rtl"] .stage-name {
  font-size: 1.45rem !important;
  line-height: 1.3 !important;
}

[dir="rtl"] .cta-heading {
  font-size: clamp(1.5rem, 2.4vw, 2.2rem) !important;
  line-height: 1.35 !important;
}

[dir="rtl"] .article-title,
[dir="rtl"] .article-title a {
  font-family: 'Pasajero Complete', 'Cairo', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  line-height: 1.35 !important;
}

/* ==========================================================================
   4. CTA BUTTONS & INTERACTIVE ACTIONS — Alexandria Bold (700 / 800)
      Per MR. Vairus: Alexandria bold provides larger, bolder, high-impact letterforms for CTAs
   ========================================================================== */
[dir="rtl"] .shimmer-btn,
[dir="rtl"] .shimmer-btn-inner,
[dir="rtl"] .btn-primary,
[dir="rtl"] .btn-primary-inner,
[dir="rtl"] .btn-secondary,
[dir="rtl"] .cta-radiant-gold-btn,
[dir="rtl"] .modal-glimpse-submit-btn,
[dir="rtl"] .modal-glimpse-submit-inner,
[dir="rtl"] .circle-footer-sla,
[dir="rtl"] .article-footer a {
  font-family: var(--font-ar-cta) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-size: 1.15rem !important;
}

[dir="rtl"] .shimmer-btn-inner {
  gap: 10px !important;
  padding: 12px 28px !important;
}

[dir="rtl"] .cta-radiant-gold-btn .shimmer-btn-inner,
[dir="rtl"] .modal-glimpse-submit-inner {
  font-family: var(--font-ar-cta) !important;
  font-weight: 800 !important;
  font-size: 1.22rem !important;
  padding: 14px 34px !important;
}

[dir="rtl"] header.site-header .shimmer-btn-inner {
  font-family: var(--font-ar-cta) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
  padding: 8px 22px !important;
}

@media (max-width: 600px) {
  [dir="rtl"] header.site-header .shimmer-btn-inner {
    font-size: 0.82rem !important;
    padding: 5px 12px !important;
  }
}

/* ==========================================================================
   5. NOTES, BADGES, TAGS & SUBTITLES — Alexandria (600 / 700)
   ========================================================================== */
[dir="rtl"] .section-editorial-tag,
[dir="rtl"] .section-badge,
[dir="rtl"] .hero-slogan-badge,
[dir="rtl"] .hero-slogan-badge span,
[dir="rtl"] .hero-badge,
[dir="rtl"] .circle-tag,
[dir="rtl"] .stage-number,
[dir="rtl"] .stage-subtitle,
[dir="rtl"] .case-tag-mono,
[dir="rtl"] .case-metric-name,
[dir="rtl"] .strip-label,
[dir="rtl"] .partner-chip-badge,
[dir="rtl"] .partner-chip-text,
[dir="rtl"] .article-badge,
[dir="rtl"] .circle-pill-item,
[dir="rtl"] .nav-link,
[dir="rtl"] label,
[dir="rtl"] .pill-label,
[dir="rtl"] .stage-conduit-arrow span,
[dir="rtl"] .testimonial-name,
[dir="rtl"] .testimonial-role,
[dir="rtl"] .article-footer span {
  font-family: var(--font-ar-notes) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

[dir="rtl"] .section-editorial-tag {
  font-size: 0.76rem !important;
  letter-spacing: 0.04em !important;
}

[dir="rtl"] .circle-pill-item {
  font-size: 0.74rem !important;
  padding: 5px 12px !important;
}

[dir="rtl"] .stage-subtitle {
  font-family: var(--font-ar-notes) !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 0.88rem !important;
}

/* ==========================================================================
   6. RUNNING BODY COPY & DESCRIPTIONS — Noto Kufi Arabic (400 / 500)
   ========================================================================== */
[dir="rtl"] p,
[dir="rtl"] .hero-headline-sub,
[dir="rtl"] .hero-subtext,
[dir="rtl"] .section-editorial-right,
[dir="rtl"] .circle-desc,
[dir="rtl"] .stage-text,
[dir="rtl"] .stage-deliverables,
[dir="rtl"] .stage-deliverables li,
[dir="rtl"] .case-desc-lg,
[dir="rtl"] .article-summary,
[dir="rtl"] .testimonial-quote,
[dir="rtl"] .cta-subtext,
[dir="rtl"] .footer-desc,
[dir="rtl"] .modal-box p,
[dir="rtl"] .form-input-editorial,
[dir="rtl"] select,
[dir="rtl"] input {
  font-family: var(--font-ar-body) !important;
  font-weight: 400 !important;
  line-height: 1.85 !important;
  letter-spacing: 0 !important;
  color: var(--text-muted);
}

[dir="rtl"] .hero-headline-sub {
  font-size: clamp(0.95rem, 1.2vw, 1.12rem) !important;
  line-height: 1.85 !important;
}

[dir="rtl"] .stage-deliverables li {
  font-size: 0.88rem !important;
  line-height: 1.75 !important;
  color: #FAF8F4 !important;
}

[dir="rtl"] .testimonial-quote {
  font-size: 0.94rem !important;
  line-height: 1.85 !important;
  color: #FAF8F4 !important;
  font-style: normal !important;
}

/* ==========================================================================
   7. UI/UX RTL Layout Alignment, Cards & Visual Flow Audit
   Guarantees all cards, editorial headers, titles, lists, and conduit arrows
   are strictly right-aligned (RTL) across all 7 platform pages.
   ========================================================================== */

/* 7.1 Page Heroes & Editorial Section Headers */
[dir="rtl"] .page-hero,
[dir="rtl"] .page-hero-title,
[dir="rtl"] .page-hero-desc {
  text-align: center !important;
  direction: rtl !important;
}

[dir="rtl"] .section-editorial-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  direction: rtl !important;
  margin: 0 auto 48px auto !important;
}

@media (max-width: 900px) {
  [dir="rtl"] .section-editorial-header {
    align-items: center !important;
    text-align: center !important;
    direction: rtl !important;
  }
}

[dir="rtl"] .section-editorial-left,
[dir="rtl"] .section-editorial-left h2,
[dir="rtl"] .section-editorial-left span,
[dir="rtl"] .section-editorial-title,
[dir="rtl"] .section-editorial-tag {
  text-align: center !important;
  direction: rtl !important;
}

[dir="rtl"] .section-editorial-right {
  text-align: center !important;
  direction: rtl !important;
  margin: 0 auto !important;
  font-family: 'Almarai', sans-serif !important;
}

/* 7.15 Interactive Framework Story Box RTL (#framework) */
[dir="rtl"] .framework-story-box {
  direction: rtl !important;
  text-align: right !important;
}

[dir="rtl"] .stage-nav-arrow svg {
  transform: scaleX(-1) !important;
}

[dir="rtl"] .story-stage-narrative-header {
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .story-stage-title {
  font-family: 'Cairo', var(--font-libby), sans-serif !important;
  font-weight: 800 !important;
  text-align: right !important;
}

[dir="rtl"] .story-stage-prose {
  font-family: 'Almarai', sans-serif !important;
  text-align: right !important;
}

[dir="rtl"] .story-cards-grid {
  direction: rtl !important;
}

[dir="rtl"] .story-card {
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .story-card-title {
  font-family: 'Cairo', var(--font-libby), sans-serif !important;
  font-weight: 800 !important;
}

[dir="rtl"] .story-card-list {
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .story-card-list li {
  font-family: 'Almarai', sans-serif !important;
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .story-signature-quote {
  font-family: 'Almarai', sans-serif !important;
  border-left: none !important;
  border-right: 3px solid #D946EF !important;
  border-radius: 8px 0 0 8px !important;
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .story-footer-nav {
  direction: rtl !important;
}

[dir="rtl"] .story-nav-btn {
  font-family: var(--font-ar-cta), 'Alexandria', sans-serif !important;
  font-size: 0.95rem !important;
  letter-spacing: 0 !important;
}

/* 7.2 Framework Stage Cards (#framework) */
[dir="rtl"] .framework-stage-card {
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .stage-number,
[dir="rtl"] .stage-name,
[dir="rtl"] .stage-subtitle,
[dir="rtl"] .stage-text,
[dir="rtl"] .stage-desc {
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .stage-deliverables,
[dir="rtl"] .stage-list {
  text-align: right !important;
  direction: rtl !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

[dir="rtl"] .stage-deliverables li,
[dir="rtl"] .stage-list li {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .stage-deliverables li .check,
[dir="rtl"] .stage-list li span {
  order: -1 !important;
  flex-shrink: 0 !important;
}

/* Stage Conduit Arrows - Flipped for RTL Flow (Pointing Left / Forward) */
[dir="rtl"] .stage-conduit-arrow {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .conduit-arrow-icon {
  display: inline-block !important;
  transform: scaleX(-1) !important;
  animation: conduitArrowSlideRTL 1.5s infinite ease-in-out !important;
}

@keyframes conduitArrowSlideRTL {
  0%, 100% { transform: scaleX(-1) translateX(0); opacity: 0.7; }
  50% { transform: scaleX(-1) translateX(5px); opacity: 1; }
}

/* 7.3 About Page Cards & Leadership (about.html) */
[dir="rtl"] .about-lead-quote {
  border-right: 3px solid var(--text-gold, #FCD34D) !important;
  border-left: none !important;
  padding-right: 28px !important;
  padding-left: 0 !important;
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .diff-item-box,
[dir="rtl"] .diff-index,
[dir="rtl"] .diff-head,
[dir="rtl"] .diff-body {
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .northstar-card,
[dir="rtl"] .northstar-card h3,
[dir="rtl"] .northstar-card p,
[dir="rtl"] .modal-spec-block {
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .team-card {
  text-align: center !important;
  direction: rtl !important;
}

[dir="rtl"] .team-card .team-name,
[dir="rtl"] .team-card .team-fame,
[dir="rtl"] .team-card .team-role,
[dir="rtl"] .team-card .team-bio,
[dir="rtl"] .team-card .team-actions {
  text-align: center !important;
  justify-content: center !important;
  direction: rtl !important;
}

[dir="rtl"] .team-card .team-fame,
[dir="rtl"] .team-fame {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}

[dir="rtl"] .team-card-founder .team-fame,
.team-card-founder .team-fame {
  display: inline-block !important;
  text-align: center !important;
  transform: translateX(1px) !important;
  background: linear-gradient(90deg, #0284C7 0%, #0EA5E9 25%, #4F46E5 50%, #7C3AED 75%, #9333EA 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  filter: none !important;
  text-shadow: none !important;
  transition: transform 0.35s ease !important;
}

.team-card-founder:hover .team-name,
.team-card-founder:hover .team-name bdi {
  color: #FCD34D !important;
  text-shadow: 0 0 12px rgba(252, 211, 77, 0.75), 0 0 24px rgba(252, 211, 77, 0.4) !important;
  filter: none !important;
}

.team-card-founder:hover .team-fame,
.team-card-founder .team-fame:hover {
  filter: none !important;
  text-shadow: none !important;
  transform: translateX(1px) !important;
}

/* Glowing Team Names in White on Card Hover (Tiko, Simo, Zizi, Brain, Mareka) */
.team-card-tiko:hover .team-name,
.team-card-tiko:hover .team-name bdi,
.team-card-simo:hover .team-name,
.team-card-simo:hover .team-name bdi,
.team-card-zizi:hover .team-name,
.team-card-zizi:hover .team-name bdi,
.team-card-brain:hover .team-name,
.team-card-brain:hover .team-name bdi,
.team-card-brandizer:hover .team-name,
.team-card-brandizer:hover .team-name bdi,
.team-card-mareka:hover .team-name,
.team-card-mareka:hover .team-name bdi {
  color: #FFFFFF !important;
  text-shadow: 0 0 12px rgba(255, 255, 255, 0.95), 0 0 24px rgba(255, 255, 255, 0.7), 0 0 36px rgba(255, 255, 255, 0.4) !important;
}

/* Roles and Epithets Glow in Their Respective Domain Colors */
.team-card-tiko:hover .team-fame,
.team-card-tiko:hover .team-fame bdi {
  color: #38BDF8 !important;
  text-shadow: 0 0 10px rgba(56, 189, 248, 0.7), 0 0 20px rgba(56, 189, 248, 0.35) !important;
}
.team-card-simo:hover .team-fame,
.team-card-simo:hover .team-fame bdi {
  color: #C084FC !important;
  text-shadow: 0 0 10px rgba(192, 132, 252, 0.7), 0 0 20px rgba(192, 132, 252, 0.35) !important;
}
.team-card-zizi:hover .team-fame,
.team-card-zizi:hover .team-fame bdi {
  color: #F472B6 !important;
  text-shadow: 0 0 10px rgba(244, 114, 182, 0.7), 0 0 20px rgba(244, 114, 182, 0.35) !important;
}
.team-card-brain:hover .team-fame,
.team-card-brain:hover .team-fame bdi {
  color: #FCD34D !important;
  text-shadow: 0 0 10px rgba(252, 211, 77, 0.7), 0 0 20px rgba(252, 211, 77, 0.35) !important;
}
.team-card-brandizer:hover .team-fame,
.team-card-brandizer:hover .team-fame bdi {
  color: #F43F5E !important;
  text-shadow: 0 0 12px rgba(225, 29, 72, 0.8), 0 0 24px rgba(124, 58, 237, 0.5) !important;
}
.team-card-mareka:hover .team-fame,
.team-card-mareka:hover .team-fame bdi {
  color: #34D399 !important;
  text-shadow: 0 0 10px rgba(52, 211, 153, 0.7), 0 0 20px rgba(52, 211, 153, 0.35) !important;
}

/* Ultra-Dark Luxury Card Backgrounds */
.team-card {
  background: rgba(8, 7, 9, 0.95) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.35s ease,
              box-shadow 0.35s ease,
              background 0.35s ease !important;
}
.team-card-founder {
  background: rgba(8, 6, 5, 0.95) !important;
}
.team-card-tiko {
  background: rgba(6, 8, 12, 0.95) !important;
}
.team-card-simo {
  background: rgba(8, 6, 12, 0.95) !important;
}
.team-card-zizi {
  background: rgba(10, 6, 9, 0.95) !important;
}
.team-card-brain {
  background: rgba(9, 8, 6, 0.95) !important;
}
.team-card-brandizer {
  background: rgba(9, 6, 12, 0.95) !important;
}
.team-card-mareka {
  background: rgba(6, 9, 8, 0.95) !important;
}

.team-card-founder:hover {
  background: rgba(10, 8, 6, 0.98) !important;
}
.team-card-tiko:hover {
  background: rgba(7, 10, 15, 0.98) !important;
}
.team-card-simo:hover {
  background: rgba(10, 7, 15, 0.98) !important;
}
.team-card-zizi:hover {
  background: rgba(12, 7, 11, 0.98) !important;
}
.team-card-brain:hover {
  background: rgba(11, 10, 7, 0.98) !important;
}
.team-card-brandizer:hover {
  background: rgba(13, 7, 16, 0.98) !important;
}
.team-card-mareka:hover {
  background: rgba(7, 11, 10, 0.98) !important;
}

/* Team Avatar Clickable Indicator */
.team-avatar-wrap {
  cursor: zoom-in !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.35s ease !important;
}
.team-avatar-wrap:hover {
  transform: scale(1.08) !important;
}

/* Glowing Capsules on Card Hover & Capsule Direct Hover */
.team-card-capsule {
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.team-card-founder:hover .team-card-capsule,
.team-card-founder .team-card-capsule:hover {
  background: rgba(252, 211, 77, 0.22) !important;
  border-color: rgba(252, 211, 77, 0.85) !important;
  color: #FFF !important;
  box-shadow: 0 0 16px rgba(252, 211, 77, 0.7), 0 0 30px rgba(252, 211, 77, 0.35), inset 0 0 8px rgba(252, 211, 77, 0.4) !important;
  text-shadow: 0 0 10px rgba(252, 211, 77, 0.9) !important;
  transform: scale(1.05);
}
.team-card-tiko:hover .team-card-capsule,
.team-card-tiko .team-card-capsule:hover {
  background: rgba(56, 189, 248, 0.22) !important;
  border-color: rgba(56, 189, 248, 0.85) !important;
  color: #FFF !important;
  box-shadow: 0 0 16px rgba(56, 189, 248, 0.7), 0 0 30px rgba(56, 189, 248, 0.35), inset 0 0 8px rgba(56, 189, 248, 0.4) !important;
  text-shadow: 0 0 10px rgba(56, 189, 248, 0.9) !important;
  transform: scale(1.05);
}
.team-card-simo:hover .team-card-capsule,
.team-card-simo .team-card-capsule:hover {
  background: rgba(192, 132, 252, 0.22) !important;
  border-color: rgba(192, 132, 252, 0.85) !important;
  color: #FFF !important;
  box-shadow: 0 0 16px rgba(192, 132, 252, 0.7), 0 0 30px rgba(192, 132, 252, 0.35), inset 0 0 8px rgba(192, 132, 252, 0.4) !important;
  text-shadow: 0 0 10px rgba(192, 132, 252, 0.9) !important;
  transform: scale(1.05);
}
.team-card-zizi:hover .team-card-capsule,
.team-card-zizi .team-card-capsule:hover {
  background: rgba(244, 114, 182, 0.22) !important;
  border-color: rgba(244, 114, 182, 0.85) !important;
  color: #FFF !important;
  box-shadow: 0 0 16px rgba(244, 114, 182, 0.7), 0 0 30px rgba(244, 114, 182, 0.35), inset 0 0 8px rgba(244, 114, 182, 0.4) !important;
  text-shadow: 0 0 10px rgba(244, 114, 182, 0.9) !important;
  transform: scale(1.05);
}
.team-card-brain:hover .team-card-capsule,
.team-card-brain .team-card-capsule:hover {
  background: rgba(252, 211, 77, 0.22) !important;
  border-color: rgba(252, 211, 77, 0.85) !important;
  color: #FFF !important;
  box-shadow: 0 0 16px rgba(252, 211, 77, 0.7), 0 0 30px rgba(252, 211, 77, 0.35), inset 0 0 8px rgba(252, 211, 77, 0.4) !important;
  text-shadow: 0 0 10px rgba(252, 211, 77, 0.9) !important;
  transform: scale(1.05);
}
.team-card-brandizer:hover .team-card-capsule,
.team-card-brandizer .team-card-capsule:hover {
  background: rgba(225, 29, 72, 0.22) !important;
  border-color: rgba(225, 29, 72, 0.85) !important;
  color: #FFF !important;
  box-shadow: 0 0 16px rgba(225, 29, 72, 0.7), 0 0 30px rgba(124, 58, 237, 0.4), inset 0 0 8px rgba(225, 29, 72, 0.4) !important;
  text-shadow: 0 0 10px rgba(225, 29, 72, 0.9) !important;
  transform: scale(1.05);
}
.team-card-mareka:hover .team-card-capsule,
.team-card-mareka .team-card-capsule:hover {
  background: rgba(52, 211, 153, 0.22) !important;
  border-color: rgba(52, 211, 153, 0.85) !important;
  color: #FFF !important;
  box-shadow: 0 0 16px rgba(52, 211, 153, 0.7), 0 0 30px rgba(52, 211, 153, 0.35), inset 0 0 8px rgba(52, 211, 153, 0.4) !important;
  text-shadow: 0 0 10px rgba(52, 211, 153, 0.9) !important;
  transform: scale(1.05);
}

/* Disable mouse light effect on team cards to maximize frame glow */
.team-card::before,
.team-card.spotlight-card::before {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
}


[dir="rtl"] .team-name {
  font-family: var(--font-ar-title) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-align: center !important;
  direction: rtl !important;
}

[dir="rtl"] .team-role {
  font-family: var(--font-ar-notes) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  direction: rtl !important;
  transition: text-shadow 0.35s ease, color 0.35s ease !important;
}

/* Glowing Team Roles on Card Hover (RTL) */
[dir="rtl"] .team-card-founder:hover .team-role {
  text-shadow: 0 0 14px rgba(252, 211, 77, 1), 0 0 30px rgba(252, 211, 77, 0.85), 0 0 50px rgba(252, 211, 77, 0.5) !important;
}
[dir="rtl"] .team-card-tiko:hover .team-role {
  text-shadow: 0 0 14px rgba(56, 189, 248, 1), 0 0 30px rgba(56, 189, 248, 0.85), 0 0 50px rgba(56, 189, 248, 0.5) !important;
}
[dir="rtl"] .team-card-simo:hover .team-role {
  text-shadow: 0 0 14px rgba(192, 132, 252, 1), 0 0 30px rgba(192, 132, 252, 0.85), 0 0 50px rgba(192, 132, 252, 0.5) !important;
}
[dir="rtl"] .team-card-zizi:hover .team-role {
  text-shadow: 0 0 14px rgba(244, 114, 182, 1), 0 0 30px rgba(217, 70, 239, 0.85), 0 0 50px rgba(244, 114, 182, 0.5) !important;
}
[dir="rtl"] .team-card-brain:hover .team-role {
  text-shadow: 0 0 14px rgba(252, 211, 77, 1), 0 0 30px rgba(252, 211, 77, 0.85), 0 0 50px rgba(252, 211, 77, 0.5) !important;
}
[dir="rtl"] .team-card-brandizer:hover .team-role {
  text-shadow: 0 0 14px rgba(225, 29, 72, 1), 0 0 30px rgba(124, 58, 237, 0.85), 0 0 50px rgba(225, 29, 72, 0.5) !important;
}
[dir="rtl"] .team-card-mareka:hover .team-role {
  text-shadow: 0 0 14px rgba(52, 211, 153, 1), 0 0 30px rgba(52, 211, 153, 0.85), 0 0 50px rgba(52, 211, 153, 0.5) !important;
}

/* Interactive Popped Avatar State — Pops forward as a bigger glowing circle on the card */
.team-avatar-wrap {
  cursor: pointer !important;
  position: relative !important;
  z-index: 2 !important;
  transform-origin: center center !important;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
              box-shadow 0.35s ease !important;
}
.team-avatar-wrap:hover:not(.avatar-popped) {
  transform: scale(1.08) !important;
}
.team-avatar-wrap.avatar-popped {
  transform: scale(1.68) !important;
  z-index: 60 !important;
  cursor: zoom-out !important;
}
.team-card-founder .team-avatar-wrap.avatar-popped,
.team-card-founder:hover .team-avatar-wrap.avatar-popped {
  transform: scale(1.68) !important;
  box-shadow: 0 0 35px rgba(252, 211, 77, 0.85),
              0 0 65px rgba(124, 58, 237, 0.6),
              0 15px 45px rgba(0, 0, 0, 0.95) !important;
}
.team-card-tiko .team-avatar-wrap.avatar-popped,
.team-card-tiko:hover .team-avatar-wrap.avatar-popped {
  transform: scale(1.68) !important;
  box-shadow: 0 0 35px rgba(56, 189, 248, 0.95),
              0 0 65px rgba(2, 132, 199, 0.65),
              0 15px 45px rgba(0, 0, 0, 0.95) !important;
}
.team-card-simo .team-avatar-wrap.avatar-popped,
.team-card-simo:hover .team-avatar-wrap.avatar-popped {
  transform: scale(1.68) !important;
  box-shadow: 0 0 35px rgba(192, 132, 252, 0.95),
              0 0 65px rgba(124, 58, 237, 0.65),
              0 15px 45px rgba(0, 0, 0, 0.95) !important;
}
.team-card-zizi .team-avatar-wrap.avatar-popped,
.team-card-zizi:hover .team-avatar-wrap.avatar-popped {
  transform: scale(1.68) !important;
  box-shadow: 0 0 35px rgba(244, 114, 182, 0.95),
              0 0 65px rgba(219, 39, 119, 0.65),
              0 15px 45px rgba(0, 0, 0, 0.95) !important;
}
.team-card-brain .team-avatar-wrap.avatar-popped,
.team-card-brain:hover .team-avatar-wrap.avatar-popped {
  transform: scale(1.68) !important;
  box-shadow: 0 0 35px rgba(252, 211, 77, 0.95),
              0 0 65px rgba(217, 119, 6, 0.65),
              0 15px 45px rgba(0, 0, 0, 0.95) !important;
}
.team-card-brandizer .team-avatar-wrap.avatar-popped,
.team-card-brandizer:hover .team-avatar-wrap.avatar-popped {
  transform: scale(1.68) !important;
  box-shadow: 0 0 35px rgba(225, 29, 72, 0.95),
              0 0 65px rgba(124, 58, 237, 0.7),
              0 15px 45px rgba(0, 0, 0, 0.95) !important;
}
.team-card-mareka .team-avatar-wrap.avatar-popped,
.team-card-mareka:hover .team-avatar-wrap.avatar-popped {
  transform: scale(1.68) !important;
  box-shadow: 0 0 35px rgba(52, 211, 153, 0.95),
              0 0 65px rgba(5, 150, 105, 0.65),
              0 15px 45px rgba(0, 0, 0, 0.95) !important;
}

/* ==========================================================================
   BRANDIZER MASTER FRAME: Blended Purple (Left) & Magenta (Right)
   ========================================================================== */
.team-card-brandizer {
  position: relative !important;
  border: 1px solid transparent !important;
  border-radius: 20px !important;
  background-image: linear-gradient(rgba(9, 6, 12, 0.95), rgba(9, 6, 12, 0.95)),
                    linear-gradient(90deg, #7C3AED 0%, #C084FC 35%, #F43F5E 70%, #E11D48 100%) !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55),
              -6px 0 24px rgba(124, 58, 237, 0.22),
              6px 0 24px rgba(225, 29, 72, 0.26) !important;
}
.team-card-brandizer:hover {
  background-image: linear-gradient(rgba(14, 8, 18, 0.98), rgba(14, 8, 18, 0.98)),
                    linear-gradient(90deg, #7C3AED 0%, #C084FC 35%, #F43F5E 70%, #E11D48 100%) !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.65),
              -8px 0 32px rgba(124, 58, 237, 0.38),
              8px 0 32px rgba(225, 29, 72, 0.45) !important;
}

/* ==========================================================================
   TEAM CONSTELLATION SVG & SYNAPTIC PULSE ANIMATIONS
   ========================================================================== */
.team-constellation-container {
  position: relative;
  max-width: 1120px;
  margin: 0 auto 36px;
}
.team-constellation-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  overflow: visible;
}
.constellation-thread {
  fill: none;
  stroke: rgba(168, 85, 247, 0.18);
  stroke-width: 1.5;
  stroke-dasharray: 4 4;
}
.constellation-thread-primary {
  stroke: rgba(225, 29, 72, 0.22);
}
.constellation-pulse-node {
  filter: drop-shadow(0 0 6px rgba(244, 63, 94, 0.9)) drop-shadow(0 0 12px rgba(124, 58, 237, 0.8));
}

@media (max-width: 768px) {
  .team-constellation-svg {
    display: none !important;
  }
}

.team-tier-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  max-width: 1080px;
  margin: 0 auto 36px;
  position: relative;
  z-index: 2;
}

@media (max-width: 900px) {
  .team-tier-grid-3 {
    grid-template-columns: 1fr;
    max-width: 420px;
  }
  .team-tier-grid-3 > .team-card-brandizer,
  .team-tier-grid-3 > .team-card-mareka {
    grid-column: auto !important;
  }
}

/* 7.4 Services & Pillar Cards (services.html) */
[dir="rtl"] .service-pillar-card,
[dir="rtl"] .service-card-editorial,
[dir="rtl"] .service-card-title,
[dir="rtl"] .service-card-desc,
[dir="rtl"] .sla-card,
[dir="rtl"] .sla-title,
[dir="rtl"] .sla-desc {
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .service-feature-list,
[dir="rtl"] .service-feature-list li {
  text-align: right !important;
  direction: rtl !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* 7.5 Case Studies & Work Cards (work.html & #case-study) */
[dir="rtl"] .case-study-hero,
[dir="rtl"] .case-study-content,
[dir="rtl"] .case-tag-mono,
[dir="rtl"] .case-title-lg,
[dir="rtl"] .case-desc-lg,
[dir="rtl"] .case-card,
[dir="rtl"] .case-card-body,
[dir="rtl"] .case-card-title,
[dir="rtl"] .case-card-desc,
[dir="rtl"] .case-row-card {
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .case-metric-box {
  text-align: right !important;
}

[dir="rtl"] .case-preview-frame {
  direction: rtl !important;
  text-align: right !important;
}

/* 7.6 Products & Key Features (products.html) */
[dir="rtl"] .product-card,
[dir="rtl"] .product-showcase-card,
[dir="rtl"] .product-card-body,
[dir="rtl"] .product-card-title,
[dir="rtl"] .product-card-desc,
[dir="rtl"] .products-spotlight-banner,
[dir="rtl"] .monthly-spotlight-card,
[dir="rtl"] .pipeline-card,
[dir="rtl"] .pipeline-blade,
[dir="rtl"] .pipeline-stack-wrapper,
[dir="rtl"] .pipeline-section {
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .products-spotlight-banner h2,
[dir="rtl"] .monthly-spotlight-card h2,
[dir="rtl"] .pipeline-card-title,
[dir="rtl"] .blade-title,
[dir="rtl"] .product-showcase-card .notion-card-title {
  font-family: var(--font-ar-title) !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

[dir="rtl"] .products-spotlight-banner p,
[dir="rtl"] .monthly-spotlight-card p,
[dir="rtl"] .pipeline-card-desc,
[dir="rtl"] .blade-desc,
[dir="rtl"] .product-showcase-card .notion-card-desc {
  font-family: var(--font-ar-body) !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
}

[dir="rtl"] .spotlight-reason-badge,
[dir="rtl"] .pipeline-status-badge,
[dir="rtl"] .pipeline-spec-chip,
[dir="rtl"] .notion-category-pill,
[dir="rtl"] .product-count-pill,
[dir="rtl"] .blade-readiness-meta,
[dir="rtl"] .stage-node-circle,
[dir="rtl"] .blade-eta {
  font-family: var(--font-ar-notes) !important;
  letter-spacing: 0 !important;
}

[dir="rtl"] .pipeline-early-btn,
[dir="rtl"] .intake-badge,
[dir="rtl"] .filter-btn,
[dir="rtl"] .product-sort-select {
  font-family: var(--font-ar-cta) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

[dir="rtl"] .blade-col-action {
  align-items: flex-start !important;
}

[dir="rtl"] .product-key-features-block {
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .product-key-features-title {
  text-align: right !important;
  direction: rtl !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: var(--font-ar-notes) !important;
  font-weight: 700 !important;
}

[dir="rtl"] .product-key-features-list,
[dir="rtl"] .product-card-features {
  padding: 0 !important;
  margin: 0 !important;
}

[dir="rtl"] .product-key-features-list li,
[dir="rtl"] .product-card-features li {
  text-align: right !important;
  direction: rtl !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  font-family: var(--font-ar-body) !important;
  font-size: 0.84rem !important;
}

[dir="rtl"] .spotlight-telemetry-row {
  flex-direction: row-reverse !important;
}

[dir="rtl"] .pipeline-card-footer {
  flex-direction: row-reverse !important;
}

/* 7.7 Blogs & Articles (blogs.html & article.html) */
[dir="rtl"] .blog-horizontal-card,
[dir="rtl"] .blog-card-body,
[dir="rtl"] .blog-card,
[dir="rtl"] .article-card,
[dir="rtl"] .article-reader-container,
[dir="rtl"] .article-reader-header,
[dir="rtl"] .article-reader-content {
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .article-reader-content blockquote {
  border-right: 3px solid var(--text-gold, #FCD34D) !important;
  border-left: none !important;
  padding-right: 24px !important;
  padding-left: 0 !important;
  text-align: right !important;
}

/* 7.8 Testimonials (#testimonials) */
[dir="rtl"] .testimonial-card,
[dir="rtl"] .testimonial-quote,
[dir="rtl"] .testimonial-author,
[dir="rtl"] .testimonial-name,
[dir="rtl"] .testimonial-role {
  text-align: right !important;
  direction: rtl !important;
}

/* 7.9 Metrics Strip */
[dir="rtl"] .strip-item {
  border-right: none !important;
  border-left: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.08)) !important;
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .strip-item:last-child {
  border-left: none !important;
}

/* Numbers & Tabular Data: Preserved LTR */
[dir="rtl"] .metric-tabular,
[dir="rtl"] .strip-val,
[dir="rtl"] .case-metric-number,
[dir="rtl"] .kpi-num,
[dir="rtl"] .stat-num {
  direction: ltr !important;
  display: inline-block !important;
  unicode-bidi: isolate !important;
  font-family: var(--font-mono, 'Space Grotesk', monospace) !important;
}

/* 7.10 UI Components, Badges, Arrows & Accordions */
[dir="rtl"] .hero-slogan-badge {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  direction: rtl !important;
}

[dir="rtl"] .brand-tag {
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .form-input-editorial {
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .form-input-editorial::placeholder {
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .arrow-right {
  display: inline-block !important;
  transform: scaleX(-1) !important;
}

[dir="rtl"] .alg-accordion-header {
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .alg-accordion-content {
  text-align: right !important;
  direction: rtl !important;
}

/* 7.11 Algorizmatic Workflow Pyramid & Blueprint Dossier RTL */
[dir="rtl"] .pyramid-tier {
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .pyramid-tier::before {
  right: 0 !important;
  left: auto !important;
}

[dir="rtl"] .tier-name {
  font-family: 'Cairo', var(--font-libby), sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

[dir="rtl"] .tier-mantra {
  font-family: var(--font-ar-body) !important;
  font-style: normal !important;
}

[dir="rtl"] .tier-inspect-pill {
  font-family: 'Alexandria', sans-serif !important;
  direction: rtl !important;
}

[dir="rtl"] .tier-chevron {
  transform: scaleX(-1);
}

[dir="rtl"] .pyramid-tier.active-tier .tier-chevron {
  transform: rotate(-90deg);
}

[dir="rtl"] .blueprint-dossier-console {
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .dossier-tier-headline {
  font-family: 'Cairo', var(--font-pasajero-complete), sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

[dir="rtl"] .dossier-panel-title {
  font-family: 'Alexandria', var(--font-neoteric), sans-serif !important;
  letter-spacing: 0 !important;
}

[dir="rtl"] .dossier-signature-badge {
  margin-left: 0 !important;
  margin-right: auto !important;
}

[dir="rtl"] .dossier-signature-quote {
  font-family: var(--font-ar-body) !important;
  line-height: 1.8 !important;
}

[dir="rtl"] .dossier-signature-footer {
  font-family: 'Alexandria', var(--font-neoteric), sans-serif !important;
  letter-spacing: 0 !important;
}

[dir="rtl"] .dossier-list li {
  font-family: var(--font-ar-body) !important;
}

[dir="rtl"] .service-split-compact-grid {
  direction: rtl !important;
}

[dir="rtl"] .service-scope-card {
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .service-scope-header {
  text-align: right !important;
  direction: rtl !important;
  font-family: 'Alexandria', var(--font-mono), sans-serif !important;
}

[dir="rtl"] .service-scope-list {
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .service-scope-list li {
  font-family: var(--font-ar-body), 'Almarai', sans-serif !important;
  text-align: right !important;
  direction: rtl !important;
}

/* ==========================================================================
   8. NOTION RTL BLOCK ARCHITECTURE & UNIVERSAL BILINGUAL FLOW (v4.0)
   ========================================================================== */

/* 8.1 Explicit Notion RTL Block Containers */
.rtl-block,
[dir="rtl"] .notion-block,
[dir="rtl"] .editorial-block,
[dir="rtl"] .rtl-container {
  direction: rtl !important;
  text-align: right !important;
  unicode-bidi: isolate !important;
}

/* 8.2 Global <bdi> and Dynamic Inline English Isolation */
[dir="rtl"] bdi,
[dir="rtl"] .inline-en,
[dir="rtl"] [data-bidi="isolate"] {
  direction: ltr !important;
  unicode-bidi: isolate !important;
  display: inline !important;
  font-family: inherit;
}

/* 8.3 Prefix Preservation: Prevent Displaced Hyphens or Whitespace Separation */
[dir="rtl"] .ar-prefix,
[dir="rtl"] [data-prefix] {
  display: inline !important;
  direction: rtl !important;
  unicode-bidi: isolate !important;
}

/* 8.4 List & Bullet Points Right-Side Anchoring (Notion-Grade Alignment) */
[dir="rtl"] ul,
[dir="rtl"] ol {
  text-align: right !important;
  direction: rtl !important;
  list-style-position: outside !important;
}

[dir="rtl"] li {
  text-align: right !important;
  direction: rtl !important;
}

/* 8.5 Punctuation & Legibility Optimization */
[dir="rtl"] p,
[dir="rtl"] li,
[dir="rtl"] span,
[dir="rtl"] div {
  text-rendering: optimizeLegibility;
}