#wsc-seo {
  --wsc-bg-0: #07060c;
  --wsc-bg-1: #0a0a0f;
  --wsc-bg-2: #14111f;
  --wsc-bg-3: #1a1a2e;
  --wsc-purple-deep: #442764;
  --wsc-purple: #667eea;
  --wsc-purple-2: #764ba2;
  --wsc-coral: #EE5946;
  --wsc-coral-deep: #c93a26;
  --wsc-text: #f4f4fb;
  --wsc-text-mid: #c8c8db;
  --wsc-text-dim: #8a8aa8;
  --wsc-ease-cinema: cubic-bezier(.16,.68,.12,.98);
  --wsc-ease-pull: cubic-bezier(.22,1.05,.36,1);
  --wsc-ease-camera: cubic-bezier(.65,.05,.36,1);
  --wsc-container: 1320px;
  --wsc-gutter: 32px;
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
  background: var(--wsc-bg-0);
  color: var(--wsc-text);
  line-height: 1.6;
  display: block;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#wsc-seo[data-locale="ar"] {
  font-family: 'Cairo', 'Tajawal', sans-serif;
  direction: rtl;
}
#wsc-seo * { box-sizing: border-box; }
#wsc-seo a { text-decoration: none; color: inherit; }

#wsc-seo .wsc-display { font-family: 'Archivo', sans-serif; font-weight: 900; letter-spacing: -.025em; }
#wsc-seo[data-locale="ar"] .wsc-display { font-family: 'Cairo', sans-serif; font-weight: 900; letter-spacing: -.005em; }

#wsc-seo .wsc-scene { position: relative; min-height: 100vh; overflow: hidden; display: flex; align-items: center; }
#wsc-seo .wsc-bg, #wsc-seo .wsc-mid, #wsc-seo .wsc-fg { position: absolute; inset: 0; pointer-events: none; will-change: transform, opacity; }
#wsc-seo .wsc-bg { background-size: cover; background-position: center; z-index: 0; }
#wsc-seo .wsc-mid { background: radial-gradient(ellipse 80% 60% at 50% 50%, transparent 0%, rgba(7,6,12,.65) 60%, var(--wsc-bg-0) 100%); z-index: 1; }
#wsc-seo .wsc-inner { position: relative; z-index: 5; width: 100%; max-width: var(--wsc-container); margin: 0 auto; padding: 120px var(--wsc-gutter); }

#wsc-seo .wsc-eyebrow { display: inline-flex; align-items: center; gap: 14px; font-size: 11px; letter-spacing: .32em; text-transform: uppercase; color: var(--wsc-coral); font-weight: 600; margin-bottom: 28px; }
#wsc-seo .wsc-eyebrow::before { content: ''; width: 36px; height: 1px; background: linear-gradient(90deg, var(--wsc-coral), transparent); }
#wsc-seo[data-locale="ar"] .wsc-eyebrow::before { background: linear-gradient(270deg, var(--wsc-coral), transparent); }

#wsc-seo .wsc-mask-line { display: block; overflow: hidden; }
#wsc-seo .wsc-mask-line > span { display: inline-block; transform: translateY(110%); transition: transform 1.2s var(--wsc-ease-cinema); }
#wsc-seo .wsc-mask-line.wsc-revealed > span { transform: translateY(0); }

/* HERO */
#wsc-seo .wsc-hero { min-height: 100vh; background: var(--wsc-bg-0); }
#wsc-seo .wsc-hero-bg {
  background-image: linear-gradient(180deg, rgba(7,6,12,.4), rgba(7,6,12,.85)),
    url('https://images.unsplash.com/photo-1639762681485-074b7f938ba0?w=1600&q=58&auto=format');
  filter: saturate(1.15) hue-rotate(-8deg);
}
#wsc-seo .wsc-hero-particles {
  position: absolute; inset: 0; z-index: 1;
  background-image:
    radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,.6), transparent 50%),
    radial-gradient(1px 1px at 60% 70%, rgba(255,255,255,.4), transparent 50%),
    radial-gradient(2px 2px at 40% 80%, rgba(102,126,234,.5), transparent 50%),
    radial-gradient(1px 1px at 80% 20%, rgba(238,89,70,.4), transparent 50%),
    radial-gradient(1px 1px at 90% 50%, rgba(255,255,255,.5), transparent 50%),
    radial-gradient(2px 2px at 10% 60%, rgba(118,75,162,.4), transparent 50%);
  background-size: 1200px 800px;
  animation: wsc-drift 60s linear infinite;
}
@keyframes wsc-drift { 0% { transform: translate(0,0); } 100% { transform: translate(-600px,-400px); } }
#wsc-seo .wsc-hero-glow { position: absolute; top: 30%; left: 50%; width: 800px; height: 800px; transform: translate(-50%,-50%); background: radial-gradient(circle, rgba(102,126,234,.18), transparent 60%); filter: blur(60px); z-index: 1; }
#wsc-seo .wsc-hero-inner { position: relative; z-index: 5; width: 100%; max-width: var(--wsc-container); margin: 0 auto; padding: 180px var(--wsc-gutter) 120px; text-align: center; }
body.postid-17755 #wsc-seo .wsc-seo-h1, body.postid-17782 #wsc-seo .wsc-seo-h1 { font-family: 'Manrope', sans-serif !important; font-weight: 600 !important; font-size: 14px !important; line-height: 1.4 !important; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.55) !important; margin: 0 auto 28px !important; max-width: 720px; padding: 10px 24px !important; border: 1px solid rgba(255,255,255,.12); border-radius: 100px; display: inline-block !important; backdrop-filter: blur(8px); background: rgba(255,255,255,.03); text-align: center; }
#wsc-seo[data-locale="ar"] .wsc-seo-h1 { font-family: 'Cairo', sans-serif; letter-spacing: 0; font-weight: 700; font-size: 15px; }
#wsc-seo .wsc-hero-headline { font-family: 'Archivo', sans-serif; font-weight: 900; font-size: clamp(48px,8vw,120px); line-height: .95; letter-spacing: -.04em; margin-bottom: 40px; color: #fff; }
#wsc-seo[data-locale="ar"] .wsc-hero-headline { font-family: 'Cairo', sans-serif; line-height: 1.1; letter-spacing: -.01em; }
#wsc-seo .wsc-hero-headline em { font-style: normal; background: linear-gradient(135deg, var(--wsc-purple) 0%, var(--wsc-coral) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
#wsc-seo[data-locale="ar"] .wsc-hero h1 { font-family: 'Cairo', sans-serif; line-height: 1.1; letter-spacing: -.01em; }
#wsc-seo .wsc-hero h1 em { font-style: normal; background: linear-gradient(135deg, var(--wsc-purple) 0%, var(--wsc-coral) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
#wsc-seo .wsc-hero p { font-size: clamp(17px,1.4vw,21px); line-height: 1.55; color: var(--wsc-text-mid); max-width: 680px; margin: 0 auto 56px; opacity: 0; transform: translateY(20px); transition: opacity 1.4s var(--wsc-ease-cinema) 1.2s, transform 1.4s var(--wsc-ease-cinema) 1.2s; }
#wsc-seo .wsc-hero.wsc-loaded p { opacity: 1; transform: translateY(0); }
#wsc-seo .wsc-hero-cta { display: inline-flex; align-items: center; gap: 14px; padding: 20px 40px; background: linear-gradient(135deg, var(--wsc-coral) 0%, var(--wsc-coral-deep) 100%); color: #fff; font-weight: 600; font-size: 16px; border-radius: 100px; box-shadow: 0 20px 60px -20px rgba(238,89,70,.7); opacity: 0; transform: translateY(20px); transition: opacity 1.4s var(--wsc-ease-cinema) 1.5s, transform 1.4s var(--wsc-ease-cinema) 1.5s, box-shadow .4s, scale .4s; }
#wsc-seo .wsc-hero.wsc-loaded .wsc-hero-cta { opacity: 1; transform: translateY(0); }
#wsc-seo .wsc-hero-cta:hover { scale: 1.04; box-shadow: 0 25px 70px -15px rgba(238,89,70,.85); }
#wsc-seo .wsc-hero-cta svg { width: 20px; height: 20px; }
#wsc-seo[data-locale="ar"] .wsc-hero-cta svg { transform: scaleX(-1); }
#wsc-seo .wsc-scroll-cue { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); z-index: 10; color: var(--wsc-text-dim); font-size: 11px; letter-spacing: .3em; text-transform: uppercase; opacity: 0; animation: wsc-cueFade 2s ease-in-out 2.5s forwards; }
#wsc-seo .wsc-scroll-cue::after { content: ''; display: block; width: 1px; height: 40px; background: linear-gradient(180deg, var(--wsc-coral), transparent); margin: 16px auto 0; animation: wsc-cueLine 2s ease-in-out infinite; }
@keyframes wsc-cueFade { to { opacity: 1; } }
@keyframes wsc-cueLine { 0%,100% { transform: scaleY(1); transform-origin: top; } 50% { transform: scaleY(.4); transform-origin: top; } }

/* STATS */
#wsc-seo .wsc-stats { background: var(--wsc-bg-1); min-height: 80vh; padding: 140px 0; }
#wsc-seo .wsc-stats-bg {
  background-image: linear-gradient(180deg, rgba(10,10,15,.85), rgba(10,10,15,.95)),
    url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1600&q=58&auto=format');
  filter: saturate(.7) hue-rotate(15deg) brightness(.6);
}
#wsc-seo .wsc-stats-inner { padding: 80px var(--wsc-gutter); position: relative; z-index: 5; max-width: var(--wsc-container); margin: 0 auto; width: 100%; }
#wsc-seo .wsc-stats-head { max-width: 720px; margin: 0 auto 80px; text-align: center; }
#wsc-seo .wsc-stats h2 { font-family: 'Archivo', sans-serif; font-weight: 900; font-size: clamp(34px,4.5vw,56px); line-height: 1.05; letter-spacing: -.025em; color: #fff; margin-bottom: 18px; }
#wsc-seo[data-locale="ar"] .wsc-stats h2 { font-family: 'Cairo', sans-serif; line-height: 1.2; }
#wsc-seo .wsc-stats h2 em { font-style: normal; background: linear-gradient(135deg, var(--wsc-purple), var(--wsc-coral)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
#wsc-seo .wsc-stats-lede { color: var(--wsc-text-dim); font-size: 17px; }
#wsc-seo .wsc-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
#wsc-seo .wsc-stat { position: relative; padding: 48px 32px; border: 1px solid rgba(255,255,255,.06); background: rgba(255,255,255,.02); border-radius: 20px; backdrop-filter: blur(10px); overflow: hidden; }
#wsc-seo .wsc-stat::before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 2px; background: linear-gradient(90deg, var(--wsc-coral), var(--wsc-purple)); transition: width 1.6s var(--wsc-ease-cinema) .2s; }
#wsc-seo .wsc-stat.wsc-revealed::before { width: 100%; }
#wsc-seo .wsc-stat-num { font-family: 'Archivo', sans-serif; font-weight: 900; font-size: clamp(54px,6vw,84px); line-height: 1; letter-spacing: -.04em; background: linear-gradient(180deg, #fff, #b0b0c8); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 16px; direction: ltr; }
#wsc-seo .wsc-stat-label { color: var(--wsc-text-dim); font-size: 13px; letter-spacing: .14em; text-transform: uppercase; font-weight: 600; line-height: 1.5; }
#wsc-seo[data-locale="ar"] .wsc-stat-label { letter-spacing: .04em; text-transform: none; font-size: 14px; }

/* SERVICE SCENES */
#wsc-seo .wsc-service { min-height: 100vh; padding: 80px 0; }
#wsc-seo .wsc-service-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; padding: 60px var(--wsc-gutter); position: relative; z-index: 5; max-width: var(--wsc-container); margin: 0 auto; width: 100%; }
#wsc-seo .wsc-service.wsc-flipped .wsc-service-copy { order: 2; }
#wsc-seo .wsc-service.wsc-flipped .wsc-service-visual { order: 1; }
#wsc-seo .wsc-service-copy { max-width: 540px; }
#wsc-seo .wsc-service-title { font-family: 'Archivo', sans-serif; font-weight: 900; font-size: clamp(36px,4.4vw,64px); line-height: 1.02; letter-spacing: -.025em; color: #fff; margin-bottom: 26px; }
#wsc-seo[data-locale="ar"] .wsc-service-title { font-family: 'Cairo', sans-serif; line-height: 1.2; }
#wsc-seo .wsc-service-desc { font-size: 17px; line-height: 1.65; color: var(--wsc-text-mid); margin-bottom: 32px; }
#wsc-seo .wsc-service-price { display: inline-flex; align-items: baseline; gap: 8px; padding: 10px 20px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); border-radius: 100px; margin-bottom: 32px; direction: ltr; }
#wsc-seo .wsc-service-price strong { font-family: 'Archivo', sans-serif; font-weight: 700; color: #fff; font-size: 18px; }
#wsc-seo .wsc-service-price span { color: var(--wsc-text-dim); font-size: 13px; }
#wsc-seo .wsc-service-link { display: inline-flex; align-items: center; gap: 10px; color: var(--wsc-coral); font-weight: 600; font-size: 15px; border-bottom: 1px solid currentColor; padding-bottom: 4px; transition: gap .3s var(--wsc-ease-pull); }
#wsc-seo .wsc-service-link:hover { gap: 16px; }
#wsc-seo[data-locale="ar"] .wsc-service-link svg { transform: scaleX(-1); }
#wsc-seo .wsc-service-visual { position: relative; aspect-ratio: 4/5; border-radius: 24px; overflow: hidden; perspective: 1000px; transform-style: preserve-3d; }
#wsc-seo .wsc-card-bg, #wsc-seo .wsc-card-mid, #wsc-seo .wsc-card-overlay { position: absolute; inset: 0; transition: transform .6s var(--wsc-ease-camera); }
#wsc-seo .wsc-card-bg { background-size: cover; background-position: center; transform: scale(1.08); z-index: 1; }
#wsc-seo .wsc-card-mid { background: linear-gradient(135deg, rgba(68,39,100,.35), transparent 50%, rgba(238,89,70,.25)); z-index: 2; mix-blend-mode: overlay; }
#wsc-seo .wsc-card-overlay { z-index: 3; background: linear-gradient(180deg, transparent 30%, rgba(7,6,12,.85) 100%); display: flex; flex-direction: column; justify-content: flex-end; padding: 40px; }
#wsc-seo .wsc-card-icon { width: 64px; height: 64px; border-radius: 16px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15); display: flex; align-items: center; justify-content: center; margin-bottom: 24px; backdrop-filter: blur(20px); }
#wsc-seo .wsc-card-icon svg { width: 28px; height: 28px; color: #fff; }
#wsc-seo .wsc-card-tag { font-size: 11px; letter-spacing: .24em; text-transform: uppercase; color: var(--wsc-coral); font-weight: 700; margin-bottom: 8px; }
#wsc-seo[data-locale="ar"] .wsc-card-tag { letter-spacing: .04em; text-transform: none; font-size: 13px; }
#wsc-seo .wsc-card-line { font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 28px; line-height: 1.1; color: #fff; letter-spacing: -.02em; }
#wsc-seo[data-locale="ar"] .wsc-card-line { font-family: 'Cairo', sans-serif; line-height: 1.4; font-size: 22px; }

/* Per-service tone treatments */
#wsc-seo .wsc-svc-technical .wsc-bg { background-image: linear-gradient(180deg, rgba(7,6,12,.4), rgba(7,6,12,.95)), url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=1600&q=58&auto=format'); filter: saturate(.8) hue-rotate(180deg) brightness(.55); }
#wsc-seo .wsc-svc-technical .wsc-card-bg { background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=1000&q=58&auto=format'); }
#wsc-seo .wsc-svc-content .wsc-bg { background-image: linear-gradient(180deg, rgba(7,6,12,.4), rgba(7,6,12,.95)), url('https://images.unsplash.com/photo-1620712943543-bcc4688e7485?w=1600&q=58&auto=format'); filter: saturate(1.1) hue-rotate(-15deg) brightness(.6); }
#wsc-seo .wsc-svc-content .wsc-card-bg { background-image: url('https://images.unsplash.com/photo-1620712943543-bcc4688e7485?w=1000&q=58&auto=format'); }
#wsc-seo .wsc-svc-geo .wsc-bg { background-image: linear-gradient(180deg, rgba(7,6,12,.4), rgba(7,6,12,.95)), url('https://images.unsplash.com/photo-1639762681485-074b7f938ba0?w=1600&q=58&auto=format'); filter: saturate(1.2) hue-rotate(20deg) brightness(.5); }
#wsc-seo .wsc-svc-geo .wsc-card-bg { background-image: url('https://images.unsplash.com/photo-1639762681485-074b7f938ba0?w=1000&q=58&auto=format'); }
#wsc-seo .wsc-svc-aeo .wsc-bg { background-image: linear-gradient(180deg, rgba(7,6,12,.4), rgba(7,6,12,.95)), url('https://images.unsplash.com/photo-1581090464777-f3220bbe1b8b?w=1600&q=58&auto=format'); filter: saturate(.9) hue-rotate(-30deg) brightness(.55); }
#wsc-seo .wsc-svc-aeo .wsc-card-bg { background-image: url('https://images.unsplash.com/photo-1581090464777-f3220bbe1b8b?w=1000&q=58&auto=format'); }
#wsc-seo .wsc-svc-graph .wsc-bg { background-image: linear-gradient(180deg, rgba(7,6,12,.4), rgba(7,6,12,.95)), url('https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=1600&q=58&auto=format'); filter: saturate(1) hue-rotate(40deg) brightness(.55); }
#wsc-seo .wsc-svc-graph .wsc-card-bg { background-image: url('https://images.unsplash.com/photo-1535378917042-10a22c95931a?w=1000&q=58&auto=format'); }
#wsc-seo .wsc-svc-voice .wsc-bg { background-image: linear-gradient(180deg, rgba(7,6,12,.4), rgba(7,6,12,.95)), url('https://images.unsplash.com/photo-1485827404703-89b55fcc595e?w=1600&q=58&auto=format'); filter: saturate(.85) hue-rotate(-50deg) brightness(.55); }
#wsc-seo .wsc-svc-voice .wsc-card-bg { background-image: url('https://images.unsplash.com/photo-1485827404703-89b55fcc595e?w=1000&q=58&auto=format'); }

/* AI ENGINES */
#wsc-seo .wsc-ai { background: var(--wsc-bg-1); padding: 160px 0; }
#wsc-seo .wsc-ai-bg { background: radial-gradient(ellipse at 50% 50%, rgba(102,126,234,.12), transparent 70%); }
#wsc-seo .wsc-ai-inner { text-align: center; padding: 60px var(--wsc-gutter); position: relative; z-index: 5; max-width: var(--wsc-container); margin: 0 auto; width: 100%; }
#wsc-seo .wsc-ai h2 { font-family: 'Archivo', sans-serif; font-weight: 900; font-size: clamp(34px,4.5vw,60px); line-height: 1.05; letter-spacing: -.025em; color: #fff; margin: 0 auto 28px; max-width: 820px; }
#wsc-seo[data-locale="ar"] .wsc-ai h2 { font-family: 'Cairo', sans-serif; line-height: 1.2; }
#wsc-seo .wsc-ai h2 em { font-style: normal; background: linear-gradient(135deg, var(--wsc-purple), var(--wsc-coral)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
#wsc-seo .wsc-ai-lede { color: var(--wsc-text-dim); font-size: 17px; max-width: 680px; margin: 0 auto 80px; }
#wsc-seo .wsc-ai-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; max-width: 1100px; margin: 0 auto; }
#wsc-seo .wsc-ai-card { position: relative; padding: 48px 28px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.06); border-radius: 20px; text-align: center; transition: transform .5s var(--wsc-ease-camera), background .5s, border-color .5s; }
#wsc-seo .wsc-ai-card:hover { transform: translateY(-8px); background: rgba(255,255,255,.06); border-color: rgba(102,126,234,.3); }
#wsc-seo .wsc-ai-logo { width: 64px; height: 64px; margin: 0 auto 24px; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-family: 'Archivo', sans-serif; font-weight: 900; font-size: 28px; color: #fff; }
#wsc-seo .wsc-ai-card[data-engine="chatgpt"] .wsc-ai-logo { background: linear-gradient(135deg, #10a37f, #1a7f5e); }
#wsc-seo .wsc-ai-card[data-engine="gemini"] .wsc-ai-logo { background: linear-gradient(135deg, #4285f4, #1a73e8); }
#wsc-seo .wsc-ai-card[data-engine="claude"] .wsc-ai-logo { background: linear-gradient(135deg, #d97757, #b85a3a); }
#wsc-seo .wsc-ai-card[data-engine="perplexity"] .wsc-ai-logo { background: linear-gradient(135deg, #20808d, #145962); }
#wsc-seo .wsc-ai-name { font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 18px; color: #fff; margin-bottom: 6px; }
#wsc-seo .wsc-ai-hint { font-size: 13px; color: var(--wsc-text-dim); letter-spacing: .04em; }

/* PROCESS */
#wsc-seo .wsc-process { background: var(--wsc-bg-2); padding: 160px 0; min-height: 100vh; }
#wsc-seo .wsc-process-bg { background-image: linear-gradient(180deg, rgba(20,17,31,.95), rgba(20,17,31,.98)), url('https://images.unsplash.com/photo-1544197150-b99a580bb7a8?w=1600&q=58&auto=format'); filter: saturate(.5) brightness(.4); }
#wsc-seo .wsc-process-inner { padding: 60px var(--wsc-gutter); position: relative; z-index: 5; max-width: var(--wsc-container); margin: 0 auto; width: 100%; }
#wsc-seo .wsc-process-head { max-width: 720px; margin: 0 auto 100px; text-align: center; }
#wsc-seo .wsc-process h2 { font-family: 'Archivo', sans-serif; font-weight: 900; font-size: clamp(34px,4.5vw,60px); line-height: 1.05; letter-spacing: -.025em; color: #fff; margin-bottom: 22px; }
#wsc-seo[data-locale="ar"] .wsc-process h2 { font-family: 'Cairo', sans-serif; line-height: 1.2; }
#wsc-seo .wsc-process h2 em { font-style: normal; background: linear-gradient(135deg, var(--wsc-purple), var(--wsc-coral)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
#wsc-seo .wsc-process-lede { color: var(--wsc-text-dim); font-size: 17px; }
#wsc-seo .wsc-timeline { position: relative; max-width: 880px; margin: 0 auto; padding-left: 80px; }
#wsc-seo[data-locale="ar"] .wsc-timeline { padding-left: 0; padding-right: 80px; }
#wsc-seo .wsc-tl-line { position: absolute; left: 36px; top: 0; bottom: 0; width: 2px; background: rgba(255,255,255,.06); }
#wsc-seo[data-locale="ar"] .wsc-tl-line { left: auto; right: 36px; }
#wsc-seo .wsc-tl-fill { position: absolute; inset: 0; background: linear-gradient(180deg, var(--wsc-purple), var(--wsc-coral)); transform-origin: top; transform: scaleY(0); will-change: transform; }
#wsc-seo .wsc-step { position: relative; padding: 32px 0 60px; }
#wsc-seo .wsc-step:last-child { padding-bottom: 0; }
#wsc-seo .wsc-step-dot { position: absolute; left: -64px; top: 38px; width: 16px; height: 16px; border-radius: 50%; background: var(--wsc-bg-2); border: 2px solid rgba(255,255,255,.15); transition: border-color .5s var(--wsc-ease-camera), background .5s; }
#wsc-seo[data-locale="ar"] .wsc-step-dot { left: auto; right: -64px; }
#wsc-seo .wsc-step.wsc-active .wsc-step-dot { border-color: var(--wsc-coral); background: var(--wsc-coral); box-shadow: 0 0 0 6px rgba(238,89,70,.15); }
#wsc-seo .wsc-step-num { font-family: 'Archivo', sans-serif; font-weight: 900; font-size: clamp(64px,7vw,96px); line-height: 1; letter-spacing: -.04em; color: rgba(255,255,255,.04); margin-bottom: 12px; transition: color .8s var(--wsc-ease-camera); direction: ltr; }
#wsc-seo .wsc-step.wsc-active .wsc-step-num { background: linear-gradient(135deg, var(--wsc-purple), var(--wsc-coral)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
#wsc-seo .wsc-step-title { font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 28px; color: #fff; letter-spacing: -.015em; margin-bottom: 12px; }
#wsc-seo[data-locale="ar"] .wsc-step-title { font-family: 'Cairo', sans-serif; }
#wsc-seo .wsc-step-desc { font-size: 16px; color: var(--wsc-text-mid); line-height: 1.65; max-width: 580px; }

/* FINAL CTA */
#wsc-seo .wsc-final { min-height: 100vh; background: var(--wsc-bg-0); }
#wsc-seo .wsc-final-bg { background-image: linear-gradient(180deg, rgba(7,6,12,.55), rgba(7,6,12,.92)), url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1600&q=58&auto=format'); filter: saturate(1.1) brightness(.7); }
#wsc-seo .wsc-final-vignette { position: absolute; inset: 0; z-index: 3; background: radial-gradient(ellipse 60% 80% at 50% 50%, transparent 0%, rgba(7,6,12,.85) 90%); pointer-events: none; }
#wsc-seo .wsc-final-inner { text-align: center; padding: 180px var(--wsc-gutter); position: relative; z-index: 5; max-width: var(--wsc-container); margin: 0 auto; width: 100%; }
#wsc-seo .wsc-final h2 { font-family: 'Archivo', sans-serif; font-weight: 900; font-size: clamp(48px,7vw,96px); line-height: 1.02; letter-spacing: -.035em; color: #fff; margin-bottom: 36px; }
#wsc-seo[data-locale="ar"] .wsc-final h2 { font-family: 'Cairo', sans-serif; line-height: 1.2; }
#wsc-seo .wsc-final h2 em { font-style: normal; background: linear-gradient(135deg, var(--wsc-purple), var(--wsc-coral)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
#wsc-seo .wsc-final-lede { color: var(--wsc-text-mid); font-size: clamp(17px,1.4vw,21px); max-width: 640px; margin: 0 auto 56px; line-height: 1.6; }
#wsc-seo .wsc-final-actions { display: inline-flex; gap: 16px; flex-wrap: wrap; justify-content: center; }
#wsc-seo .wsc-btn { display: inline-flex; align-items: center; gap: 12px; padding: 20px 36px; border-radius: 100px; font-weight: 600; font-size: 15px; transition: scale .3s var(--wsc-ease-pull), box-shadow .3s, background .3s; }
#wsc-seo .wsc-btn svg { width: 18px; height: 18px; }
#wsc-seo[data-locale="ar"] .wsc-btn svg { transform: scaleX(-1); }
#wsc-seo .wsc-btn-primary { background: linear-gradient(135deg, var(--wsc-coral), var(--wsc-coral-deep)); color: #fff; box-shadow: 0 20px 50px -15px rgba(238,89,70,.7); }
#wsc-seo .wsc-btn-primary:hover { scale: 1.04; box-shadow: 0 25px 60px -10px rgba(238,89,70,.9); }
#wsc-seo .wsc-btn-ghost { background: rgba(255,255,255,.06); color: #fff; border: 1px solid rgba(255,255,255,.15); backdrop-filter: blur(20px); }
#wsc-seo .wsc-btn-ghost:hover { background: rgba(255,255,255,.12); scale: 1.04; }
#wsc-seo[data-locale="ar"] .wsc-btn-ghost svg { transform: none; }

/* RESPONSIVE */
@media (max-width: 1024px) {
  /* Tablet: relax min-heights so content determines section size */
  #wsc-seo .wsc-scene { min-height: auto; }
  #wsc-seo .wsc-hero { min-height: 80vh; }
  #wsc-seo .wsc-stats { padding: 80px 0; min-height: auto; }
  #wsc-seo .wsc-service { padding: 60px 0; min-height: auto; }
  #wsc-seo .wsc-ai { padding: 80px 0; }
  #wsc-seo .wsc-process { padding: 80px 0; min-height: auto; }
  #wsc-seo .wsc-final { min-height: 70vh; }
  #wsc-seo .wsc-final-inner { padding: 100px var(--wsc-gutter); }
  #wsc-seo .wsc-stats-inner,
  #wsc-seo .wsc-ai-inner,
  #wsc-seo .wsc-process-inner { padding: 30px var(--wsc-gutter); }
  #wsc-seo .wsc-service-inner { padding: 30px var(--wsc-gutter); gap: 40px; }
  #wsc-seo .wsc-stats-head,
  #wsc-seo .wsc-process-head { margin-bottom: 56px; }
}
@media (max-width: 640px) {
  #wsc-seo { --wsc-gutter: 18px; }
  /* Mobile: even tighter */
  #wsc-seo .wsc-hero { min-height: auto; }
  #wsc-seo .wsc-hero-inner { padding: 100px var(--wsc-gutter) 60px; }
  #wsc-seo .wsc-hero h1 { font-size: clamp(36px, 11vw, 56px) !important; margin-bottom: 24px; }
  #wsc-seo[data-locale="ar"] .wsc-hero h1,
  #wsc-seo[data-locale="ar"] .wsc-hero-headline { font-size: clamp(34px, 10vw, 52px) !important; }
  #wsc-seo .wsc-hero-headline { font-size: clamp(36px, 11vw, 56px) !important; margin-bottom: 24px; }
  body.postid-17755 #wsc-seo .wsc-seo-h1, body.postid-17782 #wsc-seo .wsc-seo-h1 { 
    font-size: 11px !important; 
    padding: 7px 14px !important; 
    margin: 0 auto 18px !important; 
    letter-spacing: .06em !important; 
    text-transform: uppercase !important; 
    line-height: 1.5 !important; 
    max-width: calc(100% - 24px); 
    display: inline-block !important; 
    text-align: center; 
    font-weight: 600 !important;
  }
  #wsc-seo[data-locale="ar"] .wsc-seo-h1 { font-size: 12px; padding: 8px 18px; line-height: 1.6; }
  #wsc-seo .wsc-hero p { font-size: 15px; margin-bottom: 32px; max-width: 100%; }
  #wsc-seo .wsc-hero-cta { padding: 16px 28px; font-size: 14px; }
  #wsc-seo .wsc-scroll-cue { display: none; }

  #wsc-seo .wsc-stats { padding: 60px 0; }
  #wsc-seo .wsc-stats-inner { padding: 0 var(--wsc-gutter); }
  #wsc-seo .wsc-stats-head { margin-bottom: 40px; }
  #wsc-seo .wsc-stats h2 { font-size: clamp(26px, 7vw, 36px) !important; margin-bottom: 14px; }
  #wsc-seo .wsc-stats-lede { font-size: 14px; }
  #wsc-seo .wsc-stats-grid { grid-template-columns: 1fr; gap: 14px; }
  #wsc-seo .wsc-stat { padding: 28px 20px; }
  #wsc-seo .wsc-stat-num { font-size: 48px !important; margin-bottom: 10px; }
  #wsc-seo .wsc-stat-label { font-size: 11px; }

  #wsc-seo .wsc-service { padding: 40px 0; }
  #wsc-seo .wsc-service-inner { padding: 0 var(--wsc-gutter); grid-template-columns: 1fr; gap: 32px; }
  #wsc-seo .wsc-service.wsc-flipped .wsc-service-copy { order: 2; }
  #wsc-seo .wsc-service.wsc-flipped .wsc-service-visual { order: 1; }
  #wsc-seo .wsc-service-title { font-size: clamp(24px, 6.5vw, 34px) !important; margin-bottom: 18px; }
  #wsc-seo .wsc-service-desc { font-size: 15px; margin-bottom: 22px; }
  #wsc-seo .wsc-service-visual { aspect-ratio: 4/3; max-width: 100%; }
  #wsc-seo .wsc-card-overlay { padding: 26px 22px; }
  #wsc-seo .wsc-card-line { font-size: 19px; }
  #wsc-seo .wsc-card-icon { width: 52px; height: 52px; margin-bottom: 18px; }

  #wsc-seo .wsc-ai { padding: 60px 0; }
  #wsc-seo .wsc-ai-inner { padding: 0 var(--wsc-gutter); }
  #wsc-seo .wsc-ai h2 { font-size: clamp(26px, 7vw, 36px) !important; margin-bottom: 16px; }
  #wsc-seo .wsc-ai-lede { font-size: 14px; margin-bottom: 40px; }
  #wsc-seo .wsc-ai-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  #wsc-seo .wsc-ai-card { padding: 28px 16px; }
  #wsc-seo .wsc-ai-logo { width: 48px; height: 48px; font-size: 22px; margin-bottom: 14px; }
  #wsc-seo .wsc-ai-name { font-size: 15px; }
  #wsc-seo .wsc-ai-hint { font-size: 11px; }

  #wsc-seo .wsc-process { padding: 60px 0; }
  #wsc-seo .wsc-process-inner { padding: 0 var(--wsc-gutter); }
  #wsc-seo .wsc-process h2 { font-size: clamp(26px, 7vw, 36px) !important; margin-bottom: 14px; }
  #wsc-seo .wsc-process-lede { font-size: 14px; }
  #wsc-seo .wsc-process-head { margin-bottom: 50px; }
  #wsc-seo .wsc-timeline { padding-left: 44px; }
  #wsc-seo[data-locale="ar"] .wsc-timeline { padding-left: 0; padding-right: 44px; }
  #wsc-seo .wsc-tl-line { left: 20px; }
  #wsc-seo[data-locale="ar"] .wsc-tl-line { left: auto; right: 20px; }
  #wsc-seo .wsc-step { padding: 18px 0 36px; }
  #wsc-seo .wsc-step-dot { left: -34px; top: 24px; width: 14px; height: 14px; }
  #wsc-seo[data-locale="ar"] .wsc-step-dot { left: auto; right: -34px; }
  #wsc-seo .wsc-step-num { font-size: 48px !important; margin-bottom: 6px; }
  #wsc-seo .wsc-step-title { font-size: 21px; margin-bottom: 8px; }
  #wsc-seo .wsc-step-desc { font-size: 14px; }

  #wsc-seo .wsc-final { min-height: auto; }
  #wsc-seo .wsc-final-inner { padding: 80px var(--wsc-gutter); }
  #wsc-seo .wsc-final h2 { font-size: clamp(34px, 9vw, 52px) !important; margin-bottom: 22px; }
  #wsc-seo .wsc-final-lede { font-size: 15px; margin-bottom: 36px; }
  #wsc-seo .wsc-btn { padding: 16px 26px; font-size: 14px; }
  #wsc-seo .wsc-final-actions { gap: 12px; }
}