:root { --brand-blue:#0A1A2F; --brand-gold:#D4AF37; }

html,body { height:100%; }
body {
  font-family: "Cairo", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Kufi Arabic", "Noto Sans", Arial, sans-serif;
  background:#fff;
}

/* ألوان/أزرار أساسية */
.text-gold { color: var(--brand-gold); }
.btn-gold { background: var(--brand-gold); color:#111; border-color: var(--brand-gold); }
.btn-gold:hover { filter: brightness(.95); color:#000; }

/* نافبار وفوكس */
.navbar-brand img { filter: drop-shadow(0 2px 6px rgba(0,0,0,.15)); }
a:focus, button:focus { outline:2px dashed var(--brand-gold)!important; outline-offset:2px; }

/* توب بار */
.topbar { position: sticky; top:0; z-index:1031; }
.btn-trial { background: linear-gradient(90deg, var(--brand-gold), #f6d87b); color:#1a1a1a; border:none; }

/* ===== HERO centered (أحجام أصغر) ===== */
.premium-hero {
  min-height: 92vh;
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(255,255,255,.06), transparent 60%),
    linear-gradient(135deg, #0A1A2F 0%, #0e2f55 60%, #0A1A2F 100%);
  position: relative;
  display:flex; align-items:center; justify-content:center;
  text-align:center;
}

/* عنوان الهيرو أصغر ومتجاوب */
.hero-title{
  /* من 28px لحد 46px حسب العرض */
  font-size: clamp(1.75rem, 2.2vw + 1rem, 2.875rem);
  letter-spacing:.2px;
}
.hero-lead{
  /* من 15px لحد 18px */
  font-size: clamp(.95rem, .5vw + .7rem, 1.125rem);
}
.fw-extrabold { font-weight: 800; }

.badge-pill { display:inline-flex; align-items:center; gap:.5rem; padding:.45rem .9rem; border-radius:999px; background:rgba(255,255,255,.08); box-shadow:0 0 0 1px rgba(255,255,255,.1) inset; }
.underline { position:relative; }
.underline:after { content:''; position:absolute; inset-inline:0; bottom:-8px; height:10px; background: linear-gradient(90deg, rgba(212,175,55,.55), rgba(212,175,55,.15)); border-radius:8px; }

/* لمعان بسيط على كلمة */
.shine { background-clip:text; -webkit-background-clip:text; color:#fff; position:relative; }
.shine:before {
  content:''; position:absolute; top:0; bottom:0; width:18%; transform:skewX(-20deg); filter: blur(6px);
  background: linear-gradient(90deg, rgba(255,255,255,.0), rgba(255,255,255,.9), rgba(255,255,255,.0));
  animation: shineMove 4.5s infinite; opacity:.25;
}
@keyframes shineMove { 0%{left:-20%} 60%{left:120%} 100%{left:120%} }

/* وميض ذهبي للجملة */
.glow-blink{
  color: var(--brand-gold);
  text-shadow: 0 0 0 rgba(212,175,55,0);
  animation: blinkGold 2.2s ease-in-out infinite;
}
@keyframes blinkGold{
  0%, 70%, 100% { text-shadow: 0 0 0 rgba(212,175,55,0); opacity:.92; }
  40% { text-shadow: 0 0 18px rgba(212,175,55,.85), 0 0 30px rgba(212,175,55,.35); opacity:1; }
}

.text-white-75 { color: rgba(255,255,255,.85)!important; }
.highlight { color:#fff; background: linear-gradient(90deg, rgba(212,175,55,.25), rgba(255,255,255,.05)); padding:.1rem .35rem; border-radius:.35rem; }

.btn-cta { background: var(--brand-gold); color:#111; border:none; box-shadow: 0 6px 20px rgba(212,175,55,.35); }
.btn-cta:hover { filter: brightness(.98); transform: translateY(-1px); }

/* KPIs أصغر شوية */
.kpi { background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); border-radius:.75rem; padding:.8rem 1rem; text-align:center; }
.kpi-number { font-weight:800; font-size:1.2rem; color:#fff; }
.kpi-label { color: rgba(255,255,255,.85); }

.hero-shape { position:absolute; inset-inline-end:-25vw; bottom:-20vh; width:60vw; height:60vw; background: radial-gradient(closest-side, rgba(212,175,55,.15), transparent 70%); filter: blur(18px); pointer-events:none; }

/* Mesh gradient overlay */
.mesh {
  position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.42;
  background:
    radial-gradient(1200px 800px at 85% -20%, rgba(255,255,255,.06), transparent 60%),
    conic-gradient(from 180deg at 70% 30%, rgba(212,175,55,.12), transparent 30%, rgba(255,255,255,.06) 50%, transparent 70%, rgba(212,175,55,.08) 90%);
  animation: meshMove 18s ease-in-out infinite alternate;
}
@keyframes meshMove { 0%{filter:hue-rotate(0deg) blur(0px);transform:scale(1)} 50%{filter:hue-rotate(10deg) blur(1px);transform:scale(1.03)} 100%{filter:hue-rotate(0deg) blur(0px);transform:scale(1)} }

/* Glow circles + orbs (parallax) */
.glow-layer { position:absolute; inset:0; z-index:0; pointer-events:none; }
.glow {
  position:absolute; width:220px; height:220px; border-radius:50%;
  background: radial-gradient(circle at 50% 50%, rgba(212,175,55,.35), rgba(212,175,55,0) 60%);
  filter: blur(10px); opacity:.82; animation: glowPulse 6s ease-in-out infinite;
}
.g1 { top:8%;  inset-inline-start:10%; animation-delay:.0s; }
.g2 { top:32%; inset-inline-end:12%; width:280px; height:280px; animation-delay:1.2s; }
.g3 { bottom:14%; inset-inline-start:20%; width:190px; height:190px; animation-delay:2.4s; }
.g4 { bottom:6%; inset-inline-end:8%; width:220px; height:220px; animation-delay:3.6s; }
@keyframes glowPulse { 0%,100%{transform:scale(1);opacity:.82} 50%{transform:scale(1.12);opacity:.62} }

.orb { will-change: transform; }

/* طبقات الكانفس */
#heroWaves, #heroParticles { z-index:0; position:absolute; }
#heroWaves { opacity:.25; }
#heroParticles { opacity:.4; }

/* Value props */
.value-prop { background:#fff; }
.value-card { transition: transform .2s ease, box-shadow .2s ease; }
.value-card:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(0,0,0,.12)!important; }
.value-icon { width:52px; height:52px; display:grid; place-items:center; background:rgba(212,175,55,.12); color:var(--brand-gold); border-radius:14px; font-size:1.35rem; margin:0 auto .9rem; }

/* Steps / Services / Testimonials */
.step-card { background:#fff; border-radius:1rem; padding:1rem; box-shadow:0 10px 25px rgba(0,0,0,.06); position:relative; }
.step-card span{ position:absolute; inset-inline-start:-.75rem; top:-.75rem; background:var(--brand-gold); color:#222; width:2rem; height:2rem; display:grid; place-items:center; border-radius:50%; font-weight:700; }
.testimonial-track { display:flex; gap:1rem; overflow:auto; scroll-snap-type:x mandatory; padding-bottom:.5rem; }
.testimonial-item { min-width:320px; scroll-snap-align:start; }
.hover-lift { transition: transform .2s ease, box-shadow .2s ease; }
.hover-lift:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(0,0,0,.12)!important; }
.bg-gradient { background: linear-gradient(180deg, #f8f9fb, #fff); }
.card-link { text-decoration:none; }
.card-link:hover { transform: translateY(-2px); transition:.2s; }

/* Floating contact */
.floating-contact { position: fixed; inset-inline-end: 1rem; bottom: 1rem; display:flex; gap:.5rem; z-index:1000; }
.floating-contact .btn { border-radius: 999px; }

/* Fallback لو فشل Bootstrap */
.navbar-nav { list-style: none; padding: 0; margin: 0; }
.navbar-nav .nav-link { display: inline-block; padding: .5rem 1rem; }