:root{
      --gold: #f5d07a;
      --gold-strong: #ffd98f;
      --goldBorder: rgba(245,208,122,.18);
      --goldBorderSoft: rgba(245,208,122,.10);
      --panelBg: rgba(255,255,255,.03);
      --panelBgDark: rgba(0,0,0,.20);
      --panelStrong: rgba(255,255,255,.045);
      --textSoft: rgba(255,255,255,.84);
      --textMuted: rgba(255,255,255,.66);
      --shadowSm: 0 12px 30px rgba(0,0,0,.16);
      --shadowMd: 0 20px 60px rgba(0,0,0,.26);
      --shadowLg: 0 30px 90px rgba(0,0,0,.34);
      --radius: 22px;
      --container: 1240px;
      --transition: 220ms ease;
    }

    html { scroll-behavior: smooth; }

    body{
      margin:0;
      color:#fff;
      background:
        radial-gradient(circle at top right, rgba(245,208,122,.08), transparent 26%),
        radial-gradient(circle at top left, rgba(255,255,255,.03), transparent 24%),
        linear-gradient(180deg, #050505 0%, #0b0b0b 32%, #101010 100%);
      line-height: 1.8;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }

    .container{
      width:min(var(--container), calc(100% - 32px));
      margin-inline:auto;
    }

    a{
      transition: var(--transition);
      text-underline-offset: 3px;
    }

    a:hover{
      color: var(--gold-strong);
    }

    img{
      max-width:100%;
      display:block;
    }

    .skip-link{
      position:absolute;
      top:-50px;
      right:12px;
      background:#000;
      color:#fff;
      padding:10px 12px;
      border-radius:10px;
      z-index:9999;
      transition: top .2s ease;
    }
    .skip-link:focus{ top:12px; }

    .sr-only{
      position:absolute; width:1px; height:1px; padding:0; margin:-1px;
      overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
    }

    .gold{ color: var(--gold); }

    /* HERO */
    .service-hero{
      position:relative;
      overflow:hidden;
      padding:42px 0 34px;
      border-bottom:1px solid rgba(245,208,122,.08);
      background:
        linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)),
        radial-gradient(circle at 85% 20%, rgba(245,208,122,.10), transparent 24%);
    }

    .service-hero::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background: linear-gradient(90deg, transparent 0%, rgba(245,208,122,.03) 50%, transparent 100%);
      opacity:.8;
    }

    .service-hero .container{
      position:relative;
      z-index:1;
    }

    .service-hero .brand-row{
      display:flex;
      align-items:center;
      gap:12px;
      flex-wrap:wrap;
      margin-bottom:16px;
    }

    .service-hero .brand-row img{
      width:52px;
      height:52px;
      border-radius:16px;
      border:1px solid rgba(245,208,122,.20);
      object-fit:cover;
      box-shadow: 0 10px 24px rgba(0,0,0,.24);
    }

    .brand-link{
      display:inline-flex;
      align-items:center;
      justify-content:center;
    }

    .service-hero h1{
      margin:0 0 14px 0;
      max-width:980px;
      font-size:clamp(2rem, 4.6vw, 4rem);
      line-height:1.08;
      letter-spacing:-0.02em;
      font-weight:900;
    }

    .hero-sub-cta{
      display:inline-flex;
      align-items:center;
      gap:8px;
      margin: 0 0 16px 0;
      padding: 12px 16px;
      border: 1px solid rgba(245,208,122,.18);
      border-radius: 999px;
      background: rgba(255,255,255,.03);
      backdrop-filter: blur(10px);
      opacity: .98;
      line-height: 1.7;
      box-shadow: var(--shadowSm);
    }

    .hero-hook{
      margin:0 0 12px 0;
      max-width:840px;
      font-size:clamp(1.05rem, 1.8vw, 1.28rem);
      line-height:1.7;
      color:#fff;
      font-weight:700;
    }

    .hero-lead{
      margin:0;
      max-width:940px;
      color:var(--textSoft);
      font-size:1.04rem;
      line-height:1.95;
    }

    .lead-points{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      margin: 22px 0 0 0;
      padding: 0;
      list-style: none;
    }

    .lead-points li{
      margin:0;
      padding: 14px 16px;
      border: 1px solid var(--goldBorderSoft);
      border-radius: 18px;
      background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
      box-shadow: var(--shadowSm);
      color: var(--textSoft);
    }

    .hero-cta{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
      margin-top: 20px !important;
    }

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      min-height:48px;
      padding:0 18px;
      border-radius:14px;
      border:1px solid rgba(245,208,122,.16);
      background:rgba(255,255,255,.02);
      color:#fff;
      text-decoration:none;
      font-weight:700;
      white-space:nowrap;
      box-shadow: 0 10px 25px rgba(0,0,0,.18);
      transition: transform var(--transition), box-shadow var(--transition), background var(--transition), border-color var(--transition);
    }

    .btn:hover{
      transform:translateY(-2px);
      box-shadow:0 16px 35px rgba(0,0,0,.26);
      background:rgba(255,255,255,.05);
      border-color:rgba(245,208,122,.30);
    }

    .btn.btn-gold,
    .btn.primary{
      background:linear-gradient(180deg, #f5d07a 0%, #ddb35e 100%);
      color:#111;
      border-color:transparent;
      box-shadow:0 16px 34px rgba(245,208,122,.18);
    }

    .btn.btn-gold:hover,
    .btn.primary:hover{
      background:linear-gradient(180deg, #ffdd96 0%, #e4ba69 100%);
      color:#111;
    }

    .mini-note{
      color:var(--textMuted);
      font-size: .95rem;
      margin-top: 14px;
    }

    .pill-row{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top: 14px;
    }

    .pill{
      border: 1px solid var(--goldBorder);
      border-radius: 999px;
      padding: 8px 12px;
      background: rgba(255,255,255,.025);
      font-size: .95rem;
      opacity: .95;
      color: var(--textSoft);
      backdrop-filter: blur(8px);
    }

    .internal-links{
      margin-top: 18px;
      padding: 16px 18px;
      border: 1px solid var(--goldBorder);
      border-radius: 20px;
      background: linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.015));
      box-shadow: var(--shadowSm);
    }

    .internal-links strong{
      display:block;
      margin-bottom:6px;
    }

    .internal-links a{
      display:inline-block;
      margin: 8px 10px 0 0;
      text-decoration: underline;
    }

    /* MAIN */
    main.container{
      padding-top: 36px;
      padding-bottom: 64px;
    }

    .section{
      margin-top: 30px;
      padding: 28px;
      border: 1px solid rgba(245,208,122,.08);
      border-radius: 28px;
      background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.012));
      box-shadow: var(--shadowSm);
      backdrop-filter: blur(8px);
    }

    .section h2{
      margin:0 0 12px 0 !important;
      font-size: clamp(1.45rem, 2vw, 2rem);
      line-height: 1.25;
      font-weight: 900;
      letter-spacing: -.01em;
    }

    .section p{
      color:var(--textSoft);
    }

    .services-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
      margin-top: 18px;
      align-items: stretch;
    }
    @media (max-width: 980px) { .services-grid { grid-template-columns: 1fr; } }

    .svc-card {
      position:relative;
      display:flex;
      flex-direction:column;
      min-height:100%;
      border: 1px solid var(--goldBorder);
      border-radius: 24px;
      padding: 20px;
      background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
      box-shadow: var(--shadowSm);
      transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
    }

    .svc-card:hover{
      transform:translateY(-5px);
      box-shadow: var(--shadowMd);
      border-color: rgba(245,208,122,.24);
    }

    .svc-card h3 {
      font-size: 1.12rem;
      margin: 0 0 10px 0;
      line-height: 1.45;
      color:#fff;
      min-height:64px;
    }

    .svc-card p { margin: 0 0 12px 0; color:var(--textSoft); }

    .svc-actions {
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      align-items:center;
      margin-top:auto;
      padding-top:16px;
    }
    .svc-actions a { white-space: nowrap; }

    .kpi-grid {
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
      margin-top: 16px;
    }
    @media (max-width: 980px) { .kpi-grid { grid-template-columns: 1fr 1fr; } }
    @media (max-width: 520px) { .kpi-grid { grid-template-columns: 1fr; } }

    .kpi {
      border: 1px solid var(--goldBorder);
      border-radius: 18px;
      padding: 16px 12px;
      text-align:center;
      background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
      box-shadow: var(--shadowSm);
    }
    .kpi .num { font-size: 1.08rem; font-weight: 900; color:#fff; }
    .kpi .label { color:var(--textSoft); margin-top: 6px; }

    .two-col {
      display: grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 16px;
      margin-top: 16px;
    }
    @media (max-width: 980px) { .two-col { grid-template-columns: 1fr; } }

    .box {
      border: 1px solid var(--goldBorder);
      border-radius: 22px;
      padding: 20px;
      background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.012));
      box-shadow: var(--shadowSm);
    }
    .box h3 { margin: 0 0 10px 0; font-size: 1.06rem; color:#fff; }
    .box p { margin: 0 0 10px 0; color:var(--textSoft); }
    .box ul { margin: 0; padding-right: 18px; color:var(--textSoft); }
    .box li { margin: 8px 0; }

    .trust-strip {
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      margin-top: 16px;
    }
    @media (max-width: 980px) { .trust-strip { grid-template-columns: 1fr; } }

    .trust-item {
      border: 1px solid rgba(245,208,122,.12);
      border-radius: 18px;
      padding: 18px;
      background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.012));
      box-shadow: var(--shadowSm);
    }
    .trust-item .t { font-weight: 900; margin-bottom: 8px; color:#fff; }

    .flow-steps {
      margin: 0;
      padding-right: 20px;
    }
    .flow-steps li {
      margin: 12px 0;
      padding: 16px 18px;
      border:1px solid rgba(245,208,122,.10);
      border-radius:18px;
      background: rgba(255,255,255,.02);
      box-shadow: var(--shadowSm);
    }

    .mini-cta { display:flex; gap:10px; flex-wrap:wrap; }

    .fit-block{
      margin-top: 12px;
      padding: 14px;
      border: 1px dashed rgba(245,208,122,.18);
      border-radius: 16px;
      background: rgba(0,0,0,.12);
    }
    .fit-title{ margin: 0 0 8px 0; font-weight: 900; font-size: .98rem; color:#fff; }
    .fit-text{ margin: 0; color:var(--textSoft); line-height: 1.75; font-size: .98rem; }

    .deliverables{
      margin: 12px 0 0 0;
      padding-right: 18px;
      color:var(--textSoft);
    }
    .deliverables li{ margin: 7px 0; }

    .internal-links a{
      color:var(--gold);
    }

    .hero-sub-cta strong{ color:#fff; }

    .mid-cta{
      margin-top: 20px;
      display:flex;
      align-items:center;
      justify-content: space-between;
      gap: 14px;
      flex-wrap:wrap;
      padding: 18px 20px;
      border: 1px solid rgba(245,208,122,.18);
      border-radius: 22px;
      background: linear-gradient(135deg, rgba(245,208,122,.08), rgba(255,255,255,.02));
      box-shadow: var(--shadowMd);
    }
    .mid-cta p{ margin:0; max-width: 680px; line-height: 1.8; color:#fff; }

    details.faq{
      border: 1px solid var(--goldBorder);
      border-radius: 18px;
      padding: 14px 16px;
      background: linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.015));
      margin: 12px 0;
      box-shadow: var(--shadowSm);
      transition: border-color var(--transition), background var(--transition);
    }
    details.faq[open]{
      border-color: rgba(245,208,122,.22);
      background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
    }
    details.faq summary{
      cursor: pointer;
      font-weight: 800;
      list-style: none;
      position:relative;
      padding-left:24px;
      color:#fff;
    }
    details.faq summary::-webkit-details-marker{ display:none; }
    details.faq summary::before{
      content:"+";
      position:absolute;
      left:0;
      top:0;
      color:var(--gold);
      font-size:1.05rem;
      line-height:1.2;
    }
    details.faq[open] summary::before{
      content:"−";
    }
    details.faq .a{ margin-top: 10px; color:var(--textSoft); line-height: 1.85; }

    .cases-grid{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      margin-top: 12px;
    }
    @media (max-width: 980px) { .cases-grid { grid-template-columns: 1fr; } }
    .case{
      border: 1px solid rgba(245,208,122,.12);
      border-radius: 18px;
      padding: 16px;
      background: rgba(255,255,255,.02);
      box-shadow: var(--shadowSm);
    }
    .case .k{ font-weight: 900; margin-bottom: 6px; }
    .case .v{ color:var(--textSoft); line-height:1.7; }

    .sectors-grid{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      margin-top: 16px;
    }
    @media (max-width: 980px) { .sectors-grid { grid-template-columns: 1fr; } }
    .sector{
      border: 1px solid rgba(245,208,122,.12);
      border-radius: 20px;
      padding: 18px;
      background: linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.012));
      box-shadow: var(--shadowSm);
      transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
    }
    .sector:hover{
      transform:translateY(-4px);
      box-shadow: var(--shadowMd);
      border-color: rgba(245,208,122,.20);
    }
    .sector .t{ font-weight: 900; margin-bottom: 8px; color:#fff; }
    .sector .d{ color:var(--textSoft); line-height: 1.75; }

    .service-hero .brand-row{
      display:flex;
      align-items:center;
      gap: 12px;
      flex-wrap:wrap;
      margin-bottom: 10px;
    }
    .service-hero .brand-row img{
      width: 52px;
      height: 52px;
      border-radius: 16px;
      border: 1px solid rgba(245,208,122,.18);
      object-fit: cover;
    }

    /* Footer */
    .site-footer{
      margin-top: 30px;
      padding-top: 34px;
      border-top:1px solid rgba(245,208,122,.08);
      background: linear-gradient(180deg, rgba(255,255,255,.01), rgba(255,255,255,0)), #080808;
    }

    .footer-grid{
      display:grid;
      grid-template-columns:1.2fr 1fr 1fr 1fr 1fr;
      gap:18px;
      align-items:start;
    }

    .footer-col{
      border:1px solid rgba(245,208,122,.08);
      border-radius:20px;
      padding:18px;
      background:rgba(255,255,255,.02);
      box-shadow: var(--shadowSm);
    }

    .footer-col h3{
      margin:0 0 12px 0;
      font-size:1rem;
      color:#fff;
    }

    .footer-col ul{
      list-style:none;
      padding:0;
      margin:0;
    }

    .footer-col li{
      margin:10px 0;
    }

    .footer-col a{
      text-decoration:none;
      color:var(--textSoft);
    }

    .footer-col a:hover{
      color:var(--gold);
    }

    .footer-logo img{
      width:60px;
      height:60px;
      border-radius:16px;
      object-fit:cover;
      border:1px solid rgba(245,208,122,.16);
    }

    .footer-desc{
      margin:14px 0;
      color:var(--textSoft);
      line-height:1.9;
    }

    .footer-contact{
      display:flex;
      flex-direction:column;
      gap:10px;
    }

    .footer-mail{
      font-weight:700;
    }

    .footer-lang{
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
      color:var(--textMuted);
    }

    .footer-cta{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      margin-top:14px;
    }

    .footer-bottom{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
      padding:18px 0 26px;
      margin-top:18px;
    }

    .copyright{
      margin:0;
      color:var(--textMuted);
    }

    .footer-legal{
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
    }

    .footer-legal a{
      color:var(--textMuted);
      text-decoration:none;
    }

    @media (max-width: 1180px){
      .services-grid,
      .sectors-grid{
        grid-template-columns:repeat(2, 1fr);
      }

      .footer-grid{
        grid-template-columns:repeat(2, 1fr);
      }

      .lead-points{
        grid-template-columns:1fr;
      }
    }

    @media (max-width: 980px){
      .services-grid,
      .sectors-grid,
      .trust-strip,
      .kpi-grid,
      .two-col,
      .footer-grid{
        grid-template-columns:1fr;
      }

      .service-hero{
        padding-top:28px;
        padding-bottom:26px;
      }

      .section{
        padding:20px;
        border-radius:22px;
      }

      .svc-card,
      .box,
      .sector,
      .trust-item,
      .kpi,
      .footer-col{
        border-radius:18px;
      }

      .mid-cta{
        padding:16px;
        border-radius:18px;
      }
    }

    @media (max-width: 640px){
      .container{
        width:min(100% - 20px, var(--container));
      }

      .service-hero h1{
        font-size:2rem;
        line-height:1.16;
      }

      .hero-hook{
        font-size:1rem;
      }

      .hero-lead{
        font-size:.98rem;
        line-height:1.85;
      }

      .btn{
        width:100%;
      }

      .hero-cta,
      .mini-cta,
      .svc-actions,
      .footer-cta{
        flex-direction:column;
        align-items:stretch;
      }

      .internal-links{
        padding:14px;
      }

      .svc-card{
        padding:16px;
      }

      .section{
        margin-top:24px;
        padding:16px;
      }

      .pill{
        font-size:.9rem;
      }
    }
   /* يجعل كل البطاقة قابلة للنقر */
.sector{
  display: block;
  text-decoration: none;
  color: inherit;
  position: relative;
}

/* تحسين تجربة الهوفر */
.sector:hover{
  text-decoration: none;
}

/* النص الإضافي (استكشف الخدمة) */
.sector .d span{
  display: block;
  margin-top: 8px;
  color: var(--gold);
  font-weight: 700;
  font-size: 0.95rem;
}

/* تأثير بسيط عند المرور */
.sector:hover .d span{
  color: var(--gold-strong);
}
    /* MAIN NAV */
.main-nav {
  position: sticky;
  top: 0;
  z-index: 9999;
  background: rgba(5, 5, 5, 0.86);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(245, 208, 122, 0.12);
}

.nav-inner {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.nav-logo {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.nav-logo img {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  object-fit: cover;
  border: 1px solid rgba(245, 208, 122, 0.22);
}

.nav-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  flex: 1;
}

.nav-links a {
  color: rgba(255,255,255,0.88);
  text-decoration: none;
  font-weight: 700;
  font-size: 0.96rem;
  padding: 10px 6px;
  line-height: 1.2;
}

.nav-links a:hover {
  color: #f5d07a;
}

.dropdown {
  position: relative;
}

.dropdown-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  min-width: 250px;
  padding: 10px;
  border-radius: 16px;
  background: rgba(12,12,12,0.98);
  border: 1px solid rgba(245,208,122,0.16);
  box-shadow: 0 24px 60px rgba(0,0,0,0.35);
  display: none;
}

.dropdown-menu a {
  display: block;
  padding: 11px 12px;
  border-radius: 10px;
  color: rgba(255,255,255,0.86);
  white-space: nowrap;
}

.dropdown-menu a:hover {
  background: rgba(245,208,122,0.08);
  color: #f5d07a;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

.nav-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 15px;
  border-radius: 12px;
  background: linear-gradient(180deg, #f5d07a 0%, #ddb35e 100%);
  color: #111;
  text-decoration: none;
  font-weight: 900;
  border: 0;
  white-space: nowrap;
}

.nav-btn:hover {
  color: #111;
  transform: translateY(-1px);
}

/* TABLET */
@media (max-width: 980px) {
  .nav-inner {
    min-height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    flex-wrap: wrap;
  }

  .nav-links {
    order: 3;
    width: 100%;
    flex: none;
    justify-content: flex-start;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: none;
  }

  .nav-links::-webkit-scrollbar {
    display: none;
  }

  .nav-links a {
    padding: 9px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.035);
    border: 1px solid rgba(245,208,122,0.10);
    white-space: nowrap;
    font-size: 0.92rem;
  }

  .dropdown {
    position: static;
  }

  .dropdown-menu {
    position: static;
    display: none;
    min-width: auto;
    margin-top: 6px;
    box-shadow: none;
  }
}

/* MOBILE */
@media (max-width: 640px) {
  .main-nav {
    position: sticky;
  }

  .nav-inner {
    gap: 10px;
  }

  .nav-logo img {
    width: 42px;
    height: 42px;
    border-radius: 12px;
  }

  .nav-btn {
    min-height: 38px;
    padding: 0 12px;
    font-size: 0.88rem;
  }

  .nav-links {
    gap: 7px;
  }

  .nav-links a {
    font-size: 0.88rem;
    padding: 8px 11px;
  }

  .dropdown-menu {
    width: 100%;
    padding: 8px;
    border-radius: 14px;
  }

  .dropdown-menu a {
    display: block;
    width: 100%;
    margin-bottom: 6px;
  }
}
    .dropdown-toggle {
  background: none;
  border: 0;
  color: rgba(255,255,255,0.88);
  font-weight: 700;
  font-size: 0.96rem;
  cursor: pointer;
  padding: 10px 6px;
  font-family: inherit;
}

.dropdown-toggle::after {
  content: "▾";
  font-size: 0.72rem;
  margin-right: 6px;
  color: #f5d07a;
}

.dropdown.is-open .dropdown-menu {
  display: block;
}

@media (max-width: 980px) {
  .dropdown-toggle {
    padding: 9px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.035);
    border: 1px solid rgba(245,208,122,0.10);
    white-space: nowrap;
    font-size: 0.92rem;
  }
}
    .path-lux {
  text-align: center;
}

.path-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 22px;
}

.path-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: right;
  padding: 24px;
  border-radius: 26px;
  text-decoration: none;
  color: #fff;
  border: 1px solid rgba(245,208,122,.18);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015));
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  overflow: hidden;
}

.path-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top right, rgba(245,208,122,.12), transparent 40%);
  opacity: .7;
}

.path-card:hover {
  transform: translateY(-6px);
  border-color: rgba(245,208,122,.35);
  box-shadow: 0 30px 80px rgba(0,0,0,.45);
}

.path-badge {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(245,208,122,.15);
  color: var(--gold);
  font-weight: 900;
  margin-bottom: 16px;
}

.path-card h3 {
  margin: 0 0 10px;
  font-size: 1.2rem;
  line-height: 1.5;
}

.path-card p {
  margin: 0;
  color: var(--textSoft);
  line-height: 1.8;
}

/* 🔥 زر التحويل */
.path-cta {
  margin-top: auto;
  width: 100%;
  margin-top: 18px;
  padding: 14px;
  border-radius: 14px;
  text-align: center;
  font-weight: 900;
  background: linear-gradient(180deg, #f5d07a 0%, #ddb35e 100%);
  color: #111;
  box-shadow: 0 14px 30px rgba(245,208,122,.25);
  transition: all .25s ease;
}

.path-card:hover .path-cta {
  background: linear-gradient(180deg, #ffdd96 0%, #e4ba69 100%);
  transform: translateY(-2px);
}

@media (max-width: 980px) {
  .path-grid {
    grid-template-columns: 1fr;
  }

  .path-lux {
    text-align: right;
  }
}