/* ==========================================================================
   صفحة الهبوط: تصميم هوية بصرية متكاملة — /visual-identity-branding
   منقولة من التصميم المعتمد (التصميم المعتمد.dc.html) — ثنائية اللغة، معزولة.
   الأنماط الأساسية inline في القالب؛ هذا الملف: الخطوط + Reset معزول + الحركات
   + حالات hover/focus (كانت style-hover) + القيم المتجاوبة (breakpoint 860px).
   ========================================================================== */

/* ------------------------------- الخطوط ------------------------------- */
@font-face{font-family:'Thmanyah Sans';src:url('/landing/visual-identity-branding/fonts/thmanyahsans-Light.otf') format('opentype');font-weight:300;font-display:swap}
@font-face{font-family:'Thmanyah Sans';src:url('/landing/visual-identity-branding/fonts/thmanyahsans-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'Thmanyah Sans';src:url('/landing/visual-identity-branding/fonts/thmanyahsans-Medium.otf') format('opentype');font-weight:500;font-display:swap}
@font-face{font-family:'Thmanyah Sans';src:url('/landing/visual-identity-branding/fonts/thmanyahsans-Bold.otf') format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:'Thmanyah Sans';src:url('/landing/visual-identity-branding/fonts/thmanyahsans-Black.otf') format('opentype');font-weight:900;font-display:swap}

/* -------------------- الأساسيات + عزل الصفحة (border-box) -------------------- */
html{scroll-behavior:smooth}
body.vib-body{margin:0;overflow-x:hidden}
.vib-page,
.vib-page *,
.vib-page *::before,
.vib-page *::after{box-sizing:border-box}
.vib-page{
  font-family:'Thmanyah Sans',Tahoma,sans-serif;
  background:#FAFAFA;color:#1F1F1F;-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
.vib-page [hidden]{display:none !important}  /* يتغلّب على display:flex inline في القائمة/اللوحات */
.vib-page a{color:inherit;text-decoration:none}
.vib-page a:hover{color:#E11D26}
.vib-page button,.vib-page input,.vib-page select,.vib-page textarea{font-family:inherit}
.vib-page img{max-width:100%}

/* ------------------------------- الحركات ------------------------------- */
@keyframes cpSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes cpFadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}

/* --------------------- تمييز الكلمات في العناوين --------------------- */
.vib-page .swsh{font-feature-settings:'swsh' 1}
.vib-page .dot{color:#e11d26}
.vib-page .hl{color:#E11D26}
.vib-page .hl2{color:#ff4d55}
.vib-page .hl3{color:#ff2e38}
.vib-page .hl-pink{color:#ff8f94}

/* --------- أحجام/ارتفاعات أسطر العناوين الخاصة بالإنجليزية (كما في المرجع) --------- */
.vib-page[data-lang="en"] [data-kh="html.heroH1"]{font-size:clamp(36px,5.6vw,76px) !important;line-height:1.14 !important}
.vib-page[data-lang="en"] [data-kh="html.problemH2"]{line-height:1.25 !important;max-width:820px !important}
.vib-page[data-lang="en"] [data-kh="html.problemPunch"]{line-height:1.4 !important;max-width:900px !important}
.vib-page[data-lang="en"] [data-kh="html.logoH2"]{line-height:1.2 !important}
.vib-page[data-lang="en"] [data-kh="html.delivH2"]{line-height:1.2 !important}
.vib-page[data-lang="en"] [data-kh="html.worksH2"]{line-height:1.2 !important}
.vib-page[data-lang="en"] [data-kh="html.baH2"]{line-height:1.2 !important}
.vib-page[data-lang="en"] [data-kh="html.packH2"]{line-height:1.25 !important}
.vib-page[data-lang="en"] [data-kh="html.testH2"]{line-height:1.2 !important}
.vib-page[data-lang="en"] [data-kh="html.formH2"]{line-height:1.2 !important}
.vib-page[data-lang="en"] [data-kh="html.finalH2"]{font-size:clamp(32px,5vw,64px) !important;line-height:1.15 !important}

/* --------------------- مبدّل اللغة (عربي / EN) --------------------- */
.vib-page [data-vib="lang-ar"][aria-pressed="true"],
.vib-page [data-vib="lang-en"][aria-pressed="true"]{background:#E11D26;color:#fff}
.vib-page [data-vib="lang-ar"][aria-pressed="false"],
.vib-page [data-vib="lang-en"][aria-pressed="false"]{background:transparent;color:#6B6B6B}

/* --------------------- حالات Hover (كانت style-hover) --------------------- */
.vib-navlink:hover{color:#0F0E0D !important;border-bottom-color:#0F0E0D !important}
.vib-hdr-cta:hover{background:#B5121A !important;color:#fff !important}
.vib-hero-cta:hover{background:#ff2e38 !important;color:#fff !important;transform:translateY(-2px)}
.vib-hero-ghost:hover{background:rgba(255,255,255,.08) !important;color:#fff !important;border-color:#fff !important}
.vib-works-all:hover{background:#e11d26 !important;color:#fff !important;border-color:#e11d26 !important}
.vib-stack-btn:hover{background:rgba(255,255,255,.1) !important;border-color:#fff !important}
.vib-pkg-cta:hover{background:#c4141c !important;color:#fff !important;transform:translateY(-2px)}
.vib-final-cta:hover{background:#FF2E38 !important;color:#fff !important;transform:translateY(-1px)}
.vib-form-submit:hover{background:#B5121A !important}
.vib-foot-link:hover{color:#FF4D55 !important}
.vib-sticky-cta:hover{background:#B5121A !important;color:#fff !important}
.vib-input:focus{border-color:#0F0E0D !important}

/* تركيز لوحة المفاتيح */
.vib-faq-btn:focus-visible,
.vib-ba-knob:focus-visible,
.vib-page [data-vib="lang-ar"]:focus-visible,
.vib-page [data-vib="lang-en"]:focus-visible,
.vib-burger:focus-visible{outline:3px solid #E11D26;outline-offset:3px}

/* -------------------- القيم الافتراضية (ديسكتوب) -------------------- */
.vib-logo{height:44px;width:auto}
.vib-hero-sym{width:clamp(120px,14vw,164px)}
.vib-ba-stage{aspect-ratio:16 / 9}
.vib-deliv-grid{grid-template-columns:repeat(3, 1fr)}
.vib-deliv-cell{padding:30px 26px}
.vib-sticky-spacer{display:none}
.vib-sticky-bar{display:none !important}

@media (min-width:861px){
  .vib-mobile-menu{display:none !important}
  .vib-hdr-cta-short{display:none}
}

/* -------------------- الجوال/التابلت ≤860px -------------------- */
@media (max-width:860px){
  .vib-nav{display:none !important}
  .vib-burger{display:flex !important}
  .vib-hdr-cta-long{display:none}
  .vib-logo{height:34px}
  .vib-hero-sym{width:clamp(90px,26vw,116px)}
  .vib-hero-actions{flex-direction:column}
  .vib-hero-cta,.vib-hero-ghost{width:100%}
  .vib-ba-stage{aspect-ratio:4 / 3}
  .vib-deliv-grid{grid-template-columns:1fr 1fr}
  .vib-deliv-cell{padding:22px 16px}
  .vib-sticky-spacer{display:block}
  .vib-sticky-bar{display:flex !important}
}

/* الشريط السفلي يختفي عند ظهور الفوتر (يتحكم به JS عبر الصنف على الجذر) */
.vib-page.vib-sticky-off .vib-sticky-bar{display:none !important}
.vib-page.vib-sticky-off .vib-sticky-spacer{display:none}

/* -------------------- تقليل الحركة -------------------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .vib-page *,.vib-page *::before,.vib-page *::after{
    animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;
  }
  .vib-hero-sym img{animation:none !important}
}

/* ==========================================================================
   الأقسام المضافة (تحسينات معتمدة): تعريف الوكالة + جهات وثقت بنا + العرض/العداد
   نفس نظام الصفحة (ألوان/خطوط/مسافات/زوايا/أزرار). كلها مُنطاقة داخل .vib-page.
   ========================================================================== */
.vib-page .vibx-container{max-width:1200px;margin:0 auto;padding:0 clamp(20px,5vw,64px)}
.vib-page .vibx-eyebrow{margin:0 0 14px;font-size:15px;font-weight:500;color:#e11d26}
.vib-page .vibx-eyebrow-light{margin:0 0 14px;font-size:15px;font-weight:500;color:#ff8f94}
.vib-page .vibx-h2{margin:0 0 16px;font-size:clamp(30px,4.2vw,44px);font-weight:900;line-height:1.3;color:#0F0E0D;text-wrap:balance}
.vib-page .vibx-h2-light{margin:0 0 16px;font-size:clamp(30px,4.2vw,44px);font-weight:900;line-height:1.3;color:#fff;text-wrap:balance}
.vib-page .vibx-dot{color:#E11D26}
.vib-page .vibx-lead{margin:0;font-size:18px;font-weight:300;color:#6B6B6B;line-height:1.8;max-width:60ch}
.vib-page .vibx-lead-light{margin:0 auto;font-size:17px;font-weight:300;color:rgba(242,239,236,.72);line-height:1.8;max-width:60ch}

/* 1) تعريف الوكالة */
.vib-page .vibx-agency{background:#faf9f7;padding:clamp(56px,8vw,100px) 0;border-top:1px solid rgba(255,255,255,.06)}
.vib-page .vibx-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:clamp(30px,4vw,44px) 0}
.vib-page .vibx-card{position:relative;background:#fff;border:1px solid #e7e2da;border-radius:20px;padding:30px 28px}
.vib-page .vibx-card-idx{display:block;font-weight:900;font-size:15px;color:#E11D26;direction:ltr;letter-spacing:.04em;margin-bottom:12px}
.vib-page .vibx-card h3{margin:0 0 8px;font-size:19px;font-weight:900;color:#0F0E0D;line-height:1.4}
.vib-page .vibx-card p{margin:0;font-size:15px;font-weight:300;color:#6B6B6B;line-height:1.7}
.vib-page .vibx-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,3vw,28px);border-top:1px solid #e7e2da;padding-top:clamp(30px,4vw,46px)}
.vib-page .vibx-stat{text-align:center;position:relative}
.vib-page .vibx-stat::before{content:"";display:block;width:28px;height:3px;background:#E11D26;border-radius:2px;margin:0 auto 16px}
.vib-page .vibx-num{display:block;font-size:clamp(42px,5.6vw,68px);font-weight:900;line-height:.95;color:#E11D26;direction:ltr;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.vib-page .vibx-num-label{display:block;margin-top:12px;font-size:14px;font-weight:500;color:#6B6B6B}
.vib-page .vibx-stats.is-anim .vibx-stat{opacity:0;transform:translateY(18px)}
.vib-page .vibx-stats.is-anim .vibx-stat.is-in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease}

/* 2) الشركاء — شبكة ثابتة احترافية */
.vib-page .vibx-partners{background:#fff;border-top:1px solid #E4E4E4;padding:clamp(56px,8vw,96px) 0}
.vib-page .vibx-marquee{width:100%;overflow:visible;margin-top:clamp(30px,4vw,48px)}
.vib-page .vibx-track{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;max-width:1200px;margin:0 auto;padding:0 clamp(20px,5vw,64px)}
.vib-page .vibx-logo{aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;padding:20px;border-radius:16px;border:1px solid #ece8e2;background:#fafafa;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,background .35s ease}
.vib-page .vibx-logo img{max-width:80%;max-height:74%;object-fit:contain;filter:grayscale(100%);opacity:.55;transition:filter .35s ease,opacity .35s ease}
.vib-page .vibx-logo:hover{transform:translateY(-6px);background:#fff;border-color:rgba(225,29,38,.18);box-shadow:0 16px 34px rgba(15,14,13,.08)}
.vib-page .vibx-logo:hover img{filter:grayscale(0);opacity:1}
.vib-page .vibx-track.reveal-init .vibx-logo{opacity:0;transform:translateY(16px)}
.vib-page .vibx-track.reveal-init.reveal-in .vibx-logo{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}

/* 3) العرض + العداد */
.vib-page .vibx-fomo{position:relative;overflow:hidden;background:#0F0E0D;padding:clamp(60px,9vw,110px) 0}
.vib-page .vibx-fomo-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;pointer-events:none}
.vib-page .vibx-fomo::after{content:"";position:absolute;inset:0;background:radial-gradient(720px 460px at 50% 30%,rgba(225,29,38,.18),transparent 68%);pointer-events:none}
.vib-page .vibx-fomo-inner{position:relative;text-align:center}
.vib-page .vibx-fomo-inner .vibx-eyebrow-light,
.vib-page .vibx-fomo-inner .vibx-h2-light,
.vib-page .vibx-fomo-inner .vibx-lead-light{margin-left:auto;margin-right:auto}
.vib-page .vibx-h2-light{max-width:20ch}
.vib-page .vibx-timer{display:flex;gap:clamp(8px,2vw,16px);justify-content:center;flex-wrap:wrap;margin:clamp(26px,4vw,40px) 0 18px}
.vib-page .vibx-timer-box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px clamp(12px,3vw,24px);min-width:clamp(66px,18vw,92px)}
.vib-page .vibx-timer-num{display:block;font-size:clamp(30px,6vw,50px);font-weight:900;color:#fff;line-height:1;direction:ltr;font-variant-numeric:tabular-nums}
.vib-page .vibx-timer-label{display:block;margin-top:8px;font-size:13px;font-weight:500;color:rgba(242,239,236,.6)}
.vib-page .vibx-timer-ended{margin:clamp(26px,4vw,40px) 0 18px;font-size:clamp(22px,3.4vw,32px);font-weight:900;color:#ff2e38}
.vib-page .vibx-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#E11D26;color:#fff;padding:16px 34px;border-radius:10px;font-size:17px;font-weight:700;min-height:52px;box-sizing:border-box;box-shadow:0 0 44px rgba(225,29,38,.35);transition:background .2s,transform .2s}
.vib-page .vibx-cta:hover{background:#ff2e38;color:#fff;transform:translateY(-2px)}
.vib-page .vibx-fomo-note{margin:16px auto 0;font-size:13.5px;font-weight:400;color:rgba(242,239,236,.5)}

/* التجاوب */
@media (max-width:1279px){ .vib-page .vibx-track{grid-template-columns:repeat(4,1fr)} }
@media (max-width:860px){
  .vib-page .vibx-stats{grid-template-columns:repeat(3,1fr);gap:10px}
  .vib-page .vibx-num-label{font-size:12.5px}
  .vib-page .vibx-track{grid-template-columns:repeat(3,1fr);gap:12px}
}
@media (max-width:480px){ .vib-page .vibx-track{grid-template-columns:repeat(2,1fr)} }

/* 4) الشريط العائم (CTA الجوال) */
.vib-page .vibx-sticky-price{display:flex;flex-direction:column;line-height:1.15;gap:3px;flex:0 1 auto;min-width:0}
.vib-page .vibx-sticky-amount{font-weight:900;font-size:19px;color:#0F0E0D;white-space:nowrap}
.vib-page .vibx-sticky-vat{font-size:11px;font-weight:400;color:#9a938c;white-space:nowrap}
.vib-page .vibx-sticky-cta{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#E11D26;color:#fff;padding:13px 26px;border-radius:4px;font-size:15.5px;font-weight:700;min-height:46px;box-sizing:border-box;white-space:nowrap}