:root {
  color-scheme: light;
  --canvas: #f4f6f7;
  --surface: #ffffff;
  --surface-subtle: #edf1f3;
  --ink: #151a20;
  --muted: #5e6872;
  --line: #d5dce1;
  --line-strong: #aeb8c0;
  --accent: #3e627b;
  --accent-strong: #294c64;
  --accent-soft: #e3ebf0;
  --success: #327a5a;
  --danger: #934d4d;
  --shadow: 0 24px 70px rgba(20, 30, 38, .14);
  --font: "SF Pro Display", "Segoe UI", Inter, Helvetica, Arial, sans-serif;
  --pad: clamp(1.15rem, 4vw, 4rem);
  --header: 4.75rem;
  --content: 82rem;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --canvas: #101419;
  --surface: #151b21;
  --surface-subtle: #1b232b;
  --ink: #eef2f5;
  --muted: #9da8b2;
  --line: #2c3640;
  --line-strong: #485663;
  --accent: #7d9fb7;
  --accent-strong: #a8c3d5;
  --accent-soft: #1d2b35;
  --success: #69ad87;
  --danger: #d38a8a;
  --shadow: 0 28px 80px rgba(0, 0, 0, .34);
}

*, *::before, *::after { box-sizing: border-box; }
html { overflow-x: clip; background: var(--canvas); scroll-padding-top: calc(var(--header) + 2rem); }
body {
  min-width: 20rem;
  margin: 0;
  overflow-x: clip;
  background: var(--canvas);
  color: var(--ink);
  font-family: var(--font);
  line-height: 1.65;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  transition: background-color .22s ease, color .22s ease;
}
html[lang="ar"] body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif; line-height: 1.85; }
button, input, textarea { color: inherit; font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
svg, img { display: block; max-width: 100%; }
svg { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
p, h1, h2, h3, figure { margin-block: 0; }
::selection { background: var(--accent); color: #fff; }
:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
[hidden] { display: none !important; }

.reading-progress { position: fixed; z-index: 110; inset: 0 0 auto; height: 3px; pointer-events: none; }
.reading-progress span { display: block; width: 100%; height: 100%; background: var(--accent); transform: scaleX(0); transform-origin: left; }
[dir="rtl"] .reading-progress span { transform-origin: right; }
.skip-link { position: fixed; z-index: 200; inset-block-start: .75rem; inset-inline-start: .75rem; padding: .65rem 1rem; border: 1px solid var(--line-strong); background: var(--surface); transform: translateY(-180%); }
.skip-link:focus { transform: translateY(0); }

.site-header {
  position: sticky;
  z-index: 60;
  top: 0;
  display: grid;
  min-height: var(--header);
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: clamp(1rem, 3vw, 3rem);
  padding-inline: var(--pad);
  border-bottom: 1px solid var(--line);
  background: color-mix(in srgb, var(--canvas) 96%, transparent);
  backdrop-filter: blur(14px);
}
.wordmark { display: inline-flex; align-items: center; gap: .65rem; letter-spacing: -.02em; white-space: nowrap; }
.wordmark > span { width: .65rem; height: .65rem; border-radius: 50%; background: var(--accent); }
.desktop-nav { display: flex; justify-content: center; gap: .25rem; }
.desktop-nav a { position: relative; padding: .6rem .75rem; color: var(--muted); font-size: .88rem; font-weight: 650; }
.desktop-nav a::after { content: ""; position: absolute; inset-inline: .75rem; inset-block-end: .25rem; height: 2px; background: var(--accent); transform: scaleX(0); transition: transform .2s ease; }
.desktop-nav a:hover, .desktop-nav a[aria-current="true"] { color: var(--ink); }
.desktop-nav a[aria-current="true"]::after { transform: scaleX(1); }
.header-actions { display: flex; align-items: center; justify-content: flex-end; gap: .35rem; }
.header-control, .menu-button { min-height: 2.75rem; padding: .5rem .75rem; border: 1px solid transparent; border-radius: .65rem; background: transparent; }
.header-control { display: inline-flex; align-items: center; gap: .45rem; font-size: .86rem; font-weight: 650; }
.header-control:hover, .menu-button:hover { border-color: var(--line); background: var(--surface); }
.header-control svg { width: 1.05rem; height: 1.05rem; }
.header-control.icon-only { width: 2.75rem; justify-content: center; padding: 0; }
html[data-theme="dark"] .sun-icon, html:not([data-theme="dark"]) .moon-icon { display: none; }
.menu-button { display: none; width: 2.75rem; padding: .65rem; }
.menu-button span { display: block; height: 2px; margin-block: .3rem; background: currentColor; }

main, .site-footer { max-width: var(--content); margin-inline: auto; }
.page-section { scroll-margin-top: calc(var(--header) + 2rem); }
.hero {
  display: grid;
  min-height: min(50rem, calc(100svh - var(--header)));
  grid-template-columns: minmax(0, 1.35fr) minmax(18rem, .65fr);
  align-items: center;
  gap: clamp(3rem, 8vw, 8rem);
  padding: clamp(4.5rem, 10vw, 8rem) var(--pad);
}
.hero-main { max-width: 52rem; }
.eyebrow { color: var(--accent); font-size: .78rem; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; }
html[lang="ar"] .eyebrow { letter-spacing: 0; text-transform: none; }
.hero h1 { margin-block: .8rem .7rem; font-size: clamp(4rem, 9vw, 8.2rem); font-weight: 650; letter-spacing: -.085em; line-height: .9; }
html[lang="ar"] .hero h1 { letter-spacing: -.055em; }
.hero-title { color: var(--accent-strong); font-size: clamp(1.2rem, 2.4vw, 1.85rem); font-weight: 650; letter-spacing: -.025em; }
.hero-lead { max-width: 43rem; margin-block-start: 1.4rem; color: var(--muted); font-size: clamp(1.05rem, 1.5vw, 1.22rem); }
.hero-actions { display: flex; align-items: center; gap: .75rem; margin-block-start: 2.1rem; }
.primary-action, .secondary-action { display: inline-flex; min-height: 3.2rem; align-items: center; justify-content: center; gap: 1.1rem; padding: .7rem 1.1rem; border: 1px solid var(--accent); border-radius: .55rem; font-weight: 700; }
.primary-action { background: var(--accent-strong); color: #fff; }
.primary-action:hover { background: var(--accent); transform: translateY(-1px); }
.secondary-action { background: transparent; color: var(--ink); }
.secondary-action:hover { background: var(--accent-soft); }
.hero-index { border: 1px solid var(--line); background: var(--surface); }
.availability { display: flex; align-items: center; gap: .85rem; padding: 1.25rem; border-bottom: 1px solid var(--line); }
.availability > span { width: .65rem; height: .65rem; flex: none; border-radius: 50%; background: var(--muted); }
.availability[data-status-state="available"] > span { background: var(--success); }
.availability[data-status-state="unavailable"] > span { background: var(--danger); }
.availability[data-status-state="loading"] > span { animation: pulse 1.3s ease-in-out infinite; }
.availability div { display: grid; gap: .05rem; }
.availability small { color: var(--muted); font-size: .75rem; }
.availability strong { font-size: .9rem; }
.hero-index nav a { display: flex; min-height: 3.8rem; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem 1.25rem; border-bottom: 1px solid var(--line); font-weight: 650; }
.hero-index nav a:last-child { border-bottom: 0; }
.hero-index nav a:hover { padding-inline: 1.45rem 1.05rem; background: var(--accent-soft); }
[dir="rtl"] .hero-index nav a:hover { padding-inline: 1.05rem 1.45rem; }
.hero-index nav b { color: var(--muted); font-size: .72rem; font-weight: 600; }

.about-section, .find-section, .expertise-section, .contact-section { padding: clamp(5rem, 9vw, 8rem) var(--pad); border-top: 1px solid var(--line); }
.about-section { display: grid; grid-template-columns: minmax(12rem, .42fr) minmax(0, 1fr); gap: clamp(2.5rem, 8vw, 8rem); }
.section-heading h2 { margin-block: .55rem .85rem; font-size: clamp(2.5rem, 5vw, 4.9rem); font-weight: 600; letter-spacing: -.06em; line-height: 1; }
html[lang="ar"] .section-heading h2 { letter-spacing: -.035em; line-height: 1.2; }
.section-heading > p:last-child { max-width: 43rem; color: var(--muted); font-size: 1.03rem; }
.about-story { max-width: 52rem; align-self: end; }
.about-story p { color: var(--ink); font-size: clamp(1.25rem, 2.1vw, 1.85rem); letter-spacing: -.025em; line-height: 1.55; }
html[lang="ar"] .about-story p { line-height: 1.75; }

.find-section { background: var(--surface-subtle); }
.find-section .section-heading, .expertise-section .section-heading { display: grid; max-width: 72rem; grid-template-columns: minmax(0, 1fr) minmax(16rem, .45fr); align-items: end; gap: .5rem 4rem; }
.find-section .section-heading .eyebrow, .expertise-section .section-heading .eyebrow { grid-column: 1 / -1; }
.social-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-block-start: clamp(2.5rem, 5vw, 4.5rem); border-block-start: 1px solid var(--line-strong); border-inline-start: 1px solid var(--line-strong); }
.social-link { display: grid; min-height: 7.5rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1rem; padding: 1.2rem; border: 0; border-inline-end: 1px solid var(--line-strong); border-block-end: 1px solid var(--line-strong); background: var(--surface); color: var(--ink); text-align: start; transition: background-color .18s ease, color .18s ease, transform .18s ease; }
.social-link:hover, .social-link:focus-visible { z-index: 1; background: var(--accent-soft); }
.social-link:hover { transform: translateY(-1px); }
.brand-mark, .share-mark { display: grid; width: 3.25rem; height: 3.25rem; flex: none; place-items: center; border: 1px solid var(--line); border-radius: .8rem; background: var(--surface); }
.brand-mark svg { width: 1.55rem; height: 1.55rem; }
.brand-mark .fill, .share-mark .fill { fill: currentColor; stroke: none; }
.brand-mark .muted-fill { opacity: .5; }
.social-copy { display: grid; min-width: 0; gap: .1rem; }
.social-copy b { font-size: 1.04rem; }
.social-copy small { overflow: hidden; color: var(--muted); font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.social-link > i { color: var(--muted); font-size: 1rem; font-style: normal; }
.brand-linkedin .brand-mark, .brand-linkedin .share-mark { color: #0a66c2; }
.brand-github .brand-mark { color: var(--ink); }
.brand-x .brand-mark, .brand-x .share-mark { color: var(--ink); }
.brand-whatsapp .brand-mark, .brand-whatsapp .share-mark { color: #20a763; }
.brand-telegram .brand-mark, .brand-telegram .share-mark { color: #229ed9; }
.brand-email .brand-mark, .brand-email .share-mark { color: var(--accent-strong); }
.brand-paypal .brand-mark { color: #1665a7; }
.brand-share .brand-mark { color: var(--accent); }
.brand-instagram.share-mark { color: #9b3b83; }

.expertise-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-block-start: clamp(2.5rem, 5vw, 4.5rem); border-block-start: 1px solid var(--line-strong); border-inline-start: 1px solid var(--line-strong); }
.expertise-list article { min-height: 11rem; padding: clamp(1.25rem, 3vw, 2rem); border-inline-end: 1px solid var(--line-strong); border-block-end: 1px solid var(--line-strong); }
.expertise-list h3 { max-width: 28rem; font-size: clamp(1.2rem, 2vw, 1.65rem); line-height: 1.3; }
.expertise-list p { max-width: 34rem; margin-block-start: .65rem; color: var(--muted); }

.contact-section { display: grid; grid-template-columns: minmax(0, 1fr) minmax(20rem, .62fr); align-items: center; gap: clamp(3rem, 8vw, 8rem); background: var(--surface); }
.contact-copy h2 { max-width: 48rem; margin-block: .55rem 1rem; font-size: clamp(2.8rem, 6vw, 5.8rem); font-weight: 600; letter-spacing: -.065em; line-height: .98; }
html[lang="ar"] .contact-copy h2 { letter-spacing: -.035em; line-height: 1.25; }
.contact-copy > p:last-child { max-width: 42rem; color: var(--muted); font-size: 1.05rem; }
.contact-card { padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid var(--line-strong); background: var(--canvas); }
.contact-card > span { color: var(--muted); font-size: .78rem; }
.contact-card > strong { display: block; overflow-wrap: normal; margin-block: .35rem 1.6rem; font-size: clamp(.9rem, 1.25vw, 1rem); }
.contact-card > div { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; }
.contact-card button { width: 100%; }

.site-footer { display: grid; grid-template-columns: 1fr auto; gap: 2rem; padding: 2.5rem var(--pad); border-top: 1px solid var(--line); }
.footer-identity { display: grid; }
.footer-identity span, .copyright { color: var(--muted); font-size: .8rem; }
.footer-actions { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: flex-end; gap: 1rem; }
.footer-actions button, .footer-actions a { display: inline-flex; min-height:2.75rem; align-items: center; gap: .4rem; padding: 0 0 .15rem; border: 0; border-bottom: 1px solid var(--line-strong); background: transparent; }
.footer-actions button:hover, .footer-actions a:hover { color: var(--accent-strong); }
.copyright { grid-column: 1 / -1; }

dialog { width: min(42rem, calc(100% - 2rem)); max-height: calc(100dvh - 2rem); margin: auto; padding: 0; overflow: auto; border: 1px solid var(--line-strong); border-radius: .7rem; background: var(--surface); color: var(--ink); box-shadow: var(--shadow); }
dialog::backdrop { background: rgba(8, 12, 16, .72); }
.dialog-panel { padding: clamp(1.2rem, 4vw, 2.1rem); }
.dialog-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-block-end: 1.6rem; }
.dialog-header p { color: var(--accent); font-size: .74rem; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
html[lang="ar"] .dialog-header p { letter-spacing: 0; text-transform: none; }
.dialog-header h2 { margin-block: .2rem; font-size: clamp(1.75rem, 5vw, 2.7rem); letter-spacing: -.045em; }
.dialog-header span { color: var(--muted); }
.dialog-header > button, .mobile-menu-head button { display: grid; width: 2.65rem; height: 2.65rem; flex: none; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: transparent; font-size: 1.45rem; }
.dialog-header > button:hover, .mobile-menu-head button:hover { background: var(--surface-subtle); }
.native-share { display: flex; width: 100%; min-height: 3.7rem; align-items: center; justify-content: center; gap: .7rem; padding: .75rem; border: 1px solid var(--accent-strong); border-radius: .5rem; background: var(--accent-strong); color: #fff; font-weight: 700; }
.native-share svg { width: 1.1rem; }
.share-options, .email-options { display: grid; grid-template-columns: 1fr 1fr; margin-block-start: 1rem; border-block-start: 1px solid var(--line); border-inline-start: 1px solid var(--line); }
.share-options button, .email-options button { display: flex; min-height: 4.1rem; align-items: center; gap: .75rem; padding: .7rem .85rem; border: 0; border-inline-end: 1px solid var(--line); border-block-end: 1px solid var(--line); background: transparent; text-align: start; }
.share-options button:hover, .email-options button:hover { background: var(--accent-soft); }
.share-mark { width: 2.35rem; height: 2.35rem; border-radius: .55rem; }
.share-mark svg { width: 1.15rem; height: 1.15rem; }
.copy-share { grid-column: 1 / -1; }
.manual-copy { margin-block-start: 1rem; }
.manual-copy label { display: block; margin-block-end: .4rem; color: var(--muted); font-size: .8rem; }
.manual-copy > div { display: flex; }
.manual-copy input { min-width: 0; flex: 1; padding: .7rem; border: 1px solid var(--line); background: var(--canvas); }
.manual-copy button { padding: .7rem 1rem; border: 1px solid var(--line); border-inline-start: 0; background: var(--accent-strong); color: #fff; }
.dialog-cancel { width: 100%; min-height: 3rem; margin-block-start: 1rem; border: 1px solid var(--line); border-radius: .45rem; background: transparent; }
.email-options button { justify-content: space-between; font-weight: 700; }
.rating-field { margin: 0; padding: 0; border: 0; }
.rating-field legend { margin-block-end: .55rem; font-weight: 700; }
.rating-field > div { display: grid; grid-template-columns: repeat(5, 1fr); gap: .4rem; }
.rating-field label { position: relative; }
.rating-field input { position: absolute; opacity: 0; }
.rating-field span { display: grid; min-height: 3rem; place-items: center; border: 1px solid var(--line); border-radius: .4rem; }
.rating-field input:checked + span { border-color: var(--accent-strong); background: var(--accent-strong); color: #fff; }
.rating-field input:focus-visible + span { outline: 3px solid var(--accent); outline-offset: 2px; }
.feedback-notes { display: grid; gap: .45rem; margin-block-start: 1.25rem; }
.feedback-notes textarea { width: 100%; resize: vertical; padding: .8rem; border: 1px solid var(--line); border-radius: .4rem; background: var(--canvas); }
.feedback-status { min-height: 1.5rem; margin-block-start: .55rem; color: var(--muted); }
.feedback-buttons { display: flex; justify-content: flex-end; gap: .65rem; }
.feedback-buttons button { min-height: 2.85rem; padding: .55rem .9rem; border: 1px solid var(--line); border-radius: .4rem; background: transparent; }
.feedback-buttons button[type="submit"] { border-color: var(--accent-strong); background: var(--accent-strong); color: #fff; }
.honeypot { position: fixed; inset-inline-start: -9999px; width: 1px; height: 1px; }

.mobile-menu { width: min(30rem, calc(100% - 1rem)); }
.mobile-menu-panel { padding: 1rem; }
.mobile-menu-head { display: flex; align-items: center; justify-content: space-between; padding: .2rem .2rem 1rem; }
.mobile-menu nav { border-top: 1px solid var(--line); }
.mobile-menu nav a { display: flex; min-height: 4rem; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); font-size: 1.1rem; font-weight: 650; }
.share-nudge, .update-banner { position: fixed; z-index: 80; inset-inline-end: 1rem; inset-block-end: 1rem; display: flex; max-width: min(34rem, calc(100% - 2rem)); align-items: center; gap: .85rem; padding: .9rem; border: 1px solid var(--line-strong); border-radius: .55rem; background: var(--surface); box-shadow: var(--shadow); }
.share-nudge > button:first-child, .update-banner > button:last-child { align-self: flex-start; padding: 0; border: 0; background: transparent; font-size: 1.2rem; }
.share-nudge div { flex: 1; }
.share-nudge p { color: var(--muted); font-size: .8rem; }
.share-nudge > button:last-child, .update-banner > button:not(:last-child) { min-height: 2.6rem; padding: .55rem .8rem; border: 0; border-radius: .4rem; background: var(--accent-strong); color: #fff; font-weight: 700; }
.update-banner { inset-inline: 1rem auto; }
.toast { position: fixed; z-index: 100; inset-inline-start: 50%; inset-block-end: 1rem; max-width: calc(100% - 2rem); padding: .7rem 1rem; border-radius: .45rem; background: var(--ink); color: var(--canvas); opacity: 0; pointer-events: none; transform: translate(-50%, 1rem); transition: opacity .18s ease, transform .18s ease; }
[dir="rtl"] .toast { transform: translate(50%, 1rem); }
.toast.is-visible { opacity: 1; transform: translate(-50%, 0); }
[dir="rtl"] .toast.is-visible { transform: translate(50%, 0); }
.noscript { margin: 0; padding: 1rem; border-top: 1px solid var(--line); background: var(--surface); text-align: center; }
.reveal { opacity: 1; transform: none; }
.reveal.is-visible { animation: reveal-in .5s cubic-bezier(.2, .8, .2, 1) both; }
@keyframes reveal-in { from { opacity: .72; transform: translateY(.65rem); } to { opacity: 1; transform: none; } }
@keyframes pulse { 50% { opacity: .25; } }

.utility-body { display: grid; min-height: 100svh; place-items: center; padding: var(--pad); background: var(--canvas); }
.utility-card { width: min(40rem, 100%); padding: clamp(1.5rem, 5vw, 3.5rem); border: 1px solid var(--line-strong); background: var(--surface); }
.utility-code { display: block; margin-block-end: 1rem; color: var(--accent); font-size: clamp(2.8rem, 10vw, 6rem); font-weight: 650; letter-spacing: -.07em; line-height: 1; }
.utility-card h1 { font-size: clamp(2rem, 6vw, 4rem); letter-spacing: -.055em; line-height: 1.05; }
.utility-card p { max-width: 34rem; margin-block: 1rem 1.6rem; color: var(--muted); }
.utility-action { display: inline-flex; min-height: 3.1rem; align-items: center; padding: .65rem 1rem; border: 1px solid var(--accent-strong); border-radius: .45rem; background: var(--accent-strong); color: #fff; font-weight: 700; }
.utility-action:hover { background: var(--accent); }

@media (max-width: 66rem) {
  .desktop-nav { display: none; }
  .site-header { grid-template-columns: auto 1fr; }
  .menu-button { display: block; }
  .hero { grid-template-columns: minmax(0, 1fr) minmax(17rem, .55fr); gap: 3rem; }
}

@media (max-width: 48rem) {
  :root { --header: 4.2rem; }
  .site-header { min-height: var(--header); }
  .share-header { display: none; }
  .hero { min-height: auto; grid-template-columns: 1fr; padding-block: 4.25rem 5rem; }
  .hero h1 { font-size: clamp(3.8rem, 18vw, 6.5rem); }
  .hero-index { max-width: 34rem; }
  .about-section, .contact-section { grid-template-columns: 1fr; }
  .find-section .section-heading, .expertise-section .section-heading { grid-template-columns: 1fr; }
  .find-section .section-heading .eyebrow, .expertise-section .section-heading .eyebrow { grid-column: auto; }
  .social-list, .expertise-list { grid-template-columns: 1fr; }
  .expertise-list article { min-height: auto; }
  .contact-card { max-width: 36rem; }
  .site-footer { grid-template-columns: 1fr; }
  .footer-actions { justify-content: flex-start; }
  .copyright { grid-column: auto; }
}

@media (max-width: 31rem) {
  .header-control { padding-inline: .55rem; }
  .hero-actions, .contact-card > div { align-items: stretch; flex-direction: column; grid-template-columns: 1fr; }
  .hero-actions { display: flex; }
  .hero-actions > * { width: 100%; }
  .social-link { min-height: 6.8rem; padding: 1rem; }
  .brand-mark { width: 2.9rem; height: 2.9rem; }
  .share-options, .email-options { grid-template-columns: 1fr; }
  .copy-share { grid-column: auto; }
  .share-nudge, .update-banner { inset-inline: .5rem; inset-block-end: .5rem; max-width: none; }
}

@media (hover: none) and (pointer: coarse) {
  .social-link:hover, .primary-action:hover { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal, .reveal.is-visible { opacity: 1; transform: none; }
}

@media print {
  .site-header, .reading-progress, .hero-actions, .contact-card, .footer-actions, dialog, .share-nudge, .update-banner, .toast { display: none !important; }
  body { background: #fff; color: #000; }
  .hero, .about-section, .find-section, .expertise-section, .contact-section { min-height: auto; padding: 2rem; background: #fff; color: #000; break-inside: avoid; }
}


/* Editorial v34 public profile */
:root{--canvas:#f2efe8;--surface:#fbf9f4;--surface-subtle:#e7e1d5;--ink:#19221e;--muted:#68716a;--line:#c9c6b9;--line-strong:#96988d;--accent:#d45c3e;--accent-strong:#a93e2a;--accent-soft:#f1d4c8;--success:#4f7b61;--danger:#a6504b;--display:"Iowan Old Style",Baskerville,"Times New Roman",serif;--content:86rem}
html[data-theme="dark"]{--canvas:#18211d;--surface:#202a25;--surface-subtle:#29332d;--ink:#f5f0e6;--muted:#bac0b5;--line:#435047;--line-strong:#687269;--accent:#ef8161;--accent-strong:#f0a386;--accent-soft:#4b332c;--success:#8cc79c;--danger:#e59a92}
.site-header{background:color-mix(in srgb,var(--canvas) 88%,transparent);backdrop-filter:blur(16px)}.wordmark{font-family:var(--display);font-size:1.08rem;letter-spacing:-.035em}.wordmark>span{box-shadow:0 0 0 .23rem color-mix(in srgb,var(--accent) 18%,transparent)}.header-control,.menu-button,.primary-action,.secondary-action,.native-share,.dialog-cancel,.feedback-buttons button,.share-nudge>button:last-child,.update-banner>button:not(:last-child),.utility-action{border-radius:99px}
.hero{position:relative;grid-template-columns:minmax(0,1.25fr) minmax(16rem,.5fr);isolation:isolate}.hero::before{content:"";position:absolute;z-index:-1;width:clamp(18rem,43vw,43rem);aspect-ratio:1;border-radius:47% 53% 56% 44%/43% 50% 50% 57%;inset-inline-end:-9%;inset-block-start:9%;background:color-mix(in srgb,var(--accent) 10%,transparent);transform:rotate(-15deg)}.hero::after{content:"";position:absolute;z-index:-1;width:38%;height:1px;inset-inline-start:var(--pad);inset-block-end:8%;background:var(--accent);transform:rotate(-7deg);transform-origin:left;opacity:.75}.eyebrow{display:flex;align-items:center;gap:.65rem;color:var(--accent-strong);font-size:.72rem;font-weight:800;letter-spacing:.13em}.eyebrow::before{width:1.9rem;height:1px;background:currentColor;content:""}.hero h1{max-width:9ch;margin-block:1rem .65rem;font-family:var(--display);font-size:clamp(4.7rem,11vw,10rem);font-weight:400;letter-spacing:-.095em;line-height:.77}.hero h1::first-letter{color:var(--accent)}.hero-title{color:var(--accent-strong);font-weight:750}.hero-index{position:relative;align-self:end;padding:1.3rem 0 0;border:0;border-top:1px solid var(--line-strong);background:transparent}.hero-index::before{position:absolute;inset-inline-end:0;inset-block-start:-1.6rem;color:var(--accent);font-family:var(--display);font-size:2.3rem;content:"↗";transform:rotate(12deg)}.availability{padding:0 1rem 1.25rem;border:0}.hero-index nav a{min-height:3.3rem;border-top:1px solid var(--line);border-bottom:0;font-size:.88rem}.hero-index nav a:hover{padding-inline:1.25rem .75rem;color:var(--accent-strong)}.hero-index nav b{color:var(--accent-strong);font-family:var(--display);font-size:.95rem;font-weight:400}
.section-heading h2,.contact-copy h2{font-family:var(--display);font-weight:400;letter-spacing:-.08em}.about-story{position:relative;padding-inline-start:clamp(1rem,5vw,4rem)}.about-story::before{position:absolute;inset-inline-start:0;inset-block-start:.25em;color:var(--accent);font-family:var(--display);font-size:clamp(4rem,8vw,8rem);line-height:.5;content:"“"}.about-story p{font-family:var(--display);font-size:clamp(1.45rem,2.6vw,2.25rem);letter-spacing:-.035em;line-height:1.4}
.find-section{position:relative;overflow:hidden;background:var(--surface-subtle)}.find-section::before{position:absolute;inset-inline-start:0;inset-block-start:0;width:30%;height:100%;border-inline-end:1px solid color-mix(in srgb,var(--line) 55%,transparent);content:"";pointer-events:none}.social-list{grid-template-columns:repeat(4,minmax(0,1fr));margin-block-start:clamp(3rem,6vw,5.5rem);border:0}.social-link{position:relative;display:flex;min-height:12rem;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.85rem;padding:1.25rem;border:0;background:transparent}.social-link::before{position:absolute;inset:0 0 0 auto;width:1px;background:var(--line);content:""}.social-link:nth-child(4n+1)::after{position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:var(--line);content:""}.social-link:hover,.social-link:focus-visible{color:var(--accent-strong);transform:translateY(-.4rem)}.social-link:hover .brand-mark{background:var(--accent);color:#fff;transform:rotate(-8deg)}.brand-mark,.share-mark{border-radius:50%}.social-copy b{font-family:var(--display);font-size:1.45rem;font-weight:400;letter-spacing:-.035em}.social-link>i{position:absolute;inset-inline-end:1.25rem;inset-block-start:1.15rem}
.expertise-list{counter-reset:expertise;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,3vw,3.4rem);margin-block-start:clamp(3rem,6vw,5.5rem);border:0}.expertise-list article{position:relative;min-height:15rem;padding:4.7rem 0 1.2rem;border:0;border-top:1px solid var(--line-strong);counter-increment:expertise}.expertise-list article::before{position:absolute;inset-inline-start:0;inset-block-start:1rem;color:var(--accent);font-family:var(--display);font-size:2.25rem;line-height:1;content:"0" counter(expertise)}.expertise-list article:nth-child(2),.expertise-list article:nth-child(5){transform:translateY(2.5rem)}.expertise-list article:nth-child(3){transform:translateY(5rem)}.expertise-list article:hover{border-color:var(--accent)}.expertise-list h3{font-family:var(--display);font-size:clamp(1.55rem,2.4vw,2.2rem);font-weight:400;letter-spacing:-.05em;line-height:1.05}
.contact-section{position:relative;background:var(--surface)}.contact-section::before{position:absolute;inset-inline-start:var(--pad);inset-block-start:0;width:5rem;height:4px;background:var(--accent);content:""}.contact-copy h2{font-size:clamp(3.4rem,7vw,7.5rem);line-height:.8}.contact-card{position:relative;box-shadow:1rem 1rem 0 color-mix(in srgb,var(--accent) 12%,transparent)}.contact-card::before{position:absolute;inset:-.55rem auto auto 1rem;padding:.12rem .55rem;background:var(--accent);color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.1em;content:"HELLO"}.contact-card>strong,.footer-identity strong,.dialog-header h2,.utility-code,.utility-card h1{font-family:var(--display);font-weight:400}.contact-card>div{grid-template-columns:1fr}.footer-identity strong{font-size:1.35rem;letter-spacing:-.04em}
html[lang="ar"] .hero h1,html[lang="ar"] .section-heading h2,html[lang="ar"] .contact-copy h2,html[lang="ar"] .about-story p{font-family:"Geeza Pro","Noto Naskh Arabic",serif;font-weight:700;letter-spacing:-.045em;line-height:1.2}html[lang="ar"] .about-story p{line-height:1.85}
@media(max-width:66rem){.social-list{grid-template-columns:repeat(2,minmax(0,1fr))}.social-link:nth-child(4n+1)::after{display:none}.social-link:nth-child(2n+1)::after{position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:var(--line);content:""}.expertise-list{grid-template-columns:repeat(2,minmax(0,1fr))}.expertise-list article:nth-child(3),.expertise-list article:nth-child(5){transform:none}}
@media(max-width:48rem){.hero{grid-template-columns:1fr}.hero h1{font-size:clamp(4.7rem,22vw,7.5rem)}.hero-index{max-width:34rem;margin-block-start:1rem}.social-list,.expertise-list{grid-template-columns:1fr}.social-link{min-height:8.2rem;flex-direction:row;align-items:center;justify-content:flex-start}.social-link::before{inset:0 auto 0 0;width:100%;height:1px}.social-link:last-child::after{position:absolute;inset:auto auto 0 0;width:100%;height:1px;background:var(--line);content:""}.social-link:nth-child(2n+1)::after{display:none}.expertise-list article,.expertise-list article:nth-child(2),.expertise-list article:nth-child(5){min-height:auto;transform:none}.contact-card{max-width:36rem}}


/* v34 Arabic composition refinement */
html[lang="ar"] .hero {
  grid-template-columns: minmax(0, 1.08fr) minmax(17rem, .52fr);
  gap: clamp(2rem, 6vw, 6rem);
}
html[lang="ar"] .hero::before {
  width: clamp(16rem, 34vw, 34rem);
  inset-inline-end: -4%;
  inset-block-start: 15%;
  opacity: .72;
}
html[lang="ar"] .hero h1 {
  max-width: 10ch;
  margin-block: 1.1rem .85rem;
  font-family: var(--display);
  font-size: clamp(4.15rem, 8.5vw, 8.2rem);
  font-weight: 400;
  letter-spacing: -.075em;
  line-height: .82;
}
html[lang="ar"] .hero h1::first-letter { color: var(--accent); }
html[lang="ar"] .hero-title {
  max-width: 32rem;
  font-family: "Geeza Pro", "Noto Naskh Arabic", "Segoe UI", Tahoma, sans-serif;
  font-size: clamp(1.22rem, 2vw, 1.65rem);
  line-height: 1.55;
}
html[lang="ar"] .hero-lead {
  max-width: 37rem;
  font-size: clamp(1rem, 1.55vw, 1.22rem);
  line-height: 2;
}
html[lang="ar"] .hero-index {
  align-self:center;
  padding-block-start: 1.15rem;
}
html[lang="ar"] .hero-index::before {
  inset-inline-start: 0;
  inset-inline-end: auto;
  transform: rotate(-12deg) scaleX(-1);
}
html[lang="ar"] .availability,
html[lang="ar"] .hero-index nav a { padding-inline: .4rem; }
html[lang="ar"] .hero-index nav a:hover { padding-inline: .15rem .65rem; }
html[lang="ar"] .eyebrow { font-size: .86rem; font-weight: 750; }
html[lang="ar"] .eyebrow::before { width:1.55rem; }
html[lang="ar"] .about-story p { font-size: clamp(1.32rem, 2.2vw, 2rem); }
html[lang="ar"] .social-copy b,
html[lang="ar"] .expertise-list h3,
html[lang="ar"] .contact-card > strong { font-family:"Geeza Pro","Noto Naskh Arabic","Segoe UI",Tahoma,sans-serif; font-weight:700; letter-spacing:-.025em; }
@media (max-width: 48rem) {
  html[lang="ar"] .hero { grid-template-columns: 1fr; }
  html[lang="ar"] .hero::before { width: 74vw; inset-inline-end: -19vw; inset-block-start: 10%; }
  html[lang="ar"] .hero h1 { max-width:none; font-size:clamp(3.8rem,18vw,6.4rem); }
  html[lang="ar"] .hero-index { align-self:auto; }
}


/* v34 final editorial polish — no additional public data */
html { scroll-behavior:smooth; }
body::before {
  content:"";
  position:fixed;
  z-index:-2;
  inset:0;
  pointer-events:none;
  background-image:radial-gradient(color-mix(in srgb,var(--ink) 10%,transparent) .55px,transparent .55px);
  background-size:8px 8px;
  opacity:.28;
}
.hero-main { position:relative; }
.hero-main::after {
  content:"";
  position:absolute;
  inset-inline-start:-1.25rem;
  inset-block-start:3.5rem;
  width:.42rem;
  height:.42rem;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 1.15rem 0 color-mix(in srgb,var(--accent) 38%,transparent);
}
.hero-title { position:relative; display:inline-block; }
.hero-title::after {
  content:"";
  position:absolute;
  z-index:-1;
  inset-inline:-.3em;
  inset-block-end:.15em;
  height:.28em;
  background:color-mix(in srgb,var(--accent) 18%,transparent);
  transform:rotate(-1.4deg);
}
.hero-actions { position:relative; }
.hero-actions::after {
  content:"scroll / continue";
  position:absolute;
  inset-inline-start:calc(100% + 1.1rem);
  inset-block-start:50%;
  color:var(--muted);
  font-family:var(--display);
  font-size:.77rem;
  font-style:italic;
  letter-spacing:.02em;
  opacity:.7;
  transform:translateY(-50%) rotate(-4deg);
  white-space:nowrap;
}
[dir="rtl"] .hero-actions::after {
  content:"تابع / استكشف";
  inset-inline-start:auto;
  inset-inline-end:calc(100% + 1.1rem);
  font-family:"Geeza Pro","Noto Naskh Arabic",serif;
  font-style:normal;
  transform:translateY(-50%) rotate(4deg);
}
.primary-action { box-shadow:0 .45rem 0 color-mix(in srgb,var(--accent-strong) 38%,transparent); }
.primary-action:active { box-shadow:none; transform:translateY(.35rem); }
.secondary-action { border-color:color-mix(in srgb,var(--accent) 72%,var(--line)); }
.section-heading { position:relative; }
.section-heading .eyebrow { width:max-content; }
.about-section { position:relative; }
.about-story::after {
  content:"";
  position:absolute;
  inset-inline-start:clamp(1rem,5vw,4rem);
  inset-block-end:-1.25rem;
  width:5rem;
  height:1px;
  background:var(--accent);
  transform:rotate(-8deg);
}
.find-section .section-heading h2 { max-width:8ch; }
.social-link:nth-child(4n+1) { background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 88%,transparent),transparent); }
.social-link:nth-child(4n+2) { padding-block-end:2.2rem; }
.social-link:nth-child(4n+3) { padding-block-end:3.3rem; }
.social-link:nth-child(4n+4) { padding-block-end:1.6rem; }
.social-link .brand-mark { transition:background .26s ease,color .26s ease,transform .26s cubic-bezier(.2,.8,.2,1),border-radius .26s ease; }
.social-link:hover .brand-mark { border-radius:38% 62% 58% 42%/45% 48% 52% 55%; }
.social-link:hover > i { color:var(--accent); transform:translate(.22rem,-.22rem); }
[dir="rtl"] .social-link:hover > i { transform:translate(-.22rem,-.22rem); }
.expertise-section { position:relative; }
.expertise-section::before {
  content:"";
  position:absolute;
  inset-inline-end:0;
  inset-block-start:clamp(4rem,9vw,8rem);
  width:22%;
  height:1px;
  background:var(--accent);
  transform:rotate(28deg);
  transform-origin:right;
  opacity:.65;
}
.expertise-list article::after {
  content:"";
  position:absolute;
  inset-inline-start:0;
  inset-block-end:0;
  width:0;
  height:2px;
  background:var(--accent);
  transition:width .35s cubic-bezier(.2,.8,.2,1);
}
.expertise-list article:hover::after { width:100%; }
.contact-section::after {
  content:"✦";
  position:absolute;
  inset-inline-end:var(--pad);
  inset-block-end:clamp(2rem,5vw,5rem);
  color:var(--accent);
  font-size:clamp(2rem,4vw,4rem);
  transform:rotate(18deg);
}
.contact-card { transform:rotate(-1deg); transition:transform .28s ease,box-shadow .28s ease; }
.contact-card:hover { transform:rotate(0) translateY(-.35rem); box-shadow:1.25rem 1.25rem 0 color-mix(in srgb,var(--accent) 16%,transparent); }
.site-footer { position:relative; }
.site-footer::before {
  content:"";
  position:absolute;
  inset-inline:var(--pad);
  inset-block-start:-1px;
  height:1px;
  background:linear-gradient(90deg,var(--accent),var(--line) 35%,var(--line) 65%,var(--accent));
}
html[lang="ar"] .hero-main::after { inset-inline-start:auto; inset-inline-end:-1.25rem; }
html[lang="ar"] .find-section .section-heading h2 { max-width:7ch; }
html[lang="ar"] .about-section::after { font-family:var(--display); }
@media (max-width:66rem) {
  .hero-actions::after { display:none; }
  .social-link:nth-child(4n+3) { padding-block-end:2.2rem; }
}
@media (max-width:48rem) {
  body::before { opacity:.18; }
  .hero-main::after { display:none; }
  .hero::after { width:45%; inset-block-end:4%; }
  .about-section::after,.contact-section::after,.expertise-section::before { display:none; }
  .social-link,.social-link:nth-child(n) { padding-block-end:1.25rem; }
  .social-link:nth-child(n) { background:transparent; }
  .contact-card { transform:none; }
  .contact-card:hover { transform:translateY(-.2rem); }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .primary-action:active,.contact-card:hover,.social-link:hover,.social-link:hover .brand-mark,.social-link:hover > i { transform:none; }
}


/* v34 unified contact, status, and expertise refinement */
.hero-quick-links {
  display:flex;
  align-items:center;
  gap:.45rem;
  width:max-content;
  margin-block-end:1.65rem;
  padding:.38rem;
  border:1px solid color-mix(in srgb,var(--line) 78%,transparent);
  border-radius:99px;
  background:color-mix(in srgb,var(--surface) 68%,transparent);
  box-shadow:0 .65rem 1.5rem color-mix(in srgb,var(--canvas) 72%,transparent);
}
.quick-link {
  display:grid;
  width:2.3rem;
  height:2.3rem;
  place-items:center;
  padding:0;
  border:1px solid transparent;
  border-radius:50%;
  background:transparent;
  color:var(--muted);
  transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s ease,color .2s ease,border-color .2s ease;
}
.quick-link svg { width:1rem; height:1rem; }
.quick-link:hover,.quick-link:focus-visible {
  border-color:color-mix(in srgb,var(--accent) 48%,var(--line));
  background:var(--accent);
  color:#fff;
  transform:translateY(-.2rem) rotate(-7deg);
}
.quick-linkedin:hover { background:#0a66c2; }
.quick-telegram:hover { background:#229ed9; }
.quick-email:hover,.quick-share:hover { background:var(--accent-strong); }
.hero h1>span { white-space:nowrap; }
.hero h1 em { color:var(--accent); font:inherit; font-style:normal; }
.hero h1::first-letter { color:inherit; }
.hero-index {
  display:grid;
  gap:1rem;
  padding-block:1.35rem 1rem;
  border-top:1px solid var(--line-strong);
}
.availability {
  position:relative;
  min-height:5.65rem;
  align-items:center;
  padding:1rem !important;
  border:1px solid color-mix(in srgb,var(--line) 88%,transparent);
  border-radius:.85rem 1.6rem .85rem 1.6rem;
  background:color-mix(in srgb,var(--surface) 55%,transparent);
  overflow:hidden;
}
.availability::after {
  content:"";
  position:absolute;
  inset-inline-end:-1.5rem;
  inset-block-end:-1.8rem;
  width:5rem;
  aspect-ratio:1;
  border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);
  border-radius:50%;
}
.availability > span {
  position:relative;
  z-index:1;
  width:.68rem;
  height:.68rem;
  box-shadow:0 0 0 .35rem color-mix(in srgb,currentColor 11%,transparent);
}
.availability div { position:relative; z-index:1; gap:.12rem; }
.availability small { font-size:.73rem; letter-spacing:.015em; }
.availability strong { max-width:14rem; font-family:var(--display); font-size:1.06rem; font-weight:400; line-height:1.15; }
.availability[data-status-state="available"] { border-color:color-mix(in srgb,var(--success) 55%,var(--line)); }
.availability[data-status-state="unavailable"] { border-color:color-mix(in srgb,var(--danger) 55%,var(--line)); }
.availability[data-status-state="unknown"] { border-color:color-mix(in srgb,var(--accent) 45%,var(--line)); }
.hero-index nav { gap:.25rem; }
.hero-index nav a {
  min-height:2.55rem;
  padding:.5rem .25rem;
  border-top:0;
  border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);
  color:var(--muted);
  font-size:.83rem;
}
.hero-index nav a:hover { padding-inline:.5rem 0; color:var(--ink); background:transparent; }
.hero-index nav i { color:var(--accent); font-size:.9rem; font-style:normal; transition:transform .2s ease; }
.hero-index nav a:hover i { transform:translate(-.2rem,.1rem); }
[dir="rtl"] .hero-index nav a:hover { padding-inline:0 .5rem; }
[dir="rtl"] .hero-index nav a:hover i { transform:translate(.2rem,.1rem); }
.find-section .section-heading > p:last-child,
.expertise-section .section-heading > p:last-child {
  justify-self:center;
  align-self:center;
  max-width:25rem;
  text-align:center;
  line-height:1.8;
}
.find-section .section-heading h2,
.expertise-section .section-heading h2 { max-width:9ch; }
.brand-mark {
  border-color:color-mix(in srgb,var(--line) 88%,transparent);
  background:color-mix(in srgb,var(--surface) 82%,var(--canvas));
}
.brand-linkedin .brand-mark,
.brand-telegram .brand-mark {
  border-color:color-mix(in srgb,var(--line) 88%,transparent);
  background:color-mix(in srgb,var(--surface) 82%,var(--canvas));
}
.social-link:hover .brand-linkedin,
.social-link:hover .brand-telegram { color:#fff; }
.expertise-list { counter-reset:none; }
.expertise-list article {
  min-height:12.5rem;
  padding:1.65rem 0 1.25rem;
  counter-increment:none;
}
.expertise-list article::before { display:none; content:none; }
.expertise-list article:nth-child(2),
.expertise-list article:nth-child(3),
.expertise-list article:nth-child(5) { transform:none; }
.expertise-list article:nth-child(2n) { padding-block-start:3.4rem; }
.expertise-list h3 { max-width:18rem; }
html[lang="ar"] .hero-quick-links { direction:ltr; }
html[lang="ar"] .hero h1 { font-family:var(--display); font-weight:400; letter-spacing:-.075em; line-height:.82; }
html[lang="ar"] .availability strong { font-family:"Geeza Pro","Noto Naskh Arabic","Segoe UI",Tahoma,sans-serif; font-weight:700; line-height:1.55; }
html[lang="ar"] .find-section .section-heading > p:last-child,
html[lang="ar"] .expertise-section .section-heading > p:last-child { line-height:2; }
@media(max-width:48rem) {
  .hero-quick-links { margin-block-end:1.15rem; }
  .quick-link { width:2.18rem; height:2.18rem; }
  .find-section .section-heading > p:last-child,
  .expertise-section .section-heading > p:last-child { justify-self:start; text-align:start; }
  [dir="rtl"] .find-section .section-heading > p:last-child,
  [dir="rtl"] .expertise-section .section-heading > p:last-child { justify-self:end; text-align:end; }
  .expertise-list article:nth-child(2n) { padding-block-start:1.65rem; }
}
@media(prefers-reduced-motion:reduce) {
  .quick-link:hover,.quick-link:focus-visible,.hero-index nav a:hover i { transform:none; }
}


/* v34 bilingual parity, navigation, and platform icon finish */
:root { --font-ui:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
body,button,input,textarea { font-family:var(--font-ui); }
html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] textarea { font-family:"SF Arabic","Geeza Pro","Segoe UI",Tahoma,Arial,sans-serif; }
html { scrollbar-color:var(--accent) var(--canvas); scrollbar-width:thin; scroll-padding-top:calc(var(--header) + .75rem); }
html::-webkit-scrollbar { width:11px; height:11px; }
html::-webkit-scrollbar-track { background:var(--canvas); }
html::-webkit-scrollbar-thumb { border:3px solid var(--canvas); border-radius:99px; background:color-mix(in srgb,var(--accent) 74%,var(--muted)); }
html::-webkit-scrollbar-thumb:hover { background:var(--accent); }
.page-section { scroll-margin-top:calc(var(--header) + .75rem); }
.desktop-nav { gap:.38rem; }
.desktop-nav a {
  display:grid;
  width:1.55rem;
  min-height:2.75rem;
  place-items:center;
  padding:0;
  color:var(--muted);
}
.desktop-nav a span {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}
.desktop-nav a::before {
  width:.36rem;
  height:.36rem;
  border:1px solid currentColor;
  border-radius:50%;
  content:"";
  transition:width .2s ease,background .2s ease,border-radius .2s ease;
}
.desktop-nav a::after { display:none; }
.desktop-nav a:hover::before,
.desktop-nav a[aria-current="true"]::before {
  width:1.15rem;
  border-radius:99px;
  background:var(--accent);
  border-color:var(--accent);
}
.admin-entry { border-color:color-mix(in srgb,var(--accent) 55%,var(--line)); color:var(--accent-strong); }
.admin-entry:hover { border-color:var(--accent); background:var(--accent); color:#fff; }
.admin-entry svg { width:1rem; height:1rem; }
.hero h1 span:first-child::first-letter,
.hero h1 span:last-child em { color:var(--accent); }
.hero h1 span:first-child::first-letter { color:var(--accent); }
.hero h1 span:last-child { color:var(--ink); }
.hero h1 span:last-child em { color:var(--accent); }
.brand-whatsapp .brand-mark {
  position:relative;
  border-color:color-mix(in srgb,#20a763 46%,var(--line));
  background:color-mix(in srgb,#20a763 12%,var(--surface));
  color:#2ac273;
}
.brand-whatsapp .brand-mark::after {
  position:absolute;
  inset:.32rem;
  border:1px solid currentColor;
  border-radius:48% 52% 52% 48%;
  content:"";
  opacity:.42;
}
.brand-whatsapp .brand-mark svg { position:relative; z-index:1; width:1.42rem; height:1.42rem; }
.social-link.brand-whatsapp:hover .brand-mark { background:#20a763; color:#fff; }
html[lang="ar"] .section-heading h2,
html[lang="ar"] .contact-copy h2 {
  font-family:"SF Arabic","Geeza Pro","Segoe UI",Tahoma,Arial,sans-serif;
  font-weight:750;
  letter-spacing:-.04em;
  line-height:1.23;
}
html[lang="ar"] .about-story p,
html[lang="ar"] .hero-title,
html[lang="ar"] .hero-lead {
  font-family:"SF Arabic","Geeza Pro","Segoe UI",Tahoma,Arial,sans-serif;
  letter-spacing:0;
}
html[lang="ar"] .about-story p { font-weight:500; line-height:1.9; }
html[lang="ar"] .hero-title { font-weight:750; }
html[lang="ar"] .hero-lead { line-height:2; }
html[lang="ar"] .section-heading > p:last-child { font-family:"SF Arabic","Geeza Pro","Segoe UI",Tahoma,Arial,sans-serif; }
@media(max-width:48rem) {
  .admin-entry span { display:none; }
  .admin-entry { width:2.75rem; justify-content:center; padding:0; }
  .desktop-nav { display:none; }
}


/* v34 screenshot-led correction: readable navigation and unified channel tiles */
.desktop-nav { display:flex; justify-content:center; gap:.25rem; }
.desktop-nav a {
  display:block;
  width:auto;
  min-height:auto;
  padding:.6rem .75rem;
  color:var(--muted);
  font-size:.86rem;
  font-weight:700;
}
.desktop-nav a span {
  position:static;
  width:auto;
  height:auto;
  overflow:visible;
  clip-path:none;
  white-space:normal;
}
.desktop-nav a::before { display:none; }
.desktop-nav a::after {
  display:block;
  content:"";
  inset-inline:.75rem;
  inset-block-end:.25rem;
  height:2px;
  background:var(--accent);
  transform:scaleX(0);
}
.desktop-nav a:hover::after,
.desktop-nav a[aria-current="true"]::after { transform:scaleX(1); }
main .section-heading > .eyebrow,
main .contact-copy > .eyebrow { display:none; }
.hero-index {
  align-self:center;
  inset-block-start:auto;
  transform:translateY(-4.75rem);
}
.hero-index .availability { margin-block-start:0; }
.hero h1 span:first-child em,
.hero h1 span:last-child em { color:var(--accent) !important; }
.hero h1 span:first-child::first-letter { color:inherit; }
.social-link:nth-child(n) { background:transparent; padding-block-end:1.25rem; }
.social-link {
  min-height:13rem;
  border-inline-end:1px solid color-mix(in srgb,var(--line) 72%,transparent);
  border-block-end:1px solid color-mix(in srgb,var(--line) 72%,transparent);
}
.social-link::before { background:color-mix(in srgb,var(--line) 72%,transparent); }
.social-link:hover,.social-link:focus-visible {
  background:color-mix(in srgb,var(--surface) 55%,transparent);
  box-shadow:0 .7rem 1.45rem color-mix(in srgb,var(--ink) 7%,transparent);
}
.social-link:hover .brand-mark {
  border-radius:50%;
  transform:translateY(-.28rem);
}
.social-link .brand-mark {
  width:3.55rem;
  height:3.55rem;
  border-width:1px;
  box-shadow:0 .2rem .5rem color-mix(in srgb,var(--ink) 7%,transparent);
}
.social-link .social-copy b { font-size:1.55rem; }
.share-nudge {
  inset-inline-start:50%;
  inset-inline-end:auto;
  inset-block-end:1.25rem;
  width:min(32rem,calc(100% - 2rem));
  max-width:none;
  transform:translateX(-50%);
  border-color:color-mix(in srgb,var(--accent) 50%,var(--line));
  background:color-mix(in srgb,var(--surface) 94%,transparent);
}
[dir="rtl"] .share-nudge { transform:translateX(50%); }
.share-nudge strong { font-family:var(--display); font-size:1.05rem; font-weight:400; }
.share-nudge > button:last-child { background:var(--accent); }
@media(max-width:66rem) {
  .desktop-nav { display:none; }
  .hero-index { transform:none; }
}
@media(max-width:48rem) {
  .share-nudge { inset-inline:.75rem; width:auto; transform:none; }
  [dir="rtl"] .share-nudge { transform:none; }
}


/* v35 mobile status clarity and small-screen ergonomics */
@media (max-width:48rem) {
  .site-header {
    padding-inline:max(var(--pad), env(safe-area-inset-left)) max(var(--pad), env(safe-area-inset-right));
  }
  .hero {
    gap:clamp(2.25rem, 8vw, 3rem);
    padding-block:clamp(3rem, 11vw, 4.25rem) clamp(4rem, 13vw, 5rem);
  }
  .hero-main { min-width:0; }
  .hero-quick-links {
    max-width:100%;
    overflow-x:auto;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .hero-quick-links::-webkit-scrollbar { display:none; }

  /* Decorative direction glyphs distract at this density; the links remain descriptive. */
  .hero-index::before,
  .hero-index nav i { display:none; }
  .hero-index {
    width:100%;
    max-width:34rem;
    gap:.75rem;
    padding-block:1rem .25rem;
  }
  .availability {
    min-height:0;
    padding:.9rem !important;
    border-radius:.8rem 1.2rem .8rem 1.2rem;
  }
  .availability strong {
    max-width:none;
    overflow-wrap:anywhere;
  }
  .hero-index nav a {
    min-height:3rem;
    justify-content:flex-start;
    padding-inline:.1rem;
  }

  .contact-card > strong { overflow-wrap:anywhere; }
  dialog {
    width:calc(100% - 1rem);
    max-height:calc(100dvh - 1rem);
    border-radius:.65rem;
  }
  .dialog-panel { padding:1rem; }
  .dialog-header { margin-block-end:1.2rem; }
  .footer-actions > button { min-height:2.75rem; }
}
@media (max-width:31rem) {
  .hero-quick-links { gap:.25rem; padding:.25rem; }
  .quick-link { width:2.1rem; height:2.1rem; }
  .availability { gap:.7rem; }
}


/* Theme the document scrollbar in WebKit as well as Firefox. */
html,
body {
  scrollbar-color:color-mix(in srgb,var(--accent) 74%,var(--muted)) var(--canvas);
}
html::-webkit-scrollbar,
body::-webkit-scrollbar { width:12px; background:var(--canvas); }
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  border-inline-start:1px solid color-mix(in srgb,var(--line) 72%,transparent);
  background:var(--canvas);
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  min-height:3rem;
  border:3px solid var(--canvas);
  border-radius:99px;
  background:color-mix(in srgb,var(--accent) 74%,var(--muted));
}
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover { background:var(--accent); }


/* v35 connection tiles and privacy route refinement */
.brand-linkedin:hover .brand-mark { border-color:#0a66c2; background:#0a66c2; color:#fff; }
.brand-github:hover .brand-mark, .brand-x:hover .brand-mark { border-color:#111827; background:#111827; color:#fff; }
.brand-whatsapp:hover .brand-mark { border-color:#20a763; background:#20a763; color:#fff; }
.brand-telegram:hover .brand-mark { border-color:#229ed9; background:#229ed9; color:#fff; }
.brand-email:hover .brand-mark { border-color:var(--accent-strong); background:var(--accent-strong); color:#fff; }
.brand-paypal:hover .brand-mark { border-color:#1665a7; background:#1665a7; color:#fff; }
.brand-share:hover .brand-mark { border-color:var(--accent); background:var(--accent); color:#fff; }
.quick-github:hover, .quick-x:hover { background:#111827; color:#fff; }
.quick-linkedin:hover { background:#0a66c2; color:#fff; }
.quick-telegram:hover { background:#229ed9; color:#fff; }
.social-copy small { line-height:1.5; }

.privacy-body { min-height:100svh; margin:0; padding:clamp(1rem,5vw,4rem); background:var(--canvas); color:var(--ink); }
.privacy-card { width:min(100%,54rem); margin:clamp(2rem,9vw,7rem) auto; padding:clamp(1.5rem,5vw,4rem); border:1px solid var(--line-strong); background:var(--surface); box-shadow:var(--shadow); }
.privacy-card h1 { margin-block:.45rem 1.25rem; font-family:var(--display); font-size:clamp(2.8rem,8vw,6rem); font-weight:400; letter-spacing:-.065em; line-height:.92; }
.privacy-card p { max-width:46rem; margin-block:1rem; color:var(--muted); font-size:1.03rem; }
.privacy-card .utility-action { margin-block-start:1.25rem; }
.footer-actions a[href="privacy.html"] { border-bottom:1px solid var(--line-strong); text-decoration:none; }
@media (max-width:48rem) {
  html[lang="ar"] .social-link > i,
  html[lang="ar"] .contact-card .primary-action b { display:none; }
  .privacy-body { padding:1rem; }
  .privacy-card { margin:1rem auto; min-height:calc(100svh - 2rem); padding:1.5rem; }
  .footer-actions a[href="privacy.html"] { min-height:2.75rem; border-bottom:1px solid var(--line-strong); }
}


/* v35 final RTL and channel interaction corrections */
.social-link > i { display:none; }
.social-link .brand-mark { position:relative; border-radius:50%; }
.social-link .brand-mark::after { content:""; position:absolute; inset:-.32rem; border:1px solid currentColor; border-radius:50%; opacity:.32; pointer-events:none; }
.social-link .brand-mark { box-shadow:0 0 0 .18rem color-mix(in srgb,currentColor 10%,transparent), 0 .25rem .8rem color-mix(in srgb,var(--ink) 8%,transparent); }
.open-link { position:absolute; inset-inline-end:1.15rem; inset-block-start:1.1rem; display:grid; width:2rem; height:2rem; place-items:center; border:1px solid color-mix(in srgb,currentColor 32%,var(--line)); border-radius:50%; color:var(--accent); opacity:.92; transition:background-color .2s ease,color .2s ease,transform .2s ease; }
.open-link svg { width:1rem; height:1rem; }
.social-link:hover .open-link, .social-link:focus-visible .open-link { background:var(--accent); color:#fff; transform:translate(.16rem,-.16rem); }
.footer-actions > a, .footer-actions > button { text-decoration-line:underline; text-decoration-thickness:1px; text-underline-offset:.42rem; text-decoration-color:color-mix(in srgb,var(--line-strong) 80%,transparent); }
html[dir="rtl"] .hero-actions::after { left:auto; right:calc(100% + 1.1rem); inset-inline:auto; }
html[lang="ar"] .hero-index::before { inset-inline-start:auto; inset-inline-end:0; }
html[lang="ar"] .hero-main::after { inset-inline-start:auto; inset-inline-end:-1.25rem; }
@media(max-width:48rem) {
  .footer-actions > a, .footer-actions > button { min-height:2.75rem; text-underline-offset:.32rem; }
  html[lang="ar"] .hero-actions::after { right:0; left:auto; inset-block-start:calc(100% + 1rem); transform:none; }
}


/* Footer action underline: one deterministic line at every viewport. */
.footer-actions > a,
.footer-actions > button {
  position:relative;
  min-width:max-content;
  border-bottom:0;
  text-decoration:none;
}
.footer-actions > a::after,
.footer-actions > button::after {
  content:"";
  position:absolute;
  inset-inline:0;
  inset-block-end:.1rem;
  height:1px;
  background:var(--line-strong);
  opacity:.9;
}
.footer-actions > a:hover::after,
.footer-actions > button:hover::after { background:var(--accent); }
@media(max-width:48rem) {
  .footer-actions > a,
  .footer-actions > button { display:inline-flex; min-width:max-content; }
  .footer-actions > a[href="privacy.html"]::after { display:block; }
}


/* Override the earlier Privacy-specific border; ::after is the sole underline. */
.footer-actions > a[href="privacy.html"] {
  border-bottom:0;
  text-decoration:none;
}