:root {
  --paper: #f2efe8;
  --paper-soft: #f8f6f1;
  --ink: #1d211d;
  --ink-soft: #4f534d;
  --muted: #60645e;
  --line: #d5d0c5;
  --accent: #a33e2b;
  --accent-dark: #a73f28;
  --dark: #171a17;
  --dark-soft: #232722;
  --light: #f5f1e8;
  --max: 1240px;
  --header-h: 78px;
  --page-pad: clamp(22px, 5vw, 72px);
  --section-pad: clamp(92px, 12vw, 172px);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: -0.012em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html[lang="en"] body {
  font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif;
}

html[lang="ar"] body {
  font-family: "Noto Sans Arabic", "Noto Kufi Arabic", "Geeza Pro", Tahoma, Arial, sans-serif;
  letter-spacing: 0;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] .brand,
html[lang="ar"] .footer-brand,
html[lang="ar"] .eyebrow,
html[lang="ar"] .section-index,
html[lang="ar"] .prose-label,
html[lang="ar"] .social-method-label,
html[lang="ar"] .social-month-title > p,
html[lang="ar"] .social-month-outcome strong,
html[lang="ar"] .insight-index,
html[lang="ar"] .insight-category,
html[lang="ar"] .article-related > p,
html[lang="ar"] .article-next span,
html[lang="ar"] .hero-foot,
html[lang="ar"] .field-row label {
  letter-spacing: 0;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3 {
  line-height: 1.2;
}

body.nav-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
img { display: block; max-width: 100%; }

.skip-link {
  position: fixed;
  z-index: 200;
  top: 12px;
  inset-inline-start: 12px;
  transform: translateY(-150%);
  padding: 10px 15px;
  background: var(--paper-soft);
  color: var(--ink);
  border: 1px solid var(--line);
}
.skip-link:focus { transform: translateY(0); }

.site-header {
  position: fixed;
  z-index: 100;
  top: 0;
  inset-inline: 0;
  height: var(--header-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--page-pad);
  color: var(--light);
  transition: background-color .3s ease, color .3s ease, border-color .3s ease;
  border-bottom: 1px solid transparent;
}
.site-header.is-scrolled,
.page-header {
  color: var(--ink);
  background: rgba(242, 239, 232, .94);
  border-bottom-color: rgba(50, 52, 47, .14);
  backdrop-filter: blur(16px);
}
.brand {
  font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(1.2rem, 2vw, 1.5rem);
  line-height: 1;
  font-weight: 700;
  letter-spacing: -.055em;
}
.site-nav { display: flex; align-items: center; gap: clamp(18px, 2.4vw, 38px); }
.site-nav a {
  position: relative;
  font-size: .88rem;
  font-weight: 560;
  letter-spacing: .005em;
}
.site-nav a:not(.nav-contact)::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 100%;
  bottom: -5px;
  height: 1px;
  background: currentColor;
  transition: inset-inline-end .22s ease;
}
.site-nav a:hover::after,
.site-nav a:focus-visible::after { inset-inline-end: 0; }
.site-nav .language-link::after { display: none; }
.nav-contact {
  padding: 10px 16px;
  border: 1px solid currentColor;
  transition: background-color .2s ease, color .2s ease;
}
.nav-contact:hover,
.nav-contact:focus-visible { background: var(--light); color: var(--ink); }
.site-header.is-scrolled .nav-contact:hover,
.page-header .nav-contact:hover { background: var(--ink); color: var(--light); }
.nav-toggle { display: none; }

.language-switcher {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  direction: ltr;
  border: 1px solid currentColor;
}
.site-nav .language-link,
.site-header > .language-switcher .language-link {
  min-width: 35px;
  padding: 7px 8px;
  text-align: center;
  font-size: .68rem;
  font-weight: 680;
  line-height: 1;
  letter-spacing: .015em;
  opacity: .78;
  transition: background-color .2s ease, color .2s ease, opacity .2s ease;
}
.language-link + .language-link { border-inline-start: 1px solid currentColor; }
.language-link:hover,
.language-link:focus-visible,
.language-link[aria-current="page"] { opacity: 1; }
.language-link[aria-current="page"] { background: var(--light); color: var(--dark); }
.site-header.is-scrolled .language-link[aria-current="page"],
.page-header .language-link[aria-current="page"] { background: var(--ink); color: var(--paper-soft); }

.hero {
  position: relative;
  min-height: 100svh;
  min-height: 700px;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  background: var(--dark);
  color: var(--light);
}
.hero-media, .hero-media img, .hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero-media img { object-fit: cover; object-position: 54% center; transform: scale(1.035); transition: transform 1.2s cubic-bezier(.2,.7,.2,1); }
.is-ready .hero-media img { transform: scale(1); }
.hero-shade {
  background:
    linear-gradient(90deg, rgba(11, 14, 11, .88) 0%, rgba(11, 14, 11, .70) 32%, rgba(11, 14, 11, .24) 67%, rgba(11, 14, 11, .18) 100%),
    linear-gradient(0deg, rgba(11, 14, 11, .48) 0%, transparent 42%);
}
.hero-inner {
  position: relative;
  z-index: 2;
  width: min(100%, var(--max));
  margin: 0 auto;
  padding: clamp(150px, 19vh, 210px) var(--page-pad) clamp(54px, 8vh, 88px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
.eyebrow {
  margin: 0 0 20px;
  font-size: .78rem;
  line-height: 1.3;
  letter-spacing: .15em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--accent);
}
.hero-eyebrow { color: #ef8165; }
.hero h1 {
  margin: 0;
  max-width: 800px;
  font-family: "PingFang SC", "Noto Sans CJK SC", sans-serif;
  font-size: clamp(3.6rem, 8.1vw, 7.8rem);
  line-height: .98;
  letter-spacing: -.075em;
  font-weight: 640;
}
.hero-copy {
  max-width: 610px;
  margin: clamp(26px, 3vw, 42px) 0 0;
  font-size: clamp(1.05rem, 1.5vw, 1.28rem);
  line-height: 1.65;
  color: rgba(245, 241, 232, .84);
}
.hero-actions, .final-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 36px; }
.hero-foot {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: auto;
  padding-top: 44px;
  font-size: .78rem;
  letter-spacing: .08em;
  color: rgba(245, 241, 232, .64);
}
.hero-foot i { width: 34px; height: 1px; background: rgba(245, 241, 232, .35); }
[data-hero-item] { opacity: 0; transform: translateY(18px); }
.is-ready [data-hero-item] { animation: heroIn .72s cubic-bezier(.2,.7,.2,1) forwards; }
.is-ready [data-hero-item]:nth-child(2) { animation-delay: .08s; }
.is-ready [data-hero-item]:nth-child(3) { animation-delay: .16s; }
.is-ready [data-hero-item]:nth-child(4) { animation-delay: .24s; }
.is-ready [data-hero-item]:nth-child(5) { animation-delay: .32s; }
@keyframes heroIn { to { opacity: 1; transform: translateY(0); } }

.button {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  border: 1px solid transparent;
  border-radius: 0;
  font-weight: 650;
  font-size: .92rem;
  cursor: pointer;
  transition: transform .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
}
.button:hover, .button:focus-visible { transform: translateY(-2px); }
.button-primary { background: var(--accent); color: #fff7ef; }
.button-primary:hover, .button-primary:focus-visible { background: #dc6548; }
.button-dark { background: var(--ink); color: var(--light); }
.button-dark:hover, .button-dark:focus-visible { background: var(--accent); }
.button-light { background: var(--light); color: var(--dark); }
.button-light:hover, .button-light:focus-visible { background: var(--accent); color: #fff; }
.button[disabled] { opacity: .55; cursor: wait; transform: none; }
.text-link {
  display: inline-block;
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;
  font-size: .92rem;
  font-weight: 600;
  transition: color .2s ease, transform .2s ease;
}
.text-link:hover, .text-link:focus-visible { color: var(--accent); transform: translateX(var(--link-shift, 3px)); }
.text-link-light { color: var(--light); }

.site-section { padding: var(--section-pad) var(--page-pad); }
.site-section > * { width: min(100%, var(--max)); margin-inline: auto; }
.section-index { margin-bottom: clamp(42px, 7vw, 82px); font-size: .76rem; font-weight: 700; letter-spacing: .13em; color: var(--accent); text-transform: uppercase; }
.display-heading {
  margin: 0;
  font-size: clamp(2.55rem, 5.8vw, 5.7rem);
  line-height: 1.04;
  letter-spacing: -.065em;
  font-weight: 620;
}
.statement-section { background: var(--paper); }
.statement-grid, .custom-grid, .about-preview-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr);
  gap: clamp(48px, 8vw, 130px);
  align-items: end;
}
.statement-copy, .custom-grid > p, .about-preview-grid > div { max-width: 520px; padding-bottom: 7px; color: var(--ink-soft); }
.statement-copy p, .custom-grid > p, .about-preview-grid p { margin: 0 0 18px; }
.lead-copy { font-size: clamp(1.3rem, 2vw, 1.75rem); line-height: 1.45; color: var(--ink); font-weight: 600; }
.problem-lines { margin-top: clamp(72px, 10vw, 138px); border-top: 1px solid var(--line); }
.problem-lines > div {
  display: grid;
  grid-template-columns: 70px minmax(150px, .35fr) 1fr;
  align-items: baseline;
  gap: 28px;
  padding: 25px 0;
  border-bottom: 1px solid var(--line);
}
.problem-lines span { font-size: .74rem; color: var(--accent); font-weight: 700; }
.problem-lines strong { font-size: clamp(1.15rem, 2vw, 1.55rem); font-weight: 600; }
.problem-lines p { margin: 0; color: var(--muted); }

.method-section { padding: var(--section-pad) var(--page-pad); background: var(--dark); color: var(--light); }
.method-wrap {
  width: min(100%, var(--max));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(280px, .76fr) minmax(420px, 1.24fr);
  gap: clamp(70px, 10vw, 160px);
  align-items: start;
}
.method-intro { position: sticky; top: calc(var(--header-h) + 56px); }
.method-intro h2 { margin: 0; font-size: clamp(2.6rem, 5vw, 5rem); line-height: 1.05; letter-spacing: -.06em; font-weight: 610; }
.method-intro > p:last-child { max-width: 390px; margin: 30px 0 0; color: rgba(245, 241, 232, .68); }
.method-steps { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(245, 241, 232, .18); }
.method-step {
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 26px;
  padding: clamp(34px, 5vw, 62px) 0;
  border-bottom: 1px solid rgba(245, 241, 232, .18);
  transition: color .25s ease;
}
.method-step > span { color: #ef8165; font-size: .76rem; font-weight: 700; }
.method-step h3 { margin: 0 0 12px; font-size: clamp(1.55rem, 2.4vw, 2.25rem); line-height: 1.2; font-weight: 580; }
.method-step p { margin: 0; max-width: 520px; color: rgba(245, 241, 232, .62); }

.custom-section { background: var(--paper-soft); }
.custom-grid .display-heading { font-size: clamp(2.6rem, 5vw, 4.9rem); }
.custom-grid .display-heading span { display: block; white-space: nowrap; }
.capability-line { display: flex; flex-wrap: wrap; gap: 0; margin-top: clamp(72px, 10vw, 128px); border-top: 1px solid var(--line); border-inline-start: 1px solid var(--line); }
.capability-line span { flex: 1 0 160px; padding: 22px 18px; border-inline-end: 1px solid var(--line); border-bottom: 1px solid var(--line); text-align: center; font-size: .9rem; }

.social-feature {
  position: relative;
  overflow: hidden;
  min-height: 760px;
  display: flex;
  align-items: center;
  padding: var(--section-pad) var(--page-pad);
  background: #942f25;
  color: var(--light);
}
.social-feature::before {
  content: "";
  position: absolute;
  width: 56vw;
  aspect-ratio: 1;
  inset-inline-end: -12vw;
  top: -22vw;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 50%;
  box-shadow: 0 0 0 10vw rgba(255,255,255,.035), 0 0 0 20vw rgba(255,255,255,.025);
}
.social-watermark { display: none; }
.social-content { position: relative; z-index: 2; width: min(100%, var(--max)); margin: 0 auto; }
.social-content .eyebrow { color: #ffc0af; }
.social-content h2 { margin: 0; font-size: clamp(3.8rem, 9vw, 9rem); line-height: .95; letter-spacing: -.08em; }
.social-lead { margin: 28px 0 10px; font-size: clamp(1.65rem, 3vw, 2.7rem); font-weight: 560; }
.social-content > p:not(.eyebrow):not(.social-lead) { max-width: 670px; margin: 0; color: rgba(245,241,232,.76); }
.social-content > .social-extra { margin-top: 7px; }
.social-meta { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; margin: 42px 0 30px; }
.social-meta strong { font-size: clamp(2.7rem, 5vw, 5rem); line-height: 1; }
.social-meta i { width: 42px; height: 1px; margin: 0 10px; background: rgba(255,255,255,.45); }

.contact-section { padding: var(--section-pad) var(--page-pad); background: var(--paper); }
.contact-wrap { width: min(100%, var(--max)); margin: 0 auto; display: grid; grid-template-columns: minmax(280px, .78fr) minmax(440px, 1.22fr); gap: clamp(60px, 10vw, 154px); }
.contact-intro h2 { margin: 0; font-size: clamp(2.45rem, 4.7vw, 4.7rem); line-height: 1.08; letter-spacing: -.06em; font-weight: 610; }
.contact-intro h2 span { display: block; white-space: nowrap; }
.contact-intro > p:not(.eyebrow) { max-width: 470px; margin: 28px 0 0; color: var(--ink-soft); }
.direct-contact { display: grid; gap: 5px; margin-top: 42px; font-size: .9rem; }
.direct-contact span { color: var(--muted); }
.direct-contact a { width: fit-content; border-bottom: 1px solid currentColor; overflow-wrap: anywhere; }
.inquiry-form { border-top: 1px solid var(--ink); }
.field-row { position: relative; padding: 24px 0 14px; border-bottom: 1px solid var(--line); }
.field-row label { display: block; margin-bottom: 8px; font-size: .78rem; font-weight: 650; letter-spacing: .04em; color: var(--muted); }
.field-row label b { color: var(--accent); font-weight: 700; }
.field-row input, .field-row textarea { width: 100%; padding: 0; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: 1.05rem; resize: vertical; }
.field-row input { min-height: 38px; }
.field-row textarea { min-height: 120px; line-height: 1.6; }
.field-row:focus-within { border-bottom-color: var(--accent); }
.field-row input::placeholder { color: #a09d96; }
.field-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 34px; }
.honeypot { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.form-action { display: flex; align-items: center; gap: 24px; padding-top: 30px; }
.form-status { margin: 0; max-width: 420px; font-size: .88rem; color: var(--muted); }
.form-status.is-error { color: #a12e24; }
.form-status.is-success { color: #2d6f48; }

.about-preview { background: var(--paper-soft); }
.about-preview-grid { align-items: start; }
.about-preview-grid .text-link { margin-top: 12px; }
.final-cta { padding: clamp(110px, 16vw, 220px) var(--page-pad); background: var(--dark); color: var(--light); }
.final-cta > * { width: min(100%, var(--max)); margin-inline: auto; }
.final-cta h2 { margin-top: 0; margin-bottom: 0; font-size: clamp(3rem, 7.4vw, 7.4rem); line-height: 1.02; letter-spacing: -.075em; font-weight: 610; }

.site-footer { padding: 68px var(--page-pad) 34px; display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 32px 60px; background: #101310; color: rgba(245,241,232,.68); }
.footer-brand { color: var(--light); font: 700 1.6rem/1 "Avenir Next", "Helvetica Neue", Arial, sans-serif; letter-spacing: -.055em; }
.site-footer p { margin: 0; }
.site-footer nav { display: flex; flex-wrap: wrap; gap: 10px 22px; grid-column: 2 / 4; justify-self: end; font-size: .83rem; }
.site-footer a:hover, .site-footer a:focus-visible { color: var(--light); }
.footer-email { grid-column: 2 / 4; justify-self: end; font-size: .85rem; overflow-wrap: anywhere; }
.site-footer small { grid-column: 1 / -1; padding-top: 24px; border-top: 1px solid rgba(245,241,232,.12); font-size: .75rem; }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.7,.2,1); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
.method-section .eyebrow, .final-cta .eyebrow { color: #ef8165; }

/* Inner pages */
.inner-page { background: var(--paper-soft); }
.page-main { padding-top: var(--header-h); }
.page-hero { min-height: 72svh; display: flex; align-items: flex-end; padding: clamp(110px, 15vw, 180px) var(--page-pad) clamp(72px, 10vw, 118px); border-bottom: 1px solid var(--line); }
.page-hero-inner { width: min(100%, var(--max)); margin: 0 auto; }
.page-hero h1 { margin: 0; max-width: 1050px; font-size: clamp(3.25rem, 8vw, 8rem); line-height: .98; letter-spacing: -.08em; font-weight: 620; }
.page-hero .page-lead { max-width: 720px; margin: 34px 0 0; font-size: clamp(1.1rem, 1.8vw, 1.4rem); color: var(--ink-soft); }
.prose-section { padding: var(--section-pad) var(--page-pad); }
.prose-wrap { width: min(100%, var(--max)); margin: 0 auto; display: grid; grid-template-columns: minmax(220px, .55fr) minmax(420px, 1.45fr); gap: clamp(50px, 10vw, 160px); }
.prose-label { font-size: .76rem; font-weight: 700; letter-spacing: .12em; color: var(--accent); }
.prose-body { max-width: 800px; }
.prose-body h2 { margin: 0 0 30px; font-size: clamp(2rem, 4vw, 4rem); line-height: 1.08; letter-spacing: -.055em; }
.prose-body p { margin: 0 0 22px; color: var(--ink-soft); font-size: clamp(1.02rem, 1.4vw, 1.18rem); }
.mission-line { margin-top: 60px; padding-top: 30px; border-top: 1px solid var(--line); font-size: clamp(1.55rem, 3vw, 2.7rem) !important; line-height: 1.35; color: var(--ink) !important; }

.social-page-hero { position: relative; min-height: 86svh; overflow: hidden; display: flex; align-items: flex-end; padding: 142px var(--page-pad) 72px; background: var(--dark); color: var(--light); }
.social-page-hero-media, .social-page-hero-media img, .social-page-hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.social-page-hero-media img { object-fit: cover; object-position: 58% center; transform: scale(1.035); transition: transform 1.2s cubic-bezier(.2,.7,.2,1); }
.is-ready .social-page-hero-media img { transform: scale(1); }
.social-page-hero-shade {
  background:
    linear-gradient(90deg, rgba(11,14,11,.93) 0%, rgba(11,14,11,.82) 36%, rgba(11,14,11,.40) 68%, rgba(11,14,11,.20) 100%),
    linear-gradient(0deg, rgba(11,14,11,.64) 0%, rgba(11,14,11,.08) 58%);
}
.social-page-hero-inner { position: relative; z-index: 2; width: min(100%, var(--max)); margin: 0 auto; }
.social-page-hero h1 { margin: 0; max-width: 940px; font-size: 6.6rem; line-height: 1.02; letter-spacing: 0; font-weight: 620; }
.social-page-hero .page-lead { max-width: 670px; margin: 28px 0; font-size: 1.32rem; line-height: 1.72; color: rgba(245,241,232,.82); }
.price-line { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.price-line strong { font-size: 3.8rem; line-height: 1; letter-spacing: 0; white-space: nowrap; }
.social-page-hero .hero-actions { margin-top: 30px; }

.social-method-section { padding: var(--section-pad) var(--page-pad); background: var(--paper-soft); }
.social-method-wrap { width: min(100%, var(--max)); margin: 0 auto; display: grid; grid-template-columns: minmax(190px, .48fr) minmax(520px, 1.52fr); gap: clamp(52px, 9vw, 150px); align-items: start; }
.social-method-label { padding-top: 10px; color: var(--accent); font-size: .78rem; font-weight: 700; letter-spacing: .1em; }
.social-method-copy { max-width: 870px; }
.social-method-copy h2 { margin: 0 0 34px; max-width: 830px; font-size: 4.4rem; line-height: 1.08; letter-spacing: 0; font-weight: 610; }
.social-method-copy > p { max-width: 680px; margin: 0; color: var(--ink-soft); font-size: 1.13rem; line-height: 1.9; }
.social-method-copy .social-method-statement { max-width: 820px; margin-top: 56px; padding-top: 28px; border-top: 1px solid var(--ink); color: var(--ink); font-size: 1.72rem; line-height: 1.5; font-weight: 600; }

.social-roadmap-section { scroll-margin-top: var(--header-h); padding: var(--section-pad) var(--page-pad); background: var(--dark); color: var(--light); }
.social-roadmap-wrap { width: min(100%, var(--max)); margin: 0 auto; }
.social-roadmap-intro { display: grid; grid-template-columns: minmax(240px, .62fr) minmax(420px, 1.38fr); column-gap: clamp(50px, 8vw, 120px); align-items: end; padding-bottom: 72px; }
.social-roadmap-intro .eyebrow { grid-column: 1 / -1; color: #ef8165; }
.social-roadmap-intro h2 { margin: 0; max-width: 620px; font-size: 4.1rem; line-height: 1.06; letter-spacing: 0; font-weight: 610; }
.social-roadmap-intro > p:last-child { max-width: 560px; margin: 0 0 7px; color: rgba(245,241,232,.68); font-size: 1.08rem; }
.social-roadmap { border-top: 1px solid rgba(245,241,232,.26); }
.social-roadmap-item { display: grid; grid-template-columns: 92px minmax(210px, .72fr) minmax(380px, 1.28fr); gap: clamp(28px, 5vw, 72px); padding: 66px 0; border-bottom: 1px solid rgba(245,241,232,.22); }
.social-month span { display: block; color: #ef8165; font-size: 3.9rem; line-height: 1; font-weight: 620; }
.social-month p { margin: 15px 0 0; color: rgba(245,241,232,.55); font-size: .78rem; }
.social-month-title > p { margin: 0 0 15px; color: #ef8165; font-size: .76rem; font-weight: 700; letter-spacing: .08em; }
.social-month-title h3 { margin: 0; max-width: 340px; font-size: 2rem; line-height: 1.26; letter-spacing: 0; font-weight: 580; }
.social-month-detail > p { margin: 0; color: rgba(245,241,232,.76); font-size: 1.04rem; line-height: 1.8; }
.social-month-detail ul { margin: 30px 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(245,241,232,.17); }
.social-month-detail li { position: relative; padding: 13px 0; padding-inline-start: 22px; border-bottom: 1px solid rgba(245,241,232,.17); color: rgba(245,241,232,.78); }
.social-month-detail li::before { content: "+"; position: absolute; inset-inline-start: 0; color: #ef8165; }
.social-month-outcome { margin-top: 28px; padding-inline-start: 20px; border-inline-start: 2px solid #ef8165; }
.social-month-outcome strong { display: block; margin-bottom: 7px; color: #ef8165; font-size: .76rem; letter-spacing: .08em; }
.social-month-outcome p { margin: 0; color: var(--light); line-height: 1.72; }
.social-roadmap-note { max-width: 780px; margin: 48px 0 0; margin-inline-start: auto; color: rgba(245,241,232,.64); font-size: .95rem; }

.social-evidence-section { min-height: 640px; display: flex; align-items: center; padding: var(--section-pad) var(--page-pad); background: #8f3127; color: var(--light); }
.social-evidence-copy { width: min(100%, var(--max)); margin: 0 auto; }
.social-evidence-copy .eyebrow { color: #ffc0af; }
.social-evidence-copy h2 { max-width: 980px; margin: 0; font-size: 4.9rem; line-height: 1.09; letter-spacing: 0; font-weight: 610; }
.social-evidence-copy > p:last-child { max-width: 720px; margin: 38px 0 0; color: rgba(245,241,232,.78); font-size: 1.15rem; line-height: 1.85; }

.flow-section { padding: var(--section-pad) var(--page-pad); background: var(--paper); }
.flow-wrap { width: min(100%, var(--max)); margin: 0 auto; }
.flow-wrap h2 { margin: 0 0 70px; max-width: 900px; font-size: 4.6rem; line-height: 1.08; letter-spacing: 0; }
.flow-list { display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid var(--ink); }
.flow-list > div { min-height: 250px; padding: 24px 18px; border-inline-end: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.flow-list > div:last-child { border-inline-end: 0; }
.flow-list span { font-size: .74rem; color: var(--accent); font-weight: 700; }
.flow-list h3 { margin: 46px 0 12px; font-size: 1.12rem; font-weight: 600; }
.flow-list p { margin: 0; color: var(--muted); font-size: .86rem; line-height: 1.65; }
.boundary-list { margin: 48px 0 0; border-top: 1px solid var(--line); }
.boundary-list div { display: grid; grid-template-columns: 180px 1fr; gap: 40px; padding: 24px 0; border-bottom: 1px solid var(--line); }
.boundary-list strong { font-size: .9rem; }
.boundary-list p { margin: 0; color: var(--ink-soft); }
.social-boundary-section { background: var(--paper-soft); }
.social-boundary-section .text-link { margin-top: 34px; }
.social-boundary-section .prose-body h2 { letter-spacing: 0; }

.social-fit-section { padding: var(--section-pad) var(--page-pad); background: var(--paper); }
.social-fit-wrap { width: min(100%, var(--max)); margin: 0 auto; }
.social-fit-wrap h2 { max-width: 1050px; margin: 0; font-size: 4.5rem; line-height: 1.1; letter-spacing: 0; font-weight: 610; }
.social-fit-wrap > p:not(.eyebrow) { max-width: 700px; margin: 38px 0 0; color: var(--ink-soft); font-size: 1.13rem; line-height: 1.85; }
.social-fit-actions { margin-top: 40px; }

/* Insights */
.insights-hero { padding: clamp(150px, 19vw, 260px) var(--page-pad) clamp(76px, 9vw, 120px); border-bottom: 1px solid var(--line); }
.insights-hero-inner { width: min(100%, var(--max)); margin: 0 auto; }
.insights-hero h1 { max-width: 980px; margin: 0; font-size: clamp(3.5rem, 9vw, 8.7rem); line-height: .94; letter-spacing: -.08em; font-weight: 620; }
.insights-hero p:last-child { max-width: 650px; margin: 34px 0 0; color: var(--ink-soft); font-size: clamp(1.05rem, 1.6vw, 1.3rem); }
.insights-list { width: min(100%, var(--max)); margin: 0 auto; padding: 0 var(--page-pad) var(--section-pad); }
.insight-row { display: grid; grid-template-columns: 86px minmax(260px, .9fr) minmax(280px, 1.1fr) 28px; gap: clamp(18px, 3vw, 46px); align-items: start; padding: clamp(28px, 4vw, 46px) 0; border-bottom: 1px solid var(--line); }
.insight-row:first-child { border-top: 1px solid var(--line); }
.insight-row:hover .insight-title { color: var(--accent); }
.insight-row:hover .insight-arrow { transform: translate(4px, -4px); }
.insight-index, .insight-category { color: var(--accent); font-size: .72rem; font-weight: 720; letter-spacing: .1em; }
.insight-title { margin: 0; font-size: clamp(1.45rem, 2.6vw, 2.45rem); line-height: 1.15; letter-spacing: -.045em; transition: color .2s ease; }
.insight-excerpt { margin: 0; color: var(--ink-soft); }
.insight-arrow { font-size: 1.3rem; line-height: 1; transition: transform .2s ease; }

.article-main { padding-top: var(--header-h); }
.article-header { padding: clamp(86px, 12vw, 150px) var(--page-pad) clamp(68px, 9vw, 108px); border-bottom: 1px solid var(--line); }
.article-header-inner { width: min(100%, 990px); margin: 0 auto; }
.article-back { display: inline-block; margin-bottom: 54px; border-bottom: 1px solid currentColor; color: var(--ink-soft); font-size: .82rem; }
.article-header h1 { margin: 0; font-size: clamp(3rem, 7vw, 6.8rem); line-height: 1.02; letter-spacing: -.075em; font-weight: 620; }
.article-deck { max-width: 780px; margin: 32px 0 0; color: var(--ink-soft); font-size: clamp(1.15rem, 2vw, 1.48rem); line-height: 1.55; }
.article-meta { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 48px; color: var(--muted); font-size: .78rem; }
.article-layout { width: min(100%, 990px); margin: 0 auto; padding: clamp(76px, 10vw, 128px) var(--page-pad); }
.article-body { max-width: 760px; }
.article-body > p:first-child { font-size: clamp(1.25rem, 2vw, 1.55rem); line-height: 1.65; color: var(--ink); }
.article-body p { margin: 0 0 25px; color: #383d38; font-size: clamp(1.02rem, 1.25vw, 1.13rem); line-height: 1.92; }
.article-body h2 { margin: 76px 0 25px; font-size: clamp(2rem, 4vw, 3.7rem); line-height: 1.12; letter-spacing: -.055em; font-weight: 620; }
.article-body h3 { margin: 46px 0 17px; font-size: clamp(1.35rem, 2.2vw, 1.9rem); line-height: 1.3; letter-spacing: -.03em; }
.article-body ul, .article-body ol { margin: 0 0 30px; padding-inline-start: 1.25em; }
.article-body li { margin: 11px 0; padding-inline-start: .35em; color: #383d38; line-height: 1.78; }
.article-body strong { color: var(--ink); }
.article-body a { border-bottom: 1px solid currentColor; }
.article-note { margin: 42px 0; padding: 25px 28px; border-inline-start: 3px solid var(--accent); background: #ebe6dc; }
.article-note p:last-child { margin-bottom: 0; }
.article-checklist { margin: 38px 0; border-top: 1px solid var(--line); }
.article-checklist > div { display: grid; grid-template-columns: 34px 1fr; gap: 12px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.article-checklist span { color: var(--accent); font-weight: 750; }
.article-checklist p { margin: 0; }
.article-related { margin-top: 72px; padding-top: 24px; border-top: 1px solid var(--line); }
.article-related > p { margin: 0 0 10px; color: var(--accent); font-size: .72rem; font-weight: 720; letter-spacing: .1em; }
.article-related > div { border-top: 1px solid var(--line); }
.article-related a { display: flex; justify-content: space-between; gap: 24px; padding: 18px 0; border-bottom: 1px solid var(--line); color: var(--ink); font-size: clamp(1rem, 1.6vw, 1.22rem); font-weight: 620; }
.article-related a:hover { color: var(--accent); }
.article-related a span { flex: 0 0 auto; }
.article-end { margin-top: 82px; padding-top: 30px; border-top: 1px solid var(--ink); }
.article-end p { color: var(--ink-soft); }
.article-next { display: block; margin-top: 34px; padding: 28px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.article-next span { display: block; color: var(--accent); font-size: .72rem; font-weight: 720; letter-spacing: .1em; }
.article-next strong { display: block; margin-top: 10px; font-size: clamp(1.35rem, 2.4vw, 2rem); }

.not-found { min-height: calc(100svh - var(--header-h)); display: flex; align-items: center; padding: 120px var(--page-pad); }
.not-found-inner { width: min(100%, var(--max)); margin: 0 auto; }
.not-found strong { display: block; color: var(--accent); font-size: .8rem; letter-spacing: .15em; }
.not-found h1 { max-width: 850px; margin: 24px 0; font-size: clamp(3.4rem, 9vw, 8rem); line-height: .95; letter-spacing: -.08em; }
.not-found p { max-width: 580px; color: var(--ink-soft); }
.not-found-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 25px; }

[dir="rtl"] { --link-shift: -3px; }
[dir="rtl"] .hero-shade {
  background:
    linear-gradient(270deg, rgba(11, 14, 11, .88) 0%, rgba(11, 14, 11, .70) 32%, rgba(11, 14, 11, .24) 67%, rgba(11, 14, 11, .18) 100%),
    linear-gradient(0deg, rgba(11, 14, 11, .48) 0%, transparent 42%);
}
[dir="rtl"] .social-page-hero-shade {
  background:
    linear-gradient(270deg, rgba(11,14,11,.93) 0%, rgba(11,14,11,.82) 36%, rgba(11,14,11,.40) 68%, rgba(11,14,11,.20) 100%),
    linear-gradient(0deg, rgba(11,14,11,.64) 0%, rgba(11,14,11,.08) 58%);
}
[dir="rtl"] .hero-media img { object-position: 46% center; }
[dir="rtl"] .social-page-hero-media img { object-position: 42% center; }
[dir="rtl"] .insight-row:hover .insight-arrow { transform: translate(-4px, -4px); }
[dir="rtl"] .footer-email,
[dir="rtl"] [data-contact-email],
[dir="rtl"] .price-line strong,
[dir="rtl"] .social-meta strong {
  direction: ltr;
  unicode-bidi: isolate;
}
[lang="en"] .hero h1 { max-width: 930px; font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif; font-size: clamp(3.35rem, 7.3vw, 7rem); letter-spacing: -.058em; }
[lang="ar"] .hero h1 { max-width: 900px; font-family: "Noto Sans Arabic", "Noto Kufi Arabic", "Geeza Pro", Tahoma, Arial, sans-serif; font-size: clamp(3.45rem, 7.3vw, 6.8rem); line-height: 1.1; }
[lang="en"] .display-heading { letter-spacing: -.045em; }
[lang="ar"] .display-heading { line-height: 1.18; letter-spacing: 0; }
[lang="en"] .custom-grid .display-heading span,
[lang="ar"] .custom-grid .display-heading span,
[lang="en"] .contact-intro h2 span,
[lang="ar"] .contact-intro h2 span { white-space: normal; }
[lang="ar"] .page-hero h1,
[lang="ar"] .insights-hero h1,
[lang="ar"] .article-header h1,
[lang="ar"] .final-cta h2 { line-height: 1.18; letter-spacing: 0; }
[lang="ar"] .article-body h2,
[lang="ar"] .article-body h3,
[lang="ar"] .prose-body h2 { line-height: 1.3; letter-spacing: 0; }
[lang="en"] .site-nav,
[lang="ar"] .site-nav { gap: clamp(14px, 1.8vw, 28px); }
[lang="en"] .site-nav > a,
[lang="ar"] .site-nav > a { font-size: .82rem; }

@media (min-width: 901px) and (max-width: 1080px) {
  .site-nav { gap: 12px; }
  .site-nav > a,
  [lang="en"] .site-nav > a,
  [lang="ar"] .site-nav > a { font-size: .76rem; }
  .nav-contact { padding: 8px 10px; }
  .site-nav .language-link,
  .site-header > .language-switcher .language-link { min-width: 31px; padding: 7px 6px; font-size: .64rem; }
}

@media (max-width: 900px) {
  :root { --header-h: 68px; }
  .site-nav {
    position: fixed;
    z-index: 99;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 22px;
    padding: 90px var(--page-pad) 50px;
    background: var(--paper-soft);
    color: var(--ink);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-14px);
    transition: opacity .24s ease, transform .24s ease, visibility .24s;
  }
  .site-nav.is-open { opacity: 1; visibility: visible; transform: translateY(0); }
  .site-nav a { font-size: clamp(1.6rem, 6vw, 2.5rem); line-height: 1.2; }
  [lang="en"] .site-nav > a,
  [lang="ar"] .site-nav > a { font-size: clamp(1.6rem, 6vw, 2.5rem); }
  .nav-contact { border: 0; padding: 0; color: var(--accent); }
  .nav-toggle { position: relative; z-index: 101; display: flex; align-items: center; gap: 10px; padding: 8px; border: 0; background: transparent; color: inherit; cursor: pointer; }
  .nav-toggle span { font-size: .8rem; }
  .nav-toggle i, .nav-toggle i::after { content: ""; display: block; width: 21px; height: 1px; background: currentColor; transition: transform .2s ease; }
  .nav-toggle i::after { transform: translateY(6px); }
  .nav-toggle[aria-expanded="true"] { color: var(--ink); }
  .nav-toggle[aria-expanded="true"] i { transform: translateY(3px) rotate(45deg); }
  .nav-toggle[aria-expanded="true"] i::after { transform: rotate(-90deg); }
  .statement-grid, .custom-grid, .about-preview-grid, .method-wrap, .contact-wrap, .prose-wrap, .social-method-wrap { grid-template-columns: 1fr; }
  .method-intro { position: static; }
  .method-wrap { gap: 64px; }
  .contact-wrap { gap: 62px; }
  .contact-intro h2 span { display: inline; white-space: normal; }
  .social-page-hero h1 { font-size: 4.8rem; }
  .social-method-wrap { gap: 34px; }
  .social-method-copy h2 { font-size: 3.6rem; }
  .social-roadmap-intro { grid-template-columns: 1fr; gap: 28px; }
  .social-roadmap-intro .eyebrow { grid-column: 1; }
  .social-roadmap-intro h2 { font-size: 4rem; }
  .social-roadmap-intro > p:last-child { margin: 0; }
  .social-roadmap-item { grid-template-columns: 72px 1fr; }
  .social-month-detail { grid-column: 2; }
  .social-evidence-copy h2 { font-size: 4rem; }
  .flow-wrap h2 { font-size: 3.8rem; }
  .social-fit-wrap h2 { font-size: 3.7rem; }
  .flow-list { grid-template-columns: 1fr 1fr; }
  .flow-list > div:nth-child(2n) { border-inline-end: 0; }
  .insight-row { grid-template-columns: 52px 1fr 24px; }
  .insight-excerpt { grid-column: 2 / 4; }
  .insight-category { grid-column: 2; }
  .site-footer { grid-template-columns: 1fr; }
  .site-footer nav, .footer-email { grid-column: 1; justify-self: start; }
  .language-switcher { margin-top: 8px; }
  .site-nav .language-link,
  .site-header > .language-switcher .language-link { min-width: 45px; padding: 10px 11px; font-size: .78rem; }
}

@media (max-width: 620px) {
  :root { --page-pad: 20px; --section-pad: 92px; }
  .hero { min-height: 700px; }
  .hero-media img { object-position: 63% center; }
  [dir="rtl"] .hero-media img { object-position: 37% center; }
  .hero-shade { background: linear-gradient(0deg, rgba(10,12,10,.92) 0%, rgba(10,12,10,.66) 58%, rgba(10,12,10,.35) 100%); }
  .hero-inner { padding-top: 130px; padding-bottom: 42px; justify-content: flex-end; }
  .hero h1 { font-size: clamp(3.15rem, 15vw, 4.5rem); }
  [lang="en"] .hero h1,
  [lang="ar"] .hero h1 { font-size: clamp(3rem, 14vw, 4.2rem); }
  .hero-copy { max-width: 95%; font-size: 1rem; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 18px; margin-top: 28px; }
  .hero-foot { gap: 8px; font-size: .68rem; }
  .hero-foot i { width: 18px; }
  .button { min-height: 50px; }
  .display-heading { font-size: clamp(2.45rem, 12vw, 3.5rem); }
  [lang="en"] .display-heading,
  [lang="ar"] .display-heading { font-size: clamp(2.3rem, 11vw, 3.35rem); }
  .custom-grid .display-heading { font-size: clamp(2rem, 10vw, 2.6rem); }
  .problem-lines > div { grid-template-columns: 34px 1fr; gap: 9px 15px; }
  .problem-lines p { grid-column: 2; }
  .method-step { grid-template-columns: 42px 1fr; gap: 12px; }
  .capability-line span { flex-basis: 50%; }
  .social-feature { min-height: 680px; }
  .social-content h2 { font-size: 4rem; }
  .social-meta { align-items: center; }
  .social-meta i { width: 100%; margin: 10px 0; }
  .field-pair { grid-template-columns: 1fr; gap: 0; }
  .form-action { align-items: flex-start; flex-direction: column; }
  .page-hero { min-height: 66svh; }
  .page-hero h1 { font-size: clamp(3rem, 15vw, 4.4rem); }
  .social-page-hero { min-height: 92svh; padding: 110px var(--page-pad) 48px; }
  .social-page-hero-media img { object-position: 65% center; }
  [dir="rtl"] .social-page-hero-media img { object-position: 35% center; }
  .social-page-hero-shade { background: linear-gradient(0deg, rgba(10,12,10,.95) 0%, rgba(10,12,10,.74) 62%, rgba(10,12,10,.38) 100%); }
  .social-page-hero h1 { font-size: 3.05rem; }
  .social-page-hero .page-lead { max-width: 100%; margin: 22px 0; font-size: 1rem; line-height: 1.65; }
  .price-line strong { font-size: 2.8rem; }
  .social-page-hero .hero-actions { align-items: flex-start; flex-direction: column; gap: 17px; margin-top: 26px; }
  .social-method-copy h2 { font-size: 2.65rem; }
  .social-method-copy > p { font-size: 1rem; }
  .social-method-copy .social-method-statement { margin-top: 40px; font-size: 1.35rem; }
  .social-roadmap-intro { padding-bottom: 50px; }
  .social-roadmap-intro h2 { font-size: 2.9rem; }
  .social-roadmap-intro > p:last-child { font-size: 1rem; }
  .social-roadmap-item { grid-template-columns: 1fr; gap: 26px; padding: 48px 0; }
  .social-month { display: flex; align-items: baseline; gap: 15px; }
  .social-month span { font-size: 3.2rem; }
  .social-month p { margin: 0; }
  .social-month-detail { grid-column: 1; }
  .social-month-title h3 { max-width: 100%; font-size: 1.72rem; }
  .social-roadmap-note { margin-top: 36px; }
  .social-evidence-section { min-height: 520px; }
  .social-evidence-copy h2 { font-size: 2.8rem; }
  .social-evidence-copy > p:last-child { margin-top: 30px; font-size: 1rem; }
  .flow-wrap h2 { font-size: 2.8rem; }
  .flow-list { grid-template-columns: 1fr; }
  .flow-list > div { min-height: 150px; border-inline-end: 0; }
  .flow-list h3 { margin-top: 34px; }
  .boundary-list div { grid-template-columns: 1fr; gap: 8px; }
  .social-fit-wrap h2 { font-size: 2.65rem; }
  .social-fit-wrap > p:not(.eyebrow) { font-size: 1rem; }
  .final-cta h2 { letter-spacing: 0; }
  .insights-hero h1 { font-size: clamp(3.4rem, 17vw, 5.2rem); }
  .insight-row { grid-template-columns: 38px 1fr 18px; gap: 14px; }
  .insight-category { grid-column: 2 / 4; }
  .insight-title { grid-column: 2; }
  .insight-arrow { grid-column: 3; grid-row: 2; }
  .insight-excerpt { grid-column: 2 / 4; }
  .article-header h1 { font-size: clamp(2.85rem, 14vw, 4.6rem); }
  .article-layout { padding-inline: var(--page-pad); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  [data-hero-item], .reveal { opacity: 1 !important; transform: none !important; }
}