/* ============================================================
   Al-Mamoura for Laboratory Supplies and Medical Equipment Trade Ltd.
   Design system: Concept B "Midnight Atlas" (polished edition)
   Brand: Poppins · #332375 · #316E9C · #30ADBE · gradient #330D69>#30C9CD
   Theme: deep-indigo dark interface, glass surfaces, gradient accents
   ============================================================ */
:root{
  --indigo:#332375; --steel:#316E9C; --teal:#30ADBE;
  --g1:#330D69; --g2:#30C9CD;
  --grad:linear-gradient(115deg,var(--g1) 0%,#312A8A 45%,var(--g2) 100%);
  --bg:#0D0925; --bg2:#120D30; --bg3:#0A0720;
  --surface:rgba(255,255,255,.045); --surface2:rgba(255,255,255,.08);
  --border:rgba(255,255,255,.10); --border-soft:rgba(255,255,255,.06);
  --txt:#EFEDFB; --txt-soft:#B7B3D6; --txt-dim:#8B87AD;
  --glow:0 0 34px rgba(48,201,205,.28);
  --s2:16px; --s3:24px; --s4:40px; --s5:64px; --s6:100px;
  --radius:16px; --container:1180px;
  --lattice:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Cpath d='M0 40 L8 40 L8 32 L16 32 L16 24 L24 24 L24 16 L32 16 L32 8 L40 8' fill='none' stroke='%23FFFFFF' stroke-opacity='.055' stroke-width='1.3'/%3E%3Cpath d='M56 16 L48 16 L48 24 L40 24 L40 32 L32 32 L32 40 L24 40 L24 48 L16 48' fill='none' stroke='%23FFFFFF' stroke-opacity='.055' stroke-width='1.3'/%3E%3C/svg%3E");
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;color:var(--txt);background:var(--bg);
  font-size:16px;line-height:1.7;font-weight:400;-webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility}
::selection{background:rgba(48,173,190,.35)}
a{color:inherit;text-decoration:none}
img,svg{display:block}
.wrap{max-width:var(--container);margin-inline:auto;padding-inline:32px}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--teal)}
/* ---------- signature ruling, adapted to dark ---------- */
.rule-v{position:absolute;top:6px;bottom:6px;left:0;width:24px;
  background:
   repeating-linear-gradient(to bottom,transparent 0 11px,rgba(255,255,255,.12) 11px 12px) left/10px 100% no-repeat,
   repeating-linear-gradient(to bottom,transparent 0 59px,var(--teal) 59px 60px) left/18px 100% no-repeat}
.tick-h{height:1px;background:repeating-linear-gradient(to right,var(--border) 0 26px,transparent 26px 34px)}
/* ---------- buttons ---------- */
.cta{font-size:13.5px;font-weight:600;line-height:1;color:#fff;background:var(--grad);
  border:1.5px solid transparent;border-radius:10px;padding:0 26px;height:48px;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;
  transition:.25s;box-shadow:0 6px 22px rgba(48,201,205,.22)}
.cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(48,201,205,.34)}
.cta.ghost{background:rgba(255,255,255,.04);color:var(--txt);border-color:var(--border);box-shadow:none}
.cta.ghost:hover{border-color:var(--teal);color:#fff;background:rgba(48,173,190,.10)}
.cta.on-grad{background:#fff;color:var(--indigo);box-shadow:0 10px 26px rgba(0,0,0,.28)}
/* ============================================================
   HEADER : unified brand lockup (mark + name as one element)
   ============================================================ */
header{position:sticky;top:0;z-index:50;background:rgba(13,9,37,.85);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border-soft)}
.nav{display:flex;align-items:center;gap:28px;height:74px}
.brand{display:flex;align-items:center;gap:11px;flex-shrink:0;padding-block:6px}
.brand svg{width:29px;height:38px;flex:none}
.brand-name{font-weight:600;font-size:14.5px;letter-spacing:.10em;color:#fff;
  line-height:1.2;white-space:nowrap}
.brand-name small{display:block;font-weight:600;font-size:9.5px;letter-spacing:.20em;
  color:var(--teal);margin-top:4px;line-height:1}
nav.menu{display:flex;gap:4px;margin-left:auto}
nav.menu a{font-size:13px;font-weight:500;color:var(--txt-soft);padding:9px 13px;
  border-radius:8px;transition:.2s}
nav.menu a:hover,nav.menu a:focus-visible{color:#fff;background:var(--surface2)}
nav.menu a[aria-current="page"]{color:#fff;background:var(--surface2);
  box-shadow:inset 0 -2px 0 var(--teal)}
.lang{font-size:13px;font-weight:600;line-height:1;color:#fff;border:1px solid var(--border);
  border-radius:23px;padding:0 16px;height:38px;display:inline-flex;align-items:center;transition:.2s}
.lang:hover{border-color:var(--teal)}
/* mobile menu toggle (hamburger) */
.menu-toggle{display:none;background:none;border:0;width:38px;height:38px;flex:none;cursor:pointer;
  flex-direction:column;justify-content:center;align-items:center;gap:5px;
  border-radius:8px}
.menu-toggle:hover{background:var(--surface2)}
.menu-toggle span{width:20px;height:2px;background:#fff;border-radius:2px;transition:.25s}
header.nav-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
header.nav-open .menu-toggle span:nth-child(2){opacity:0}
header.nav-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* ---------- hero (Home) ---------- */
.hero{position:relative;padding:120px 0 130px;overflow:hidden;text-align:center;
  background:
   radial-gradient(900px 520px at 78% -12%,rgba(48,173,190,.16),transparent 60%),
   radial-gradient(820px 540px at 12% 108%,rgba(51,13,105,.55),transparent 62%),
   var(--lattice),var(--bg2)}
.hero .wrap{position:relative;max-width:880px}
.hero .h-mark{width:64px;height:85px;margin:0 auto 32px;filter:drop-shadow(var(--glow))}
.hero h1{font-size:clamp(38px,5.2vw,62px);font-weight:300;line-height:1.22;letter-spacing:-.012em;color:#fff}
.hero h1 b{font-weight:600;background:linear-gradient(115deg,#6FD6E4,#30ADBE 40%,#7A5CD6);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lede{margin:26px auto 40px;max-width:60ch;color:var(--txt-soft);font-weight:400;font-size:17.5px}
.hero-ctas{display:flex;gap:var(--s2);justify-content:center;flex-wrap:wrap}
/* ---------- capability strip ---------- */
.strip{border-block:1px solid var(--border-soft);background:var(--bg3);padding:17px 0}
.strip .wrap{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;align-items:center}
.strip span{font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--txt-soft)}
.strip i{width:1px;height:13px;background:var(--teal);opacity:.7}
/* ---------- sections ---------- */
section{padding:var(--s6) 0}
.sec-head{display:flex;align-items:baseline;gap:28px;margin-bottom:var(--s5)}
.sec-head h2{font-size:clamp(25px,3vw,34px);font-weight:600;color:#fff;white-space:nowrap}
.sec-head .tick-h{flex:1;align-self:center}
/* ---------- product cards (Home) ---------- */
.index{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);border:0}
.row{position:relative;display:flex;flex-direction:column;gap:10px;background:var(--surface);
  border:1px solid var(--border-soft);border-radius:var(--radius);padding:30px 28px 26px;
  overflow:hidden;transition:.28s}
.row::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--grad);
  opacity:.85;transition:.28s}
.row:hover{transform:translateY(-5px);background:var(--surface2);border-color:var(--border);
  box-shadow:0 18px 40px rgba(0,0,0,.35)}
.row .tick{width:16px;height:2px;background:var(--teal);margin-bottom:4px;transition:.25s}
.row:hover .tick{width:26px}
.row h3{font-size:16.5px;font-weight:600;color:#fff;letter-spacing:.01em}
.row p{color:var(--txt-soft);font-size:14px;font-weight:400;flex:1}
.row .go{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--teal);margin-top:8px;transition:.2s}
.row:hover .go{color:#fff}
/* ---------- quality band ---------- */
.quality{background:
  radial-gradient(760px 420px at 50% -30%,rgba(49,110,156,.28),transparent 65%),var(--bg3);
  border-block:1px solid var(--border-soft)}
.quality .wrap{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.quality blockquote{font-size:clamp(20px,2.3vw,26px);font-weight:400;font-style:italic;
  line-height:1.55;color:#fff;border-left:3px solid;border-image:var(--grad) 1;padding-left:28px}
.assure{list-style:none;display:grid;gap:var(--s3)}
.assure li{display:grid;grid-template-columns:30px 1fr;gap:16px;color:var(--txt-soft);
  font-weight:400;font-size:15px}
.assure li b{font-weight:600;color:#fff;display:block;font-size:15px;margin-bottom:2px}
.assure .t{height:2px;width:22px;background:var(--teal);margin-top:12px}
/* ---------- heritage ---------- */
.heritage{text-align:center;background:var(--lattice) var(--bg)}
.heritage h2{font-size:clamp(25px,3vw,34px);font-weight:600;color:#fff;margin-top:14px}
.heritage p{max-width:64ch;margin:var(--s3) auto 0;font-size:17px;font-weight:400;color:var(--txt-soft)}
/* ---------- partner panel ---------- */
.partner{position:relative;background:var(--grad);border-radius:24px;padding:64px 56px;
  color:#fff;overflow:hidden;box-shadow:0 30px 70px rgba(51,13,105,.45)}
.partner::after{content:"";position:absolute;inset:0;background:var(--lattice);opacity:.5;pointer-events:none}
.partner>*{position:relative;z-index:1}
.partner .p-head{text-align:center;max-width:640px;margin:0 auto var(--s4)}
.partner h2{font-size:clamp(25px,3.1vw,34px);font-weight:600;line-height:1.25}
.partner .p-head p{margin-top:14px;color:#F1FAFB;font-weight:400;font-size:16.5px}
.doors{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.door{background:rgba(10,7,32,.55);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);
  border-radius:var(--radius);padding:34px;display:flex;flex-direction:column;transition:.25s}
.door:hover{transform:translateY(-4px);background:rgba(10,7,32,.7);border-color:rgba(255,255,255,.3)}
.door h3{font-size:18px;font-weight:600;color:#fff;margin-bottom:10px}
.door p{color:#E4E1F3;font-size:14.5px;font-weight:400;margin-bottom:var(--s3);flex:1}
.door .mail{font-weight:600;font-size:14px;color:#7EDDE6;transition:.2s}
.door:hover .mail{color:#fff}
/* ---------- footer ---------- */
footer{background:
   radial-gradient(700px 320px at 50% -12%,rgba(48,173,190,.10),transparent 65%),
   var(--lattice),var(--bg3);
  color:var(--txt-soft);padding:88px 0 40px;position:relative;overflow:hidden}
footer::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:min(720px,80%);height:1px;
  background:linear-gradient(90deg,transparent,var(--teal) 25%,#7A5CD6 50%,var(--teal) 75%,transparent);
  opacity:.65}
footer::after{content:"";position:absolute;right:-40px;bottom:-30px;width:420px;height:420px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cpath d='M40,0 C120,80 60,180 160,260 C220,310 260,340 320,400' fill='none' stroke='%23FFFFFF' stroke-opacity='.07' stroke-width='2'/%3E%3Cpath d='M0,40 C60,140 40,220 140,300 C200,350 260,370 320,400' fill='none' stroke='%23FFFFFF' stroke-opacity='.07' stroke-width='2'/%3E%3C/svg%3E") no-repeat;
  pointer-events:none;z-index:0}
@media(max-width:700px){footer::after{display:none}}
footer .wrap{position:relative;z-index:1}
.f-grid{display:grid;grid-template-columns:1.3fr .85fr 1fr;gap:56px;margin-bottom:48px}
.f-grid>div{position:relative}
.f-grid>div:not(:first-child){border-inline-start:1px solid var(--border-soft);padding-inline-start:var(--s4)}
.f-brand{display:flex;flex-direction:column}
.f-logo{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.f-logo svg{width:36px;height:47px;flex:none;filter:drop-shadow(0 0 22px rgba(48,173,190,.30))}
.f-wordmark{font-weight:600;font-size:17px;letter-spacing:.10em;color:#fff;line-height:1.2}
.f-wordmark small{display:block;font-weight:600;font-size:10px;letter-spacing:.20em;
  color:var(--teal);margin-top:5px;line-height:1}
.f-names{font-size:13.5px;line-height:1.8;font-weight:400;color:var(--txt)}
.f-names .ar{direction:rtl;text-align:right;font-size:15px;margin-top:6px;color:#E4E1F3}
.f-brand::after{content:"Trusted laboratory and medical equipment supply, serving Baghdad and beyond.";
  display:block;margin-top:16px;font-size:13px;line-height:1.7;color:var(--txt-dim);
  font-weight:400;max-width:34ch}
html[lang="ar"] .f-brand::after{content:"مورّد موثوق للمستلزمات المختبرية والأجهزة الطبية، نخدم بغداد وما وراءها.";
  max-width:none}
footer h4{font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
  color:var(--teal);margin-bottom:20px;position:relative;padding-bottom:12px}
footer h4::after{content:"";position:absolute;left:0;bottom:0;width:22px;height:2px;background:var(--grad)}
html[dir="rtl"] footer h4::after{left:auto;right:0}
footer ul{list-style:none;display:grid;gap:13px;font-size:14px;font-weight:400}
footer ul a{transition:.2s;display:inline-block}
footer ul a:hover{color:#fff;transform:translateX(4px)}
html[dir="rtl"] footer ul a:hover{transform:translateX(-4px)}
address{font-style:normal;font-size:13.5px;font-weight:400;line-height:1.85;color:var(--txt-soft);
  display:block;margin-top:2px;padding:16px 18px;background:var(--surface);
  border:1px solid var(--border-soft);border-radius:12px}
address .ar{direction:rtl;text-align:right;color:#E4E1F3;margin-top:6px;font-size:14.5px}
.f-base{border-top:1px solid var(--border-soft);padding-top:26px;font-size:12px;
  display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;color:var(--txt-dim)}
.f-base a{transition:.2s}
.f-base a:hover{color:var(--teal)}
/* ---------- inner pages ---------- */
.page-hero{position:relative;padding:84px 0 68px;overflow:hidden;
  border-bottom:1px solid var(--border-soft);
  background:
   radial-gradient(760px 420px at 82% -30%,rgba(48,173,190,.14),transparent 60%),
   var(--lattice),var(--bg2)}
.ph-inner{position:relative;padding-left:52px;max-width:800px}
.page-hero h1{font-size:clamp(30px,3.8vw,44px);font-weight:600;line-height:1.3;
  letter-spacing:-.01em;color:#fff;margin-top:12px}
.page-hero p{margin-top:18px;font-size:17px;font-weight:400;color:var(--txt-soft);max-width:60ch}
.prose{max-width:72ch}
.prose p{color:var(--txt-soft);font-weight:400;font-size:16px}
.prose p+p{margin-top:18px}
.prose h2{font-size:clamp(22px,2.5vw,29px);font-weight:600;color:#fff;margin:var(--s5) 0 var(--s3)}
.prose h2:first-child{margin-top:0}
.prose a{color:#7EDDE6}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.tile{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);
  padding:34px;transition:.25s}
.tile:hover{background:var(--surface2);border-color:var(--border)}
.tile h3{font-size:17px;font-weight:600;color:#fff;margin-bottom:12px}
.tile p{color:var(--txt-soft);font-size:14.5px;font-weight:400}
.tile a[style]{color:#7EDDE6!important}
.fam{padding:var(--s4) 0;border-bottom:1px solid var(--border-soft);display:grid;
  grid-template-columns:280px 1fr;gap:44px;align-items:start}
.fam:last-child{border-bottom:0}
.fam h2{font-size:21px;font-weight:600;color:#fff;position:relative;padding-top:14px}
.fam h2::before{content:"";position:absolute;top:0;left:0;width:30px;height:2px;background:var(--grad)}
.fam p{color:var(--txt-soft);font-weight:400}
.fam .items{margin-top:14px;font-size:14.5px;color:var(--txt-soft);font-weight:400}
.fam .items b{font-size:11.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--teal);display:block;margin-bottom:6px}
.steps{display:grid;border-top:1px solid var(--border-soft)}
.step{display:grid;grid-template-columns:150px 1fr;gap:32px;padding:24px 4px;
  border-bottom:1px solid var(--border-soft);align-items:start}
.step b{font-weight:600;font-size:13px;letter-spacing:.12em;text-transform:uppercase;
  color:#7EDDE6;padding-top:2px}
.step p{color:var(--txt-soft);font-size:15px;font-weight:400}
.band-cta{position:relative;background:var(--grad);border-radius:24px;padding:52px 56px;color:#fff;
  display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;
  overflow:hidden;box-shadow:0 26px 60px rgba(51,13,105,.4)}
.band-cta::after{content:"";position:absolute;inset:0;background:var(--lattice);opacity:.5;pointer-events:none}
.band-cta>*{position:relative;z-index:1}
.band-cta h2{font-size:clamp(21px,2.5vw,28px);font-weight:600;max-width:26ch}
.mapframe{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg3)}
.mapframe iframe{display:block;width:100%;height:380px;border:0;
  filter:invert(.92) hue-rotate(180deg) saturate(.65) contrast(.95)}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--s4);align-items:start}
.contact-grid .tile+.tile{margin-top:var(--s3)}
.legal{max-width:76ch}
.legal h2{font-size:19px;font-weight:600;color:#fff;margin:var(--s4) 0 14px}
.legal p,.legal li{color:var(--txt-soft);font-size:15.5px;font-weight:400}
.legal a{color:#7EDDE6}
.legal ul{padding-left:22px;display:grid;gap:8px;margin-top:10px}
.legal .note{font-size:12.5px;color:#7EDDE6;border:1px solid var(--border);
  border-radius:10px;padding:14px 18px;background:var(--surface);margin-top:var(--s4)}
/* ---------- motion and access ---------- */
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:4px}
@media (prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  .cta:hover,.door:hover,.row:hover,.tile:hover{transform:none}}
/* ---------- responsive ---------- */
@media(max-width:1024px){.index{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){
  .nav{position:relative;justify-content:center}
  nav.menu{display:none}
  .nav>a.cta{display:none}
  .menu-toggle{display:flex;position:absolute;left:16px;top:50%;transform:translateY(-50%);margin:0}
  .lang{position:absolute;right:16px;top:50%;transform:translateY(-50%);margin:0}
  header.nav-open nav.menu{
    display:flex;flex-direction:column;gap:2px;
    position:absolute;top:calc(100% + 1px);left:0;right:0;
    background:rgba(10,7,32,.98);backdrop-filter:blur(16px);
    border-bottom:1px solid var(--border-soft);
    padding:10px 8px 18px;box-shadow:0 20px 40px rgba(0,0,0,.4)}
  header.nav-open nav.menu a{padding:14px 16px;border-radius:10px;font-size:15px}
  .quality .wrap{grid-template-columns:1fr;gap:var(--s4)}
  .doors,.duo,.contact-grid{grid-template-columns:1fr}
  .partner{padding:48px 28px}
  .band-cta{padding:40px 28px}
  .fam{grid-template-columns:1fr;gap:14px}
  .step{grid-template-columns:1fr;gap:6px}
  .f-grid{grid-template-columns:1fr;gap:var(--s4)}
  .f-grid>div:not(:first-child){border-inline-start:0;padding-inline-start:0;
    border-top:1px solid var(--border-soft);padding-top:var(--s3)}
  .f-base{flex-direction:column;align-items:flex-start;text-align:start}
  .sec-head{flex-wrap:wrap;gap:16px}
  .ph-inner{padding-left:40px}
}
@media(max-width:640px){.index{grid-template-columns:1fr}}
@media(max-width:520px){
  .wrap{padding-inline:20px}
  section{padding:var(--s5) 0}
  .hero{padding:84px 0 92px}
  .hero-ctas .cta{width:100%}
  .nav{gap:10px}
  .brand svg{width:28px;height:37px}
  .brand-name{font-size:13.5px}
  .brand-name small{font-size:9.5px;letter-spacing:.16em;margin-top:5px}
  .lang{padding:0 12px;font-size:11.5px;height:32px}
}
@media(max-width:400px){
  .cta:not(.hero-ctas .cta):not(.on-grad){padding:0 16px;font-size:12px;height:40px}
}
/* ---------- cookie consent ---------- */
.consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:80;max-width:540px;
  margin-inline:auto;background:rgba(18,13,48,.94);backdrop-filter:blur(12px);
  border:1px solid var(--border);border-radius:16px;padding:20px 22px;
  box-shadow:0 20px 50px rgba(0,0,0,.55);font-size:13.5px;color:var(--txt-soft);font-weight:400}
.consent b{color:#fff;font-weight:600}
.consent .c-btns{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.consent .cta{height:40px;padding:0 20px;font-size:12.5px}
/* ---------- Arabic (RTL) ---------- */
html[lang="ar"] body{font-family:'Cairo','Poppins',sans-serif}
html[lang="ar"] .eyebrow,html[lang="ar"] .strip span,html[lang="ar"] nav.menu a,
html[lang="ar"] .cta,html[lang="ar"] .row .go,html[lang="ar"] .step b,
html[lang="ar"] footer h4,html[lang="ar"] .fam .items b{letter-spacing:0}
html[lang="ar"] .prose p,html[lang="ar"] .tile p,html[lang="ar"] .fam p,html[lang="ar"] .step p,
html[lang="ar"] .legal p,html[lang="ar"] .legal li,html[lang="ar"] footer ul,html[lang="ar"] address,
html[lang="ar"] .row p,html[lang="ar"] .assure li,html[lang="ar"] .heritage p,html[lang="ar"] .hero p.lede,
html[lang="ar"] .door p,html[lang="ar"] .partner .p-head p,html[lang="ar"] .page-hero p{font-weight:500}
html[lang="ar"] .hero h1,html[lang="ar"] .hero-photo h1,html[lang="ar"] .page-hero h1{
  letter-spacing:0;line-height:1.55}
html[dir="rtl"] nav.menu{margin-left:0;margin-right:auto}
html[dir="rtl"] .rule-v{left:auto;right:0;transform:scaleX(-1)}
html[dir="rtl"] .ph-inner{padding-left:0;padding-right:52px}
html[dir="rtl"] .fam h2::before{left:auto;right:0}
html[dir="rtl"] .quality blockquote{border-left:0;padding-left:0;
  border-right:3px solid;border-image:var(--grad) 1;padding-right:28px}
html[dir="rtl"] .f-names .en,html[dir="rtl"] address .en{direction:ltr;text-align:right}
html[dir="rtl"] nav.menu a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--teal)}
@media(max-width:900px){html[dir="rtl"] .ph-inner{padding-right:40px}}
/* ---------- photographic hero (power upgrade) ---------- */
.hero-photo{padding:0;min-height:86vh;display:flex;align-items:center;text-align:center;position:relative;overflow:hidden}
.hero-media{position:absolute;inset:0;z-index:0}
.hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.06)}
.hero-overlay{position:absolute;inset:0;z-index:1;
  background:
   linear-gradient(180deg,rgba(10,7,32,.50) 0%,rgba(10,7,32,.72) 55%,var(--bg) 96%),
   linear-gradient(100deg,rgba(51,13,105,.55),rgba(48,173,190,.20));
  backdrop-filter:saturate(1.1)}
.hero-photo .wrap{position:relative;z-index:2}
.hero-photo .h-mark{filter:drop-shadow(0 0 40px rgba(48,201,205,.55))}
.hero-photo h1{font-size:clamp(42px,6.2vw,76px);font-weight:300;line-height:1.32;letter-spacing:-.015em;text-shadow:0 4px 30px rgba(0,0,0,.35)}
.hero-photo h1 b{font-weight:700}
.hero-photo .lede{font-size:18.5px}
/* inner-page photographic hero */
.page-hero.has-photo{position:relative;overflow:hidden;padding:0;min-height:390px;display:flex;align-items:center;border-bottom:0}
.page-hero.has-photo .hero-overlay{
  background:
   linear-gradient(180deg,rgba(10,7,32,.32) 0%,rgba(10,7,32,.58) 65%,var(--bg2) 100%),
   linear-gradient(100deg,rgba(51,13,105,.38),rgba(48,173,190,.12)),
   radial-gradient(120% 90% at 50% 40%,transparent 45%,rgba(10,7,32,.28) 100%)}
.page-hero.has-photo .hero-media img{filter:saturate(1.14) contrast(1.1) brightness(1.03)}
.page-hero.has-photo .ph-inner{position:relative;z-index:2}
.page-hero .photo-caption{position:absolute;z-index:2;left:32px;bottom:18px;font-size:11px;
  font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#fff;
  text-shadow:0 2px 10px rgba(0,0,0,.6);opacity:.85}
html[dir="rtl"] .page-hero .photo-caption{left:auto;right:32px}
/* photo band (mid-page statement banner) */
.photo-band{position:relative;overflow:hidden;border-radius:24px;min-height:340px;
  display:flex;align-items:center;box-shadow:0 30px 70px rgba(0,0,0,.4)}
.photo-band .hero-overlay{background:
  linear-gradient(100deg,rgba(10,7,32,.88) 0%,rgba(10,7,32,.55) 55%,rgba(10,7,32,.25) 100%)}
.photo-band .pb-inner{position:relative;z-index:2;padding:48px 56px;max-width:560px}
.photo-band .eyebrow{color:#7EDDE6}
.photo-band h2{font-size:clamp(24px,2.8vw,32px);font-weight:600;color:#fff;margin:12px 0 16px;line-height:1.3}
.photo-band p{color:#EDEBF7;font-weight:400;font-size:15.5px}
/* owner statement */
.owner{background:var(--bg3);border-block:1px solid var(--border-soft)}
.owner .wrap{display:flex;gap:40px;align-items:flex-start;max-width:880px}
.owner-badge{width:88px;height:88px;border-radius:50%;background:var(--grad);flex:none;
  display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:26px;
  box-shadow:0 0 0 6px rgba(48,173,190,.10),var(--glow);margin-top:4px}
.owner-badge svg{width:34px;height:45px;fill:#FFFFFF}
.owner blockquote{font-size:clamp(19px,2.2vw,24px);font-weight:400;font-style:italic;color:#fff;line-height:1.62}
.owner cite{display:block;margin-top:18px;font-style:normal;font-size:14.5px;color:var(--teal);font-weight:600}
.owner cite span{display:block;color:var(--txt-dim);font-weight:400;font-size:12.5px;margin-top:2px;font-style:normal}
@media(max-width:700px){
  .owner .wrap{flex-direction:column;text-align:center;gap:20px}
  .hero-photo{min-height:72vh}
  .photo-band{border-radius:18px}
  .photo-band .pb-inner{padding:36px 26px;max-width:none}
}
@media(max-width:700px){
  .hero-photo h1 br{display:none}
}
@media(max-width:480px){
  .page-hero.has-photo{min-height:320px}
}
/* ---------- FAQ accordion ---------- */
.faq-list{border-top:1px solid var(--border-soft);max-width:820px}
.faq-item{border-bottom:1px solid var(--border-soft)}
.faq-item summary{cursor:pointer;list-style:none;padding:22px 4px;display:flex;
  justify-content:space-between;align-items:center;gap:20px;font-weight:600;
  color:#fff;font-size:16.5px;transition:.2s}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:#7EDDE6}
.faq-item summary .q-mark{font-size:24px;font-weight:300;color:var(--teal);
  flex:none;transition:transform .25s}
.faq-item[open] summary .q-mark{transform:rotate(45deg)}
.faq-item .faq-a{padding:0 4px 24px;color:var(--txt-soft);font-size:15.5px;
  max-width:70ch;font-weight:400;line-height:1.7}
.faq-a a{color:#7EDDE6}
html[lang="ar"] .faq-item summary{font-weight:700}