:root {
  --navy:#101d3a; --ink:#14213d; --ivory:#f7f1e5; --paper:#fffdf8;
  --gold:#c9a95f; --gold-dark:#7f5f14; --blue:#315a9d; --muted:#6d6a63;
  --line:#dfd5c2; --shadow:0 24px 70px rgba(16,29,58,.14);
  /* Layout system (OJT-AI choices): maximum widths describe the inner content box; gutters are the minimum side space. */
  --gutter:40px; --w-wide:1180px; --w-medium:980px; --w-text:760px; --card-pad:34px; --faq-inset:16px;
  --outer:min(var(--w-wide),calc(100% - 2 * var(--gutter)));
  --inset-wide:max(var(--gutter),calc((100% - var(--w-wide)) / 2));
  --font-ar:"IBM Plex Sans Arabic",sans-serif; --font-en:"Geist",sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--ivory)}
body{margin:0;color:var(--ink);background:var(--ivory);font-family:var(--font-ar);font-size:18px;line-height:1.75}
html[dir="ltr"] body{font-family:var(--font-en);line-height:1.55}
a{color:inherit} button{font:inherit} .latin,.brand-mark{direction:ltr;unicode-bidi:isolate;font-family:var(--font-en)}
.skip{position:fixed;z-index:100;inset-block-start:8px;inset-inline-start:8px;transform:translateY(-160%);background:#fff;padding:10px 16px;border-radius:8px}.skip:focus{transform:none}
.topbar{height:76px;display:flex;align-items:center;gap:30px;padding-block:0;padding-inline:var(--inset-wide);background:rgba(255,253,248,.94);backdrop-filter:blur(16px);position:absolute;z-index:20;width:100%;border-bottom:1px solid rgba(20,33,61,.12)}
.brand-mark{font-size:16px;font-weight:600}.brand-rule{height:22px;width:1px;background:var(--gold)}
.nav{margin-inline:auto;display:flex;gap:30px;font-size:14px}.nav a{text-decoration:none;opacity:.72}.nav a:hover,.nav a:focus-visible{opacity:1}
.top-actions{display:flex;gap:10px;align-items:center}.language{border:0;background:transparent;color:var(--ink);cursor:pointer;padding:10px}.button{border:1px solid var(--navy);border-radius:10px;background:var(--navy);color:white;padding:14px 26px;cursor:pointer;font-weight:600;transition:transform .22s ease,background .22s ease}.button:hover{transform:translateY(-2px);background:#1a2d55}.button-small{font-size:14px;padding:10px 18px}.button-gold{background:var(--gold);border-color:var(--gold);color:var(--navy)}.button-gold:hover{background:#d9bb75}
.hero{min-height:clamp(720px,100svh,940px);position:relative;overflow:hidden;display:grid;place-items:center;background:#eae1d3}.hero-poster,.hero-video,.hero-wash{position:absolute;inset:0;width:100%;height:100%}.hero-poster img,.hero-video{width:100%;height:100%;object-fit:cover}.hero-video{z-index:1}.hero-poster{z-index:0}.hero-wash{z-index:2;background:linear-gradient(90deg,rgba(247,241,229,.04),rgba(247,241,229,.58) 35%,rgba(247,241,229,.86) 52%,rgba(247,241,229,.18));backdrop-filter:saturate(.9)}
html[dir="ltr"] .hero-wash{background:linear-gradient(270deg,rgba(247,241,229,.04),rgba(247,241,229,.58) 35%,rgba(247,241,229,.86) 52%,rgba(247,241,229,.18))}
.hero-copy{position:relative;z-index:3;text-align:center;margin-top:30px}.eyebrow,.kicker{font-size:13px;font-weight:600;color:var(--gold-dark);margin:0 0 20px}html[dir="ltr"] .eyebrow,html[dir="ltr"] .kicker{letter-spacing:.03em}.hero h1{font-size:clamp(3rem,5.6vw,6.3rem);line-height:1.08;letter-spacing:-.04em;margin:0 auto;max-width:var(--w-medium);font-weight:600;text-wrap:balance}.hero h1 span{color:var(--ink)}html[dir="rtl"] .hero h1{letter-spacing:0;line-height:1.28}
.hero-lead{font-size:clamp(1.1rem,1.55vw,1.4rem);max-width:700px;margin:28px auto;color:#34415d;text-wrap:balance}.hero-actions{display:flex;align-items:center;justify-content:center;margin-top:34px}
.video-control{position:absolute;z-index:4;inset-inline-start:28px;inset-block-end:30px;background:rgba(255,253,248,.86);border:1px solid rgba(20,33,61,.18);border-radius:99px;padding:10px 16px;color:var(--ink);cursor:pointer;backdrop-filter:blur(10px);font-size:13px}
.section{padding:clamp(72px,8vw,116px) 0;position:relative}.section-head{margin-block-end:54px}.section-head h2{max-width:var(--w-medium)}.section h2,.closing h2{font-size:clamp(2.15rem,4.2vw,4.8rem);line-height:1.15;letter-spacing:-.035em;margin:0 0 24px;text-wrap:balance;font-weight:500}html[dir="rtl"] .section h2,html[dir="rtl"] .closing h2{letter-spacing:0;line-height:1.4}.section-head>p:last-child{color:var(--muted);font-size:clamp(1.05rem,1.4vw,1.28rem);max-width:var(--w-text);margin-inline:0}
.access-stage{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center}.access-copy{display:grid;gap:32px}.statement{display:grid;grid-template-columns:38px 1fr;gap:20px;padding-block:18px;border-top:1px solid var(--line)}.statement>span{font-family:var(--font-en);color:var(--gold-dark);font-size:13px}.statement h3{margin:0 0 6px;font-size:24px}.statement p{margin:0;color:var(--muted)}
.section-navy{background:var(--navy);color:white}.section-navy .kicker{color:#d8bc78}.section-navy .section-head>p:last-child{color:#bdc5d4}
.research-stat{margin-block-end:100px;padding:0 0 68px;border-bottom:1px solid var(--line)}.research-stat>div{display:grid;grid-template-columns:.55fr 1.45fr;gap:48px;align-items:center}.research-stat strong{font:600 clamp(7rem,16vw,13rem)/.8 var(--font-en);letter-spacing:-.08em;color:var(--gold-dark)}.research-stat h2{font-size:clamp(2.4rem,4vw,4.5rem);margin-bottom:16px}.research-stat p{color:var(--muted);margin:0 0 10px}.research-stat a{font-size:13px;color:var(--gold-dark);text-underline-offset:5px}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.18)}.trust-grid article{background:var(--navy);padding:38px var(--card-pad)}.trust-grid span{font:12px var(--font-en);color:#d8bc78}.trust-grid h3{font-size:24px;margin:22px 0 10px}.trust-grid p{color:#bdc5d4;margin:0}.boundary-strip{margin-block-start:54px;padding-block:24px;padding-inline:var(--card-pad);border-block:1px solid rgba(255,255,255,.22);display:grid;grid-template-columns:230px 1fr;gap:40px;align-items:start}.boundary-strip b{color:#d8bc78}.boundary-strip p{margin:0;color:#bdc5d4}
.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{padding:24px 8px;cursor:pointer;font-size:20px;font-weight:500;list-style:none;display:flex;justify-content:space-between}.faq-list summary::after{content:"+";font:24px var(--font-en);color:var(--gold-dark)}.faq-list details[open] summary::after{content:"−"}.faq-list p{margin:0;padding:0 8px 24px;color:var(--muted);max-width:var(--w-text)}
.closing{position:relative;background:#0a142b;color:white;padding-block:clamp(90px,12vw,160px) 34px}.closing h2{max-width:var(--w-medium)}.closing h2{font-size:clamp(3.4rem,7vw,7.7rem);line-height:1.05}.closing h2 span:last-child{color:#d3d8e1}.closing>div>p:not(.kicker){max-width:var(--w-text);color:#bdc5d4;margin:28px 0 36px;font-size:20px}
:focus-visible{outline:3px solid #4f8cff;outline-offset:4px}
/* Approved product artwork: original bitmap preserved; the corrected caption is live text. */
.approved-product{margin:0;width:100%;max-width:460px;justify-self:center;min-width:0}
.approved-phone{position:relative;width:100%;aspect-ratio:665/1536;overflow:hidden;border-radius:54px;background:#faf7f0;isolation:isolate}
.approved-phone img{position:absolute;top:0;left:-27.1%;width:154%;height:auto;max-width:none;display:block}
.approved-caption{position:absolute;top:93.05%;left:24%;width:52%;height:2.25%;display:grid;place-items:center;background:#faf7f2;color:#6d6a63;font-size:clamp(9px,1vw,12px);line-height:1;white-space:nowrap}
.visual-transcript{margin:18px 12px 0;color:var(--muted);font-size:14px}
.visual-transcript summary{cursor:pointer;padding:10px 0;text-align:center;text-underline-offset:5px;text-decoration:underline;list-style:none}
.visual-transcript ol{padding-inline-start:24px}.visual-transcript li{padding:10px 0}.visual-transcript b{color:var(--ink)}.visual-transcript p{margin:4px 0;line-height:1.8}

.faq-list summary{gap:24px;align-items:flex-start;line-height:1.65;min-height:72px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{flex:0 0 28px;text-align:center;line-height:1.4}
.faq-list details[open]{background:rgba(255,253,248,.68)}
.faq-list details[open] summary{color:var(--gold-dark)}
.faq-list p{line-height:1.9;padding-inline:var(--faq-inset);padding-bottom:30px}
.faq-list summary{padding-inline:var(--faq-inset)}
.faq-list details{scroll-margin-top:20px}
.hero-lead{max-width:var(--w-text)}
.skip:not(:focus){width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.trust-grid h3{line-height:1.6}.trust-grid p{font-size:17px;line-height:1.85}
@media(max-width:1200px){.nav{display:none}}
@media(max-width:760px){body{font-size:16px}.topbar{height:68px;gap:12px}.brand-rule,.button-small{display:none}.top-actions{margin-inline-start:auto}.language{border:1px solid var(--line);border-radius:8px;padding:7px 10px}.hero{min-height:800px;place-items:start center}.hero-wash{background:linear-gradient(180deg,rgba(247,241,229,.93) 0,rgba(247,241,229,.72) 48%,rgba(247,241,229,.06) 76%)}html[dir="ltr"] .hero-wash{background:linear-gradient(180deg,rgba(247,241,229,.93) 0,rgba(247,241,229,.72) 48%,rgba(247,241,229,.06) 76%)}.hero-copy{margin-top:112px}.hero h1{font-size:clamp(2.6rem,12vw,4.1rem)}.hero-lead{font-size:16px;margin-top:16px;line-height:1.75}.hero-actions{flex-direction:column;margin-top:20px}.hero-actions .button{width:100%}.video-control{inset-inline-start:16px;inset-block-end:18px}.section{padding:68px 0}.section-head{margin-bottom:38px}.section h2{font-size:2.25rem}.access-stage{grid-template-columns:1fr;gap:42px}.access-copy{order:2}.research-stat{margin-bottom:68px;padding-bottom:50px}.research-stat>div{grid-template-columns:1fr;gap:26px}.research-stat strong{font-size:8.5rem}.research-stat h2{font-size:2.25rem}.trust-grid{grid-template-columns:1fr}.boundary-strip{grid-template-columns:1fr;gap:8px}.closing h2{font-size:3.9rem}}
@media(max-width:760px) and (max-height:650px){.hero-copy{margin-top:82px}.hero .eyebrow{margin-bottom:8px}.hero h1{font-size:clamp(2.2rem,8vw,3rem);line-height:1.18!important}.hero-lead{font-size:14px;line-height:1.58;margin-block:8px}.hero-actions{margin-top:10px}.hero-actions .button{padding:10px 18px}.video-control{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-video{display:none}}
/* Mobile-first final pass: compact rhythm, complete answers, no miniature UI. */
@media(max-width:760px){
  .hero{min-height:max(800px,100svh);padding-bottom:100px}
  .hero-copy{margin-top:112px}.hero h1{font-size:clamp(38px,10vw,56px);line-height:1.32!important}
  .hero-lead{font-size:17px;line-height:1.85;margin:22px auto 0;text-wrap:pretty}
  .hero .eyebrow{font-size:12px;margin-bottom:18px}.hero-actions{margin-top:24px}
  .hero-actions .button{width:auto;min-width:220px;min-height:50px}
  
  .section{padding:64px 0}.section-head{margin-bottom:32px}
  .section h2{font-size:clamp(30px,8.6vw,38px);line-height:1.45!important;margin-bottom:18px}
  .section-head>p:last-child{font-size:17px;line-height:1.9}.kicker{margin-bottom:14px}
  .access-stage{gap:32px}.approved-product{order:1;width:100%;max-width:400px}
  .approved-phone{border-radius:40px}.approved-caption{font-size:10px}
  .access-copy{gap:8px}.statement{gap:12px;grid-template-columns:24px 1fr;padding-block:22px}
  .statement h3{font-size:21px;line-height:1.6}.statement p{font-size:16px;line-height:1.9}
  .research-stat{margin-bottom:56px;padding-bottom:48px}.research-stat>div{gap:24px}
  .research-stat strong{font-size:112px;line-height:1}.research-stat p{font-size:15px;line-height:1.85}
  .trust-grid{background:transparent}.trust-grid article{padding-block:26px;border-top:1px solid rgba(255,255,255,.18)}
  .trust-grid h3{font-size:22px;margin:10px 0}.trust-grid p{font-size:16px}
  .boundary-strip{margin-top:28px;gap:10px;padding:24px 0;font-size:15px}
  .faq .section-head{margin-bottom:24px}
  .faq-list summary{font-size:18px;padding-block:20px;gap:14px;min-height:70px}
  .faq-list summary::after{flex-basis:22px;font-size:24px}
  .faq-list p{font-size:16px;line-height:1.95;padding-block:0 24px}
  .closing{padding-block:68px 26px}.closing h2{font-size:clamp(38px,11vw,54px);line-height:1.35!important}
  .closing>div>p:not(.kicker){font-size:17px;line-height:1.85;margin:22px 0 28px}
  html[dir="ltr"] .hero h1{font-size:42px;line-height:1.12!important}
  html[dir="ltr"] .section h2{line-height:1.2!important}
}

/* September 14 annotations: statistic rhythm and discreet research attribution. */
.research-stat strong{letter-spacing:.025em;direction:ltr;unicode-bidi:isolate;font-variant-numeric:lining-nums tabular-nums}
#management .research-stat{margin-bottom:0;padding-bottom:0;border-bottom:0}
.trust-grid .research-disclaimer{font-size:13px;line-height:1.8;color:#b1bbcc;margin-top:20px}
@media(max-width:760px){.trust-grid .research-disclaimer{font-size:13px;line-height:1.85;margin-top:16px}}

/* Improved candidate, 14 September 2026: sticky header with full institute identity, direct contact routes,
   localized hero wash, readable caption and small text, comfortable hit areas. */
:root{--header-h:77px;--fab:52px}
html{scroll-padding-top:calc(var(--header-h) + 16px);scroll-padding-bottom:calc(var(--fab) + 40px)}
.button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center}

.topbar{position:sticky;top:0;z-index:30;height:auto;min-height:76px;gap:28px;background:rgba(255,253,248,.95)}
.identity{display:flex;align-items:center;gap:12px;min-width:0;flex:none}
.brand-mark{font-size:16px;font-weight:600;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.brand-rule{display:block;height:22px;width:1px;background:var(--gold);flex:none}
.identity .institute{font-size:13px;font-weight:500;color:var(--ink);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
.identity .institute:hover,.brand-mark:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--gold)}
.nav a{min-height:44px;display:inline-flex;align-items:center;opacity:.8}
.top-actions{flex:none}
.language{min-height:44px;padding:0 12px;border-radius:10px}
.button-small{min-height:44px;padding:0 18px;white-space:nowrap}
.menu-toggle{display:none;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);cursor:pointer;font-size:14px;font-weight:500}
.menu-icon{display:grid;gap:4px;width:16px}.menu-icon i{display:block;height:2px;border-radius:2px;background:currentColor}
.menu-open .menu-toggle{background:var(--ivory);border-color:var(--gold)}
@media(min-width:1080px){.nav{display:flex}}
@media(max-width:1079px){
  .topbar{gap:16px}
  .top-actions{margin-inline-start:auto}
  html.menu-ready .menu-toggle{display:inline-flex}
  html.menu-ready .nav{display:none;position:absolute;top:100%;inset-inline:0;margin:0;padding-block:6px 14px;padding-inline:var(--inset-wide);background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 22px 40px rgba(16,29,58,.12);flex-direction:column;gap:0;font-size:17px}
  html.menu-ready .menu-open .nav{display:flex}
  html.menu-ready .nav a{opacity:1;min-height:54px;border-bottom:1px solid rgba(20,33,61,.08)}
  html.menu-ready .nav a:last-child{border-bottom:0}
}
@media(max-width:760px){
  .topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"id id id" "menu lang book";row-gap:0;column-gap:8px;padding-block:0 6px;min-height:0;height:auto}
  .identity{grid-area:id;gap:10px;margin-bottom:6px;border-bottom:1px solid rgba(20,33,61,.08)}
  .identity .brand-mark,.identity .institute{min-height:42px}
  .brand-mark{font-size:15px}
  .identity .institute{white-space:normal;line-height:1.35}
  .top-actions{display:contents}
  .menu-toggle{grid-area:menu;justify-self:start;padding-inline:6px 10px;border-color:transparent}
  .language{grid-area:lang;justify-self:end;padding:0 12px;border:1px solid var(--line);font-size:15px}
  .button-small{grid-area:book;display:inline-flex;padding:0 14px;font-size:14px}
}
@media(max-width:359px){
  .menu-toggle{padding:0 13px}
  .menu-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .button-small{padding:0 12px;font-size:13px}
  .language{padding:0 10px}
}

/* Hero: same media; a soft wash sits behind the centred copy while the sides keep the footage. */
.hero{margin-top:calc(-1 * var(--header-h))}
.hero h1 span,.trust .section-head h2 span{display:block;text-wrap:balance}
.hero .eyebrow{color:#735510}
.hero-video[data-unavailable]{display:none}
@media(min-width:761px){
  .hero-copy{margin-top:calc(var(--header-h) * .5)}
  .hero-wash,html[dir="ltr"] .hero-wash{background:
    radial-gradient(ellipse 38% 44% at 50% 52%,rgba(247,241,229,.9) 0,rgba(247,241,229,.86) 68%,rgba(247,241,229,.4) 90%,rgba(247,241,229,0) 100%),
    linear-gradient(180deg,rgba(247,241,229,.28),rgba(247,241,229,.08) 55%,rgba(247,241,229,.2))}
}
@media(min-width:961px) and (max-width:1279px){
  .hero-wash,html[dir="ltr"] .hero-wash{background:
    radial-gradient(ellipse 58% 46% at 50% 52%,rgba(247,241,229,.9) 0,rgba(247,241,229,.86) 70%,rgba(247,241,229,.4) 90%,rgba(247,241,229,0) 100%),
    linear-gradient(180deg,rgba(247,241,229,.28),rgba(247,241,229,.08) 55%,rgba(247,241,229,.2))}
}
@media(min-width:761px) and (max-width:960px){
  .hero-wash,html[dir="ltr"] .hero-wash{background:
    radial-gradient(ellipse 66% 46% at 50% 52%,rgba(247,241,229,.9) 0,rgba(247,241,229,.86) 70%,rgba(247,241,229,.4) 90%,rgba(247,241,229,0) 100%),
    linear-gradient(180deg,rgba(247,241,229,.28),rgba(247,241,229,.08) 55%,rgba(247,241,229,.2))}
}
@media(max-width:760px){
  .hero-copy{margin-top:calc(var(--header-h) + 36px)}
  .hero-wash,html[dir="ltr"] .hero-wash{background:linear-gradient(180deg,rgba(247,241,229,.93) 0,rgba(247,241,229,.84) 50%,rgba(247,241,229,.55) 64%,rgba(247,241,229,.06) 80%)}
}

/* Illustrative-screens caption: larger live text inside the existing patch; the bitmap is untouched. */
.approved-phone{container-type:inline-size}
.approved-caption{font-size:clamp(12px,3.8cqw,15px);color:#5f5a52;font-weight:500}
.visual-transcript summary{min-height:44px;display:flex;align-items:center;justify-content:center}

/* Small secondary text. */
.research-stat a{display:inline-flex;align-items:center;min-height:44px}

/* 34%: historical basis stated beside the numeral. */
.stat-figure{display:grid;justify-items:center;gap:16px}
.stat-basis{font-size:14px;line-height:1.5;color:var(--muted);padding-top:12px;border-top:1px solid var(--line)}

/* Page footer (landmark) and direct contact links. */
.closing{padding-bottom:clamp(72px,8vw,110px)}
.site-footer{background:#0a142b;color:#aeb6c6;font-size:14px;padding-inline:var(--inset-wide);padding-block:0 calc(var(--fab) + 40px + env(safe-area-inset-bottom))}
.footer-inner{border-top:1px solid rgba(255,255,255,.2);padding-top:18px;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.footer-inner>div{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center}
.footer-contact b{font-weight:500;color:#d3d8e1}
.site-footer a{color:white;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center;gap:8px}
.site-footer .institute{color:#d3d8e1}
@media(max-width:760px){.site-footer{font-size:13px}.footer-inner{flex-direction:column;gap:12px}}

/* Layout system, revised 15 September 2026: one shared content frame for every primary container, one gutter per size class.
   The frame is the inner content box, min(1180px, 100% − 2 × gutter), centred; narrower reading measures sit inside it on the start edge. */
@media(max-width:1079px){:root{--gutter:32px}}
@media(max-width:760px){:root{--gutter:20px;--card-pad:0px;--faq-inset:12px}}
.l-wide{margin-inline:auto;width:min(var(--w-wide),calc(100% - 2 * var(--gutter)))}
/* Full-width bands (header, closing, footer) keep their background edge to edge; their content returns to the wide grid. */
.closing-inner>h2,.closing-inner>p{margin-inline-end:auto}
/* Tablet value grid: cards keep their inset; the strip text follows it. */
@media(min-width:761px) and (max-width:1079px){:root{--card-pad:24px}.trust-grid article{padding-block:30px}}

/* WhatsApp composer: floating launcher in the reading-end corner and a nonmodal panel. */
:root{--float-gap:16px}
@media(min-width:1280px){:root{--float-gap:28px}}
.wa-launcher{position:fixed;z-index:40;bottom:calc(var(--float-gap) + env(safe-area-inset-bottom));width:var(--fab);height:var(--fab);padding:0;border-radius:50%;display:grid;place-items:center;background:#17784a;color:#fff;border:2px solid #fffdf8;box-shadow:0 10px 26px rgba(10,20,43,.28);cursor:pointer;transition:transform .2s ease,background .2s ease}
html[dir="rtl"] .wa-launcher{left:calc(var(--float-gap) + env(safe-area-inset-left));right:auto}
html[dir="ltr"] .wa-launcher{right:calc(var(--float-gap) + env(safe-area-inset-right));left:auto}
.wa-launcher:hover{transform:translateY(-2px);background:#12663e}
.wa-launcher:focus-visible{outline:3px solid #4f8cff;outline-offset:3px}
.wa-launcher[aria-expanded="true"]{background:#12663e}

.wa-panel{position:fixed;z-index:41;box-sizing:border-box;bottom:calc(var(--float-gap) + var(--fab) + 12px + env(safe-area-inset-bottom) + var(--vv-bottom,0px));width:min(380px,calc(100% - 2 * var(--float-gap)));
  max-height:calc(var(--vv-height,100dvh) - var(--header-h) - var(--float-gap) - var(--fab) - 28px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;scroll-padding-top:76px;
  background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(10,20,43,.24)}
html[dir="rtl"] .wa-panel{left:calc(var(--float-gap) + env(safe-area-inset-left));right:auto}
html[dir="ltr"] .wa-panel{right:calc(var(--float-gap) + env(safe-area-inset-right));left:auto}
.wa-panel[hidden]{display:none}
@media(prefers-reduced-motion:no-preference){.wa-panel:not([hidden]){animation:wa-in .18s ease-out}}
@keyframes wa-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.wa-head{position:sticky;top:0;z-index:1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 14px 12px 18px;background:var(--paper);border-bottom:1px solid var(--line)}
html[dir="rtl"] .wa-head{padding:14px 18px 12px 14px}
.wa-badge{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#17784a;color:#fff}
.wa-title{margin:0;font-size:17px;line-height:1.5;font-weight:600;text-wrap:balance}
.wa-close{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer}
.wa-close:hover{background:var(--ivory)}
.wa-body{display:grid;gap:12px;padding:16px 18px 18px}
.wa-label{font-size:15px;font-weight:500}
.wa-field{display:block;width:100%;box-sizing:border-box;min-height:112px;max-height:40vh;resize:none;overflow-y:auto;padding:12px 14px;border:1px solid #cfc3ab;border-radius:12px;background:#fff;color:var(--ink);font:16px/1.7 var(--font-ar);unicode-bidi:plaintext;text-align:start}
html[dir="ltr"] .wa-field{font-family:var(--font-en);line-height:1.55}
.wa-field::placeholder{color:#7a746a}
.wa-field:focus-visible{outline:3px solid #4f8cff;outline-offset:2px}
.wa-starters{display:flex;flex-wrap:wrap;gap:8px}
.wa-starter{min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:22px;background:var(--ivory);color:var(--ink);font-size:14px;line-height:1.5;text-align:start;cursor:pointer}
.wa-starter:hover{border-color:var(--gold)}
.wa-continue{gap:10px;width:100%;min-height:50px;background:#17784a;border-color:#17784a;color:#fff}
.wa-continue:hover{background:#12663e;border-color:#12663e}
.wa-note{margin:0;font-size:14px;line-height:1.7;color:#5f5a52;text-wrap:pretty}
@media(max-width:760px){
  /* Compact bottom sheet on phones; still nonmodal. */
  html[dir] .wa-panel{left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));width:auto;bottom:calc(8px + env(safe-area-inset-bottom) + var(--vv-bottom,0px));
    max-height:calc(var(--vv-height,100dvh) - var(--header-h) - 16px - env(safe-area-inset-bottom))}
  .wa-field{max-height:30vh}
}
@media(max-height:520px){.wa-field{min-height:72px}}

/* Journey stages, 15 September 2026: three equal tabs in one row at every width and one navy panel. No animation.
   Without JavaScript the tab row is not shown and every stage is readable in order. */
.story .section-head{margin-block-end:40px}
.story .section-head h2{margin-block-end:0}
.story-tabs{display:none}
html.stages-ready .story-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid rgba(255,255,255,.18)}
.story-tab{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;min-height:64px;margin:0;padding:16px 20px;border:0;border-inline-start:1px solid rgba(255,255,255,.14);background:transparent;color:#b7c0d0;font:inherit;font-size:17px;font-weight:500;line-height:1.5;text-align:center;cursor:pointer}
/* One inline label keeps the ordinary spaces around the hyphen. Words wrap whole: no generated hyphens beside the " - " separator. */
.story-tab-label{display:block;max-width:100%;overflow-wrap:break-word;hyphens:manual}
.story-tab:first-child{border-inline-start:0}
.story-tab:hover{color:#fff;background:rgba(255,255,255,.04)}
.story-tab[aria-selected="true"]{color:#fff;background:rgba(255,255,255,.08);box-shadow:inset 0 -2px 0 #c9a95f}
.story-tab:focus-visible{outline:3px solid #4f8cff;outline-offset:-3px}
.stage-num{white-space:nowrap;color:#d8bc78}
/* Inline padding = --card-pad, so panel text shares the inner edge of the value cards and the boundary strip (34 px desktop, 24 px tablet). */
.story-panel{margin-block-start:24px;padding:40px var(--card-pad);background:#172746;border:1px solid rgba(255,255,255,.13);border-radius:16px;text-align:start}
.story-panel[hidden]{display:none}
.story-panel:focus-visible{outline:3px solid #4f8cff;outline-offset:4px}
.story-panel h3{margin:0 0 18px;font-size:26px;font-weight:500;line-height:1.5;color:#fff}
.story-panel p{max-width:var(--w-text);margin:0;color:#c6cedd;font-size:18px;line-height:1.9}
.story-panel p+p{margin-block-start:16px}
html[dir="ltr"] .story-panel p{line-height:1.65}
html:not(.stages-ready) .story-panel+.story-panel{margin-block-start:16px}
@media(max-width:1079px){.story-panel{padding-block:32px}}
@media(max-width:760px){
  .story .section-head{margin-block-end:28px}
  .story-tab{min-height:56px;padding:12px 6px;font-size:15px;line-height:1.45}
  .story-panel{margin-block-start:16px;padding:24px 20px;border-radius:14px}
  .story-panel h3{font-size:22px;margin-block-end:14px}
  .story-panel p{font-size:17px}
}
/* Under 360 px the longest English word ("Management", 92 px at 15 px) cannot fit a 93 px tab; 14 px keeps whole words. */
@media(max-width:359px){.story-tab{padding-inline:2px;font-size:14px}}
/* Statistic on the shared frame: readable text measure; start-aligned stack on phones. */
.research-stat h2+p{max-width:var(--w-text)}
@media(max-width:760px){.stat-figure{justify-items:start}}

/* ===== Proposed review copy, 15 September 2026 (visual comparison only) ===== */

/* §4 Hero: one centred booking button; a soft light glow hugs the headline letters, so the ends of both lines stay readable
   over the people and their dark clothing while faces and the rest of the footage keep the current wash. */
.hero-actions{justify-content:center}
.hero h1{text-shadow:0 0 .12em rgba(247,241,229,.95),0 0 .3em rgba(247,241,229,.85),0 0 .6em rgba(247,241,229,.55)}

/* §6 English phone illustration: same composition as the Arabic artwork, rendered in HTML/CSS; Arabic keeps the bitmap. */
.phone-render{display:none}
html[lang="en"] .approved-phone img{visibility:hidden}
html[lang="en"] .phone-render{display:block;position:absolute;inset:1.8% 3% 2% 3%;border-radius:15cqw;background:linear-gradient(145deg,#2a2a2c,#0c0c0d 40%,#1d1d1f);padding:2.4cqw;box-shadow:0 0 0 .5cqw #3a3a3c inset;font-family:var(--font-en);color:#14213d}
html[lang="en"] .approved-caption{z-index:2;background:#fbf9f4;top:92.6%}
.pr-screen{position:relative;height:100%;border-radius:12.6cqw;background:#fbf9f4;padding:13.4cqw 5cqw 17cqw;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}
.pr-island{position:absolute;top:3.4cqw;left:50%;width:26cqw;height:7.6cqw;margin-left:-13cqw;border-radius:9cqw;background:#0b0b0c}
.pr-brand{align-self:center;font-weight:600;font-size:5.4cqw;letter-spacing:.02em;line-height:1;padding-bottom:1.8cqw;margin:-1cqw 0 2.6cqw;border-bottom:.5cqw solid #c9a95f;width:max-content;border-image:linear-gradient(90deg,transparent 35%,#c9a95f 35% 65%,transparent 65%) 1}
.pr-card{background:#fff;border-radius:3.6cqw;box-shadow:0 .6cqw 2.4cqw rgba(20,33,61,.07);padding:3cqw 3.6cqw 3.2cqw}
.pr-head{display:flex;align-items:center;gap:1.8cqw;font-size:3.9cqw;line-height:1.2;white-space:nowrap}
.pr-head b{font-weight:600}.pr-num{color:#a67c2e;font-size:4.6cqw}
.pr-bar{width:.35cqw;height:4.2cqw;background:#c9a95f;flex:none}
.pr-head small{margin-left:auto;font-size:2.7cqw;color:#6d6a63;font-weight:400}
.pr-head .pr-pill{padding:.6cqw 2.2cqw;border-radius:9cqw;background:#f3e6c8;color:#6d5320;font-size:2.7cqw}
.pr-title{margin:1.8cqw 0 2cqw;font-size:3.6cqw;font-weight:600;line-height:1.3;white-space:nowrap}
.pr-c{text-align:center}
.pr-note{display:flex;align-items:center;gap:2.6cqw;padding:1.8cqw 2.8cqw;border:.25cqw solid #e6e2da;border-radius:2.4cqw;background:#f7f6f3;font-size:3.05cqw;line-height:1.3;color:#2b3550}
.pr-note svg{width:6.2cqw;height:6.2cqw;flex:none;color:#14213d}
.pr-ok{display:flex;align-items:center;gap:2.2cqw;margin-top:1.6cqw;padding:1.6cqw 2.8cqw;border-radius:2.4cqw;background:#e9efe5;font-size:3.05cqw;color:#1f2a44}
.pr-ok svg{width:4.8cqw;height:4.8cqw;flex:none;color:#2f6b45}
.pr-link{align-self:center;width:.35cqw;flex:1 1 2.6cqw;max-height:8cqw;background:#c9a95f;position:relative}
.pr-link::after{content:"";position:absolute;left:50%;top:50%;width:1.6cqw;height:1.6cqw;margin:-.8cqw 0 0 -.8cqw;border-radius:50%;background:#b8914a}
.pr-navy{background:linear-gradient(160deg,#1b2d52,#14223f);color:#fff;text-align:center}
.pr-navy .pr-num{color:#d8bc78}.pr-navy .pr-bar{background:#d8bc78}
.pr-mark{display:block;margin:1.6cqw auto .8cqw;width:8cqw;height:8cqw;color:#d8bc78}.pr-mark svg{width:100%;height:100%}
.pr-big{margin:0;font-size:4.1cqw;font-weight:600;line-height:1.25}
.pr-sub{margin:1cqw 0 0;font-size:3cqw;color:#5d6477;line-height:1.3}
.pr-navy .pr-sub{color:#d3d8e1;padding-top:1.6cqw;margin-top:1.6cqw;border-top:.25cqw solid rgba(255,255,255,.18)}
.pr-centre{text-align:center}
.pr-gear{display:grid;place-items:center;width:8.4cqw;height:8.4cqw;margin:1.6cqw auto 1.2cqw;border-radius:2cqw;background:#eef0f2;color:#14213d}.pr-gear svg{width:6cqw;height:6cqw}
.pr-status{display:inline-block;margin-top:1.6cqw;padding:.6cqw 6cqw;border:.3cqw solid #b8914a;border-radius:2cqw;color:#8a6a2b;font-size:3cqw}
.pr-rows{list-style:none;margin:0;padding:0}
.pr-rows li{display:flex;align-items:center;justify-content:space-between;gap:3cqw;padding:1.5cqw .6cqw;border-top:.25cqw solid #ece8e0;font-size:3.05cqw;color:#1f2a44}
.pr-rows li:first-child{border-top:0}
.pr-rows svg{width:4.8cqw;height:4.8cqw;flex:none;color:#14213d}

/* §7 Statistic: supporting information, not a second hero. Same frame edges and palette. */
#management.section{padding-block:clamp(52px,5vw,76px)}
.research-stat>.kicker{margin-bottom:22px}
.research-stat>div{grid-template-columns:auto minmax(0,1fr);gap:56px}
.research-stat strong{font-size:96px;line-height:1;letter-spacing:.01em}
.stat-figure{gap:12px}
.research-stat h2{font-size:clamp(1.55rem,2.2vw,2.1rem);line-height:1.35;margin-bottom:12px}
html[dir="rtl"] .research-stat h2{line-height:1.6}

/* §8 Closing heading proportionate to the other section headings. */
.closing{padding-block-start:clamp(72px,8vw,116px)}
.closing h2{font-size:clamp(2.15rem,4.2vw,4.8rem);line-height:1.15}
html[dir="rtl"] .closing h2{line-height:1.45!important}

@media(max-width:760px){
  #management.section{padding-block:44px}
  .research-stat>div{grid-template-columns:1fr;gap:18px}
  .research-stat strong{font-size:72px}
  .research-stat h2{font-size:1.45rem}
  .closing{padding-block-start:64px}
  .closing h2{font-size:2.25rem}
}

/* ===== Public release refinements, 15 September 2026 (on the founder-approved proposal) ===== */

/* WhatsApp: a complete 48 px circle, 16 px from the reading-end edge and the bottom (plus safe areas), at every width.
   Arabic left, English right. No motion. Hidden while the composer is open; the composer then sits where the launcher was. */
:root{--fab:48px;--float-gap:16px}
.wa-launcher{width:48px;height:48px;border-radius:50%;border:2px solid #fffdf8;box-shadow:0 4px 14px rgba(10,20,43,.24);transition:background-color .2s ease;
  bottom:calc(16px + env(safe-area-inset-bottom))}
html[dir="rtl"] .wa-launcher{left:calc(16px + env(safe-area-inset-left));right:auto}
html[dir="ltr"] .wa-launcher{right:calc(16px + env(safe-area-inset-right));left:auto}
.wa-launcher svg{width:24px;height:24px}
.wa-launcher:hover{transform:none;background:#12663e}
.wa-launcher:focus-visible{outline:3px solid #4f8cff;outline-offset:3px}
.wa-launcher[aria-expanded="true"]{visibility:hidden}
@media(min-width:761px){.wa-panel{bottom:calc(16px + env(safe-area-inset-bottom) + var(--vv-bottom,0px));max-height:calc(var(--vv-height,100dvh) - var(--header-h) - 32px - env(safe-area-inset-bottom))}}

/* Readable alternative to the illustration: the existing disclosure, at body size on phones; still secondary. */
.visual-transcript{font-size:16px}
.visual-transcript summary{font-size:15px}
.visual-transcript p{font-size:16px;line-height:1.75}
html[dir="ltr"] .visual-transcript p{line-height:1.55}
@media(max-width:760px){.visual-transcript{margin-inline:0}.visual-transcript summary{font-size:16px}}

/* Menu destinations receive focus without an outline box around the whole section. */
main section[tabindex="-1"]:focus{outline:none}

/* Analytics choice banner (consent-gated Google Tag Manager), carried over from the integration deployed 15 September 2026. */
.consent-banner{position:fixed;z-index:90;inset-inline:18px;inset-block-end:18px;margin-inline:auto;max-width:900px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px;border:1px solid rgba(16,29,58,.18);border-radius:14px;background:#fffdf8;color:var(--ink);box-shadow:0 18px 48px rgba(10,20,43,.2)}
.consent-banner[hidden]{display:none}.consent-banner h2{font-size:18px;margin:0 0 5px}.consent-banner p{margin:0;color:#4c5568;font-size:14px;line-height:1.6}.consent-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}.consent-actions .button{padding:10px 16px}.consent-decline{border:0;background:transparent;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:10px 4px;font:inherit}
@media(max-width:700px){.consent-banner{align-items:stretch;flex-direction:column;gap:14px;inset-inline:12px;inset-block-end:12px;padding:16px}.consent-actions{display:grid;grid-template-columns:1fr}.consent-actions button{width:100%}}