/* A. Cairo Night: cinematic dark, inspired by Watany Eye Hospitals (Egypt) */
:root {
  --font-body: "Inter", system-ui, sans-serif;
  --font-head: "Fraunces", Georgia, serif;
  --head-weight: 600;
  --head-ls: -.015em;
  --ink: #0b1626;
  --text: #24324a;
  --muted: #64748b;
  --bg: #f7f5f1;
  --line: #e6e1d8;
  --brand: #0f3b5c;
  --brand-d: #0a2840;
  --brand-l: #e8eef4;
  --accent: #d4a85a;
  --accent-d: #a87d33;
  --accent-l: #f8efdf;
  --r: 18px;
  --btn-r: 999px;
  --hdr-bg: rgba(10, 22, 40, .94);
  --hdr-ink: #f2efe8;
  --hdr-line: rgba(255, 255, 255, .1);
  --top-bg: #050c18;
  --ftr-bg: #050c18;
  --ftr-muted: #8f9db3;
  --hero-ov: linear-gradient(90deg, rgba(5, 12, 24, .94) 0%, rgba(5, 12, 24, .78) 48%, rgba(5, 12, 24, .3) 100%);
  --logo-bg: #0f2a44;
  --logo-dot: #d4a85a;
}
.t-a-cairo .lw b i { color: var(--accent); }
.t-a-cairo .hdr .btn-primary { background: var(--accent); color: #1a1408; }
.t-a-cairo .hdr .lw small { color: #8f9db3; }
.t-a-cairo .lm-bg { stroke: rgba(212, 168, 90, .55); stroke-width: 1.2; }
.t-a-cairo .btn-primary { background: var(--brand); }
.t-a-cairo .kicker { color: var(--accent-d); letter-spacing: .18em; }

/* home hero */
.t-a-cairo .hx { position: relative; min-height: 88vh; display: flex; flex-direction: column; justify-content: flex-end; color: #fff; overflow: hidden; background: #050c18; }
.t-a-cairo .hx-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 70% 50%; opacity: .9; transform: scale(1.04); animation: kenburns 24s ease-in-out infinite alternate; }
@keyframes kenburns { to { transform: scale(1.12) translateX(-2%); } }
.t-a-cairo .hx::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(5, 12, 24, .95) 0%, rgba(5, 12, 24, .7) 45%, rgba(5, 12, 24, .1) 100%), linear-gradient(0deg, rgba(5, 12, 24, .9) 0%, transparent 40%); }
.t-a-cairo .hx-in, .t-a-cairo .hx > .wrap { position: relative; z-index: 2; }
.t-a-cairo .hx-in { padding-top: 120px; max-width: var(--wrap); width: 100%; }
.t-a-cairo .hx h1 { color: #fff; font-size: clamp(2.4rem, 6vw, 4.6rem); max-width: 760px; font-weight: 500; }
.t-a-cairo .hx h1 em { color: var(--accent); display: block; }
.t-a-cairo .hx .lead { color: #c9d3e0; max-width: 580px; }
.t-a-cairo .eyebrow { display: flex; align-items: center; gap: 12px; text-transform: uppercase; letter-spacing: .2em; font-size: .75rem; color: var(--accent); margin-bottom: 22px; }
.t-a-cairo .eyebrow span { width: 40px; height: 1px; background: var(--accent); }
.t-a-cairo .hx-trust { display: flex; flex-wrap: wrap; gap: 10px 26px; margin-top: 28px; font-size: .88rem; color: #c9d3e0; }
.t-a-cairo .hx-trust span { display: inline-flex; align-items: center; gap: 8px; }
.t-a-cairo .hx-trust .i { color: var(--accent); width: 18px; height: 18px; }
.t-a-cairo .hx-stats { display: grid; grid-template-columns: repeat(4, 1fr); margin: 56px 0 0; border-top: 1px solid rgba(255, 255, 255, .14); }
.t-a-cairo .hx-stats div { padding: 22px 22px 30px 0; }
.t-a-cairo .hx-stats div + div { padding-left: 22px; border-left: 1px solid rgba(255, 255, 255, .14); }
.t-a-cairo .hx-stats b { display: block; font-family: var(--font-head); font-size: 2.1rem; font-weight: 500; color: #fff; }
.t-a-cairo .hx-stats span { font-size: .84rem; color: #9fb0c6; }
.t-a-cairo .float-cta { display: flex; flex-direction: column; gap: 8px; position: fixed; right: 18px; top: 50%; transform: translateY(-50%); z-index: 40; }
.t-a-cairo .float-cta a { display: flex; flex-direction: column; align-items: center; gap: 4px; width: 78px; padding: 12px 6px; border-radius: 16px; background: var(--brand); color: #fff; font-size: .7rem; font-weight: 600; text-align: center; box-shadow: var(--sh-l); text-decoration: none; }
.t-a-cairo .float-cta .fc-wa { background: var(--wa); }

.t-a-cairo .sec-hd.center p.muted { margin-top: 10px; }
.t-a-cairo .pc { border: 0; box-shadow: 0 2px 4px rgba(11, 22, 38, .04), 0 12px 32px rgba(11, 22, 38, .08); }
.t-a-cairo .pc-ic { color: var(--accent-d); }
.t-a-cairo .split-img { border-radius: 200px 200px 24px 24px; }
.t-a-cairo .why-list li > .i { background: var(--accent-l); color: var(--accent-d); }
.t-a-cairo .dark-band { background: #0a1628; color: #c9d3e0; margin-top: 64px; padding-bottom: 64px; }
.t-a-cairo .dark-band h2, .t-a-cairo .dark-band .g-badge b { color: #fff; }
.t-a-cairo .dark-band .more { color: var(--accent); }
.t-a-cairo .dark-band .ptable-wrap { border-color: rgba(255, 255, 255, .1); }
.t-a-cairo .dark-band .ptable thead th { background: #13243d; color: var(--accent); }
.t-a-cairo .dark-band .rev { background: #10213a; border-color: rgba(255, 255, 255, .08); }
.t-a-cairo .dark-band .rev blockquote, .t-a-cairo .dark-band .rev figcaption b { color: #e8edf4; }
.t-a-cairo .dark-band .g-badge { background: transparent; border-color: rgba(255, 255, 255, .2); color: #c9d3e0; }
.t-a-cairo .dark-band .muted { color: #8f9db3; }
.t-a-cairo .pills .pill { background: #fff; }
.t-a-cairo .urgent { background: linear-gradient(120deg, #1b0b10, #3d1418); }
.t-a-cairo .cta-band { background: linear-gradient(120deg, #0a1628, #0f3b5c); }
.t-a-cairo .ptable thead th { background: var(--brand-d); }
.t-a-cairo .doc { border: 0; box-shadow: 0 2px 4px rgba(11, 22, 38, .04), 0 12px 32px rgba(11, 22, 38, .08); }
.t-a-cairo .fchip.on { background: var(--brand); border-color: var(--brand); }
.t-a-cairo .t-hero .badge { background: rgba(255, 255, 255, .12); color: #fff; }
.t-a-cairo .t-hero .b-red { background: var(--red); color: #fff; }
.t-a-cairo .mbar-main { background: var(--brand); }
@media (max-width: 720px) {
  .t-a-cairo .hx { min-height: auto; }
  .t-a-cairo .hx-in { padding-top: 64px; }
  .t-a-cairo .hx-bg { object-position: 62% 50%; }
  .t-a-cairo .hx::before { background: linear-gradient(0deg, rgba(5, 12, 24, .97) 0%, rgba(5, 12, 24, .82) 55%, rgba(5, 12, 24, .45) 100%); }
  .t-a-cairo .hx .cta-row .btn { flex: 1; }
  .t-a-cairo .hx-stats { grid-template-columns: 1fr 1fr; margin-top: 32px; }
  .t-a-cairo .hx-stats div, .t-a-cairo .hx-stats div + div { padding: 16px 12px 16px 0; border-left: 0; border-bottom: 1px solid rgba(255, 255, 255, .1); }
  .t-a-cairo .hx-stats b { font-size: 1.5rem; }
  .t-a-cairo .float-cta { display: none; }
  .t-a-cairo .split-img { border-radius: 24px; }
}