/* Golden Way: dark navy canvas, mint as the only action colour, light bands for reading.
   Arabic (default) uses IBM Plex Sans Arabic for headings and body; English pairs Fraunces with Figtree. */
:root{
  --black:#0a0f17; --black-2:#111a26; --navy:#08477a; --deep:#0c1a2b;
  --paper:#fff; --mist:#eef2f6; --ink:#0a0f17; --mint:#50d6a2; --mint-2:#67c0a0; --mint-ink:#03140d;
  --line-d:rgba(255,255,255,.14); --line-l:rgba(10,15,23,.14); --mute-d:#aab5c2; --mute-l:#46566a;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --display:var(--serif); --lh:1.6;
  --pad:clamp(56px,7vw,88px);
  color-scheme:dark;
}
:root[lang="ar"]{--sans:"IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,sans-serif;--display:var(--sans);--lh:1.8}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before{transition:none!important;animation:none!important}}
body{margin:0;background:var(--black);color:var(--paper);font:400 16px/var(--lh) var(--sans)}
body.locked{overflow:hidden}
h1,h2,h3,p,dl,dd,ol,ul{margin:0}
a{color:inherit;text-underline-offset:3px}
img{max-width:100%}
.in{max-width:1200px;margin:0 auto;padding-inline:max(20px,env(safe-area-inset-left,0px))}
:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:6px}
.light :focus-visible,.mint :focus-visible,.sec :focus-visible{outline-color:var(--ink)}
.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:60;background:var(--mint);color:var(--mint-ink);padding:10px 16px;border-radius:10px;font-weight:600}
.skip:focus{top:12px}
main:focus{outline:none}

/* type */
.display{font-family:var(--display);font-weight:300;letter-spacing:-.025em;line-height:1.02;text-wrap:balance;font-size:clamp(42px,6.2vw,88px)}
:root[lang="ar"] .display{font-weight:700;letter-spacing:0;line-height:1.3;font-size:clamp(36px,5.2vw,72px)}
.display.sm{font-size:clamp(34px,4.6vw,60px)}
:root[lang="ar"] .display.sm{font-size:clamp(30px,3.9vw,50px)}
.h1{font:400 clamp(36px,5vw,60px)/1.08 var(--display);letter-spacing:-.02em;text-wrap:balance;max-width:20ch}
:root[lang="ar"] .h1{font-weight:700;letter-spacing:0;line-height:1.35}
.h2{font:400 clamp(28px,3.6vw,44px)/1.12 var(--sans);letter-spacing:-.02em;text-wrap:balance;max-width:22ch}
:root[lang="ar"] .h2{font-weight:600;letter-spacing:0;line-height:1.4}
.h3{font:600 19px/1.35 var(--sans)}
.lead{font-size:clamp(17px,1.5vw,19px);color:var(--mute-d);max-width:56ch}
.muted{color:var(--mute-d)}
.small{font-size:13.5px}
.eyebrow{display:flex;align-items:center;gap:8px;font:500 14.5px var(--sans);color:var(--mint);letter-spacing:.02em}
.disc{font-size:12.5px;line-height:1.6;color:var(--mute-d);max-width:110ch}

/* buttons: 48px min height for touch */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 26px;border-radius:999px;font:600 16px var(--sans);text-decoration:none;border:1px solid transparent;cursor:pointer;background:var(--mint);color:var(--mint-ink);white-space:nowrap;transition:filter .15s}
.btn:hover{filter:brightness(1.08)}
.btn.dark{background:var(--black);color:var(--paper)}
.btn.line{background:transparent;color:var(--mint);border-color:var(--mint)}
.btn.ghost{background:rgba(255,255,255,.06);color:var(--paper);border-color:rgba(255,255,255,.35)}
.btn.line-dark{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.sm{min-height:44px;padding:0 20px;font-size:15px}
.btn[disabled]{opacity:.6;cursor:progress}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.ctas.center{justify-content:center}
.tel{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}

/* review-only markers (never present in the launch build) */
.review-bar{background:#ffd34d;color:#2b2100;font:600 13px/1.4 system-ui,sans-serif;text-align:center;padding:6px 12px}
.todo{display:inline-block;margin:8px 0;background:#ffd34d;color:#2b2100;font:600 12px/1.3 system-ui,sans-serif;padding:4px 10px;border-radius:6px}
.todo-note{border-inline-start:3px solid #ffd34d;background:rgba(255,211,77,.12);padding:8px 12px;border-radius:6px;font-size:14px}

/* nav */
header.nav{position:sticky;top:0;z-index:40;background:rgba(10,15,23,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-d)}
.nav .in{display:flex;align-items:center;gap:24px;height:68px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:600 19px "Figtree",system-ui,sans-serif;letter-spacing:-.01em;white-space:nowrap;min-height:44px}
.brand img{width:34px;height:auto}
.links{display:flex;gap:4px;font-size:15px}
.links a{text-decoration:none;padding:10px 12px;border-radius:999px;opacity:.88}
.links a:hover{opacity:1;background:rgba(255,255,255,.06)}
.links a[aria-current="page"]{opacity:1;color:var(--mint)}
.nav .r{display:flex;gap:8px;align-items:center;margin-inline-start:auto}
.lang{background:none;border:0;color:var(--paper);font:500 15px "Figtree","IBM Plex Sans Arabic",sans-serif;cursor:pointer;min-height:44px;min-width:44px;padding:0 10px;border-radius:999px}
.lang:hover{background:rgba(255,255,255,.06)}
.login{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--mint);color:var(--mint);display:inline-flex;align-items:center;text-decoration:none;font:500 15px var(--sans);white-space:nowrap}
.burger{display:none;width:48px;height:48px;border-radius:12px;border:1px solid var(--line-d);background:transparent;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger span{display:block;width:20px;height:2px;background:var(--paper);border-radius:2px;transition:transform .2s,opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.menu{position:fixed;inset:68px 0 0;z-index:39;background:var(--black);overflow:auto;padding:12px max(20px,env(safe-area-inset-left,0px)) 40px}
.menu nav{display:grid;max-width:560px;margin:0 auto}
.menu .m-k{font-size:13px;color:var(--mute-d);margin:20px 0 4px}
.menu a:not(.btn){display:flex;align-items:center;min-height:52px;font-size:19px;text-decoration:none;border-bottom:1px solid var(--line-d)}
.menu a[aria-current="page"]{color:var(--mint)}
.menu .btn{margin-top:24px}

/* hero */
.hero{position:relative;overflow:hidden;background:#03070d;min-height:clamp(580px,calc(100svh - 68px),860px);display:grid;align-content:start;text-align:center}
.hero canvas{position:absolute;inset:0;width:100%;height:100%}
.hero-in{position:relative;display:grid;gap:18px;justify-items:center;padding-block:clamp(48px,8vh,96px) 0}
.hero .sub{font-size:clamp(16px,1.5vw,19px);max-width:52ch;color:#e3e9ef}
.hero .ctas{justify-content:center}
.story{position:absolute;inset-inline-start:max(20px,env(safe-area-inset-left,0px));bottom:20px;z-index:2;display:grid;gap:4px;justify-items:start;text-align:start;max-width:min(560px,calc(100% - 40px))}
.ctrl{display:flex;align-items:center;gap:4px}
.pp{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(3,7,13,.4);color:#fff;cursor:pointer;display:grid;place-items:center}
.pp svg{width:14px;height:14px;fill:currentColor}
.pp .i-play,.pp[aria-pressed="true"] .i-pause{display:none}
.pp[aria-pressed="true"] .i-play{display:block}
.bars{display:flex}
.bars button{position:relative;width:44px;height:44px;padding:0 3px;border:0;background:none;cursor:pointer;display:flex;align-items:center}
.bars button::before{content:"";flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.25)}
.bars i{position:absolute;inset-inline-start:3px;top:20.5px;height:3px;width:0;max-width:38px;border-radius:2px;background:var(--mint)}
#cap{font-size:clamp(15px,1.4vw,18px);font-weight:500;color:#eef3f7;transition:opacity .25s;min-height:1.6em}

/* proof strip */
.proof{background:var(--deep);border-block:1px solid var(--line-d)}
.proof-in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-block:22px}
.proof-in div{display:grid;gap:2px}
.proof span{font-size:13.5px;color:var(--mute-d)}
.proof b{font-weight:600;font-size:17px}

/* bands */
.band>.in{padding-block:var(--pad);display:grid;gap:18px;justify-items:start}
.band.slim>.in{padding-block:calc(var(--pad)*.8)}
.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center;column-gap:56px!important}
.copy{display:grid;gap:16px;justify-items:start}
.light{background:var(--mist);color:var(--ink)}
.light .lead,.light .card p{color:var(--mute-l)}
.light .eyebrow{color:#0b6b48}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;margin-top:10px}
.card{display:grid;align-content:start;gap:10px;background:var(--paper);border:1px solid var(--line-l);border-radius:20px;padding:24px;text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}
.card:hover{border-color:var(--ink);transform:translateY(-2px)}
.card svg{width:40px;height:40px;fill:none;stroke:var(--navy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.card h3{font:600 20px var(--sans)}
.card .go{margin-top:6px;font-weight:600;color:#0b6b48}
.card .go::after{content:" →"}
:root[dir="rtl"] .card .go::after{content:" ←"}
.broker{background:linear-gradient(180deg,var(--black),#0e1928)}
.points{list-style:none;padding:0;display:grid;gap:0;counter-reset:p;width:100%}
.points li{counter-increment:p;display:grid;grid-template-columns:48px minmax(0,1fr);gap:4px 16px;padding-block:20px;border-top:1px solid var(--line-d)}
.points li:last-child{border-bottom:1px solid var(--line-d)}
.points li::before{content:counter(p);grid-row:span 2;width:40px;height:40px;border-radius:50%;border:1px solid var(--mint);color:var(--mint);display:grid;place-items:center;font:500 16px "Figtree",sans-serif}
.points b{font:600 18px var(--sans)}
.points p{grid-column:2;color:var(--mute-d)}
.platform{background:linear-gradient(180deg,#0e1928 0%,#14233a 100%)}
.platform>.in{padding-block:calc(var(--pad)*.8)}
.weave{justify-self:center;width:min(320px,70%);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(95,224,166,.14),transparent 65%)}
.weave img{width:62%;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5))}
.feat{list-style:none;padding:0;display:grid;gap:8px}
.feat li{display:flex;gap:10px;align-items:center}
.feat em{font-style:normal;font-size:12px;font-weight:600;border-radius:99px;padding:2px 10px;background:rgba(95,224,166,.16);color:var(--mint)}
.feat em.planned{background:rgba(255,255,255,.1);color:var(--mute-d)}
.shots{display:flex;gap:14px;overflow-x:auto;justify-self:stretch}
.shots img{width:min(340px,100%);height:auto;border-radius:28px;border:1px solid var(--line-d);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.shots{justify-content:center}
.why{background:#111b19;border-top:1px solid var(--line-d)}
.why .num{font:300 clamp(80px,11vw,150px)/.9 "Fraunces",Georgia,serif;letter-spacing:-.04em;margin-top:22px;text-align:start}
.wl{display:grid;width:100%}
.wl div{display:grid;grid-template-columns:48px minmax(0,1fr);gap:4px 16px;padding-block:22px;border-top:1px solid var(--line-d)}
.wl div:last-child{border-bottom:1px solid var(--line-d)}
.wl svg{grid-row:span 2;width:40px;height:40px;fill:none;stroke:#fff;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}
.wl h3{font:600 18px var(--sans)}
.wl p{grid-column:2;color:var(--mute-d)}
.mint{background:var(--mint);color:var(--ink)}
.mint .lead,.mint .eyebrow{color:#0f3a28}
.mint .split{align-items:start}
.final{background:radial-gradient(120% 90% at 50% 120%,#123a52 0%,#05090f 60%);text-align:center}
.final .in{padding-block:calc(var(--pad)*1.1);display:grid;gap:22px;justify-items:center}
.final.slim .in{padding-block:var(--pad)}

/* inner pages */
.phead{background:linear-gradient(180deg,#0e1928,var(--black));border-bottom:1px solid var(--line-d)}
.phead .in{padding-block:clamp(48px,6vw,80px) clamp(36px,4vw,56px);display:grid;gap:16px;justify-items:start}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.toc a{min-height:44px;display:inline-flex;align-items:center;padding:0 18px;border:1px solid var(--line-d);border-radius:999px;text-decoration:none;font-size:15px}
.toc a:hover{border-color:var(--mint);color:var(--mint)}
.sec{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line-l);scroll-margin-top:68px}
.sec>.in{padding-block:var(--pad);display:grid;gap:20px}
.sec .split{align-items:start}
.sec .lead{color:var(--mute-l)}
.prose{display:grid;gap:14px;max-width:62ch;font-size:17px}
.prose.narrow{margin-inline:auto}
.sec .prose a{color:#0b5a3a;font-weight:600}
.sec .todo-note{color:#3d3000}
.faq{display:grid;width:100%}
.faq details{border-top:1px solid var(--line-l)}
.faq details:last-child{border-bottom:1px solid var(--line-l)}
.faq summary{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font:600 17px/1.4 var(--sans);list-style:none;padding-block:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:300 26px/1 "Figtree",sans-serif;flex:none}
.faq details[open] summary::after{content:"−"}
.faq details p{padding-bottom:18px;color:var(--mute-l);max-width:64ch}
.faq a{color:#0b5a3a;font-weight:600}
section[id],[id="contact"],[id="complaints"]{scroll-margin-top:76px}
.facts{display:grid;gap:14px;margin-top:6px}
.facts div{display:grid;gap:2px}
.facts dt{font-size:13.5px;color:#0f3a28}
.facts dd{font-weight:600;font-size:17px}
.facts a{font-weight:600}

/* call-back form */
.cb{width:100%;display:grid;gap:14px;align-content:start;background:var(--paper);color:var(--ink);border-radius:24px;padding:clamp(20px,3vw,30px);box-shadow:0 24px 50px -30px rgba(3,20,13,.5)}
.cb .muted{color:var(--mute-l)}
.field{display:grid;gap:6px}
.field label{font-size:14.5px;font-weight:600}
input,select{min-height:50px;border-radius:12px;border:1px solid #9aa7b5;background:var(--paper);color:var(--ink);font:16px var(--sans);padding:0 14px;width:100%;color-scheme:light}
input:focus,select:focus{outline:2px solid var(--ink);outline-offset:1px;border-color:var(--ink)}
input[aria-invalid="true"]{border-color:#b42318;outline-color:#b42318}
.hint{font-size:13px;color:var(--mute-l)}
.err{font-size:13.5px;color:#b42318;font-weight:600}
.check{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:6px 10px}
.check input{width:24px;height:24px;min-height:0;margin:2px 0 0;accent-color:var(--ink)}
.check label{font-weight:400;font-size:14px;line-height:1.55}
.check label a{font-weight:600}
.check .err{grid-column:2}
.hp{position:absolute!important;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.status{background:#fdecea;color:#8a1c12;border-radius:12px;padding:12px 14px;font-weight:600;font-size:14.5px}
.done{border:2px solid #0b6b48}
.done:focus{outline:none}
.callcard .btn{justify-self:start}

/* footer */
footer{background:var(--black);border-top:1px solid var(--line-d)}
footer .cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding-block:48px 32px;border-bottom:1px solid var(--line-d)}
footer h2{margin:0 0 10px;font:600 15px var(--sans)}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:2px;font-size:15px;color:var(--mute-d)}
footer li{min-height:40px;display:flex;align-items:center}
footer ul a{text-decoration:none;min-height:40px;display:inline-flex;align-items:center}
footer ul a:hover{color:var(--paper);text-decoration:underline}
footer .tel{color:var(--paper);font-weight:600}
footer .legal{padding-block:28px 48px;display:grid;gap:12px}

@media (max-width:980px){
  .links,.login{display:none}
  .burger{display:flex}
  .split{grid-template-columns:minmax(0,1fr)!important;row-gap:28px!important}
  .cards{grid-template-columns:minmax(0,1fr)}
  footer .cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .weave{display:none}
}
@media (max-width:560px){
  .wide-only{display:none}
  .nav .in{gap:8px;height:64px}
  .menu{inset:64px 0 0}
  .proof-in{grid-template-columns:minmax(0,1fr);gap:12px}
  .hero .ctas{flex-direction:column;align-items:stretch;width:100%;max-width:340px}
  .story{bottom:10px}
  footer .cols{grid-template-columns:minmax(0,1fr)}
}

/* ---- Robinhood-format home page (restored layout, confirmed content) ---- */
:root[lang="ar"] .display{font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,sans-serif;font-weight:600;line-height:1.28;letter-spacing:-.01em;font-size:clamp(40px,5.8vw,84px)}
.rh-bar{background:var(--mint);color:var(--mint-ink);font-size:14px;text-align:center;padding:9px 16px;line-height:1.5}
.rh-bar{padding:0 16px}
.rh-bar a{font-weight:700;display:inline-flex;align-items:center;min-height:44px;padding:0 6px}
.h2.big{font-size:clamp(32px,4.4vw,56px);line-height:1.08;max-width:18ch}
:root[lang="ar"] .h2.big{line-height:1.35}
.hero.rh .story{bottom:56px}
.tape{position:absolute;inset:auto 0 0 0;height:44px;background:rgba(3,7,13,.72);border-top:1px solid var(--line-d);overflow:hidden;display:flex;align-items:center;z-index:2;backdrop-filter:blur(6px)}
.tape-track{display:flex;gap:34px;white-space:nowrap;padding-inline-start:34px;animation:tape 70s linear infinite;font-size:13.5px;direction:ltr}
.tape-track span{display:inline-flex;gap:8px;align-items:center;color:#cfd8e2}
.tape-track b{color:var(--mint);font-weight:600;letter-spacing:.04em}
.tape-track i{font-style:normal;color:var(--mute-d)}
.tape.paused .tape-track{animation-play-state:paused}
@keyframes tape{to{transform:translateX(-50%)}}
.rh-band>.in{padding-block:var(--pad) 0;display:grid;gap:18px;justify-items:start}
.rh-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:48px;padding-block:var(--pad)!important}
.rh-tools{background:linear-gradient(180deg,#0a0f17 0%,#1a2638 62%,#2b3a4f 100%)}
.rh-stage{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;padding-block:36px var(--pad)!important}
.phone{position:relative;width:min(300px,78vw);border-radius:44px;padding:12px;background:#05080d;border:1px solid #2a3a50;box-shadow:0 60px 90px -40px rgba(0,0,0,.9)}
.phone img{display:block;width:100%;height:auto;border-radius:32px}
.phone .notch{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:84px;height:22px;border-radius:12px;background:#05080d;z-index:1}
.rh-feat{background:rgba(7,12,19,.6);border:1px solid #2a3a50;border-radius:22px;padding:22px 24px;min-width:min(340px,100%)}
.rh-bonds{background:linear-gradient(160deg,#9fb2c6 0%,#c6d2de 55%,#e3e9ef 100%);color:var(--ink)}
.rh-bonds .eyebrow{color:#26364a}
.rh-bonds .lead{color:#26364a}
.curve{margin:0;width:100%;max-width:560px;justify-self:center;background:rgba(255,255,255,.6);border:1px solid rgba(10,15,23,.16);border-radius:24px;padding:22px;display:grid;gap:12px}
.curve .ch{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:600;font-size:15px}
.curve .ch em{font-style:normal;font-weight:500;font-size:12px;color:var(--mute-l);border:1px solid var(--line-l);border-radius:99px;padding:3px 10px}
.curve svg{width:100%;height:auto}
:root[dir="rtl"] .curve svg{transform:scaleX(-1)}
.legend{display:flex;gap:18px;font-size:13px;color:#26364a}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend i{width:12px;height:12px;border-radius:3px;background:#0a0f17}
.legend i.k2{background:var(--mint);border:1.5px solid #0a0f17}
.coupons{display:flex;gap:8px;flex-wrap:wrap}
.coupons span{font-size:13px;font-weight:500;background:var(--black);color:var(--paper);border-radius:99px;padding:6px 12px}
.rh-team{background:var(--black)}
.note{justify-self:center;width:min(340px,100%);background:linear-gradient(180deg,#151f2d,#0c131d);border:1px solid #2a3a50;border-radius:34px;padding:30px 26px 32px;display:grid;gap:12px;transform:rotate(-3deg)}
@media (prefers-reduced-motion:reduce){.note{transform:none}}
.note .ring{width:130px;height:130px;justify-self:center;border-radius:50%;background:conic-gradient(var(--mint) 0 34%,#2f74b5 34% 67%,#2b3a4f 67% 100%);-webkit-mask:radial-gradient(circle,transparent 52%,#000 53%);mask:radial-gradient(circle,transparent 52%,#000 53%);margin-bottom:6px}
.note small{color:var(--mute-d);font-size:13px}
.note b{font:600 20px/1.3 var(--sans)}
.note ul{list-style:none;padding:0;display:grid;gap:8px;margin-top:4px}
.note li{display:flex;align-items:center;gap:10px;color:#dfe5ec;font-size:15px}
.note li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mint)}
.rh-why{background:#141c1a;border-top:1px solid var(--line-d)}
.rh-why>.in{padding-block:var(--pad);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:start}
.rh-why .num{font:300 clamp(100px,14vw,190px)/.85 "Fraunces",Georgia,serif;letter-spacing:-.05em;margin-top:26px;text-align:start}
.rh-why .muted{margin-top:12px}
.rh-why .wl svg{stroke-width:1.2}
.rh-learn{background:var(--mint);color:var(--ink)}
.rh-learn>.in{padding-block:var(--pad);display:grid;justify-items:center;text-align:center;gap:16px}
.rh-learn .lead{color:#0f3a28}
.panel{margin-top:20px;width:min(1000px,100%);background:var(--paper);border-radius:28px;padding:clamp(20px,3vw,34px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px;text-align:start;box-shadow:0 30px 60px -30px rgba(3,20,13,.45)}
.panel .cb{background:var(--mist);box-shadow:none}
.steps{list-style:none;padding:0;display:grid;margin-top:6px}
.step{display:grid;grid-template-columns:52px minmax(0,1fr);gap:2px 16px;padding:14px 0;border-bottom:1px solid var(--line-l)}
.step:last-child{border-bottom:0}
.step i{grid-row:span 2;width:52px;height:52px;border-radius:12px;background:var(--black);color:var(--mint);display:grid;place-items:center;font:300 24px "Fraunces",serif;font-style:normal}
.step b{font:600 16.5px var(--sans)}
.step p{color:var(--mute-l);font-size:15px;grid-column:2}
.panel .more{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:#0b5a3a}
.rh-final{position:relative;overflow:hidden;background:#05090f;text-align:center}
.rh-final .in{position:relative;padding-block:calc(var(--pad)*1.5);display:grid;gap:24px;justify-items:center}
.rh-final .display{max-width:16ch;font-size:clamp(36px,5.4vw,72px)}
:root[lang="ar"] .rh-final .display{font-size:clamp(34px,4.6vw,62px)}
.rh-strip{background:var(--mint);color:var(--mint-ink);font-size:14.5px}
.rh-strip .in{padding-block:18px;display:flex;flex-wrap:wrap;gap:6px 28px}
@media (max-width:980px){
  .rh-split,.rh-why>.in,.panel{grid-template-columns:minmax(0,1fr)}
  .rh-split{row-gap:32px}
}
.hero.rh .display{max-width:16ch;font-size:clamp(42px,7vw,100px);text-wrap:balance}
@media (max-width:520px){:root[lang="fr"] .hero.rh .display{font-size:9.2vw}}
:root[lang="ar"] .hero.rh .display{max-width:15ch;font-size:clamp(40px,6.2vw,88px)}

/* platform section: a desktop monitor in a dusk scene, copy beside it (home page) */
.pro{position:relative;overflow:clip;isolation:isolate;
  background:
    radial-gradient(60% 45% at 30% 46%,rgba(95,224,166,.10),transparent 70%),
    radial-gradient(38% 9% at 82% 74%,rgba(170,190,210,.20),transparent 70%),
    radial-gradient(52% 12% at 62% 82%,rgba(140,160,185,.18),transparent 70%),
    linear-gradient(180deg,#070c14 0%,#0d1828 34%,#1d2c42 64%,#3c4c62 84%,#56667b 100%)}
.pro-grid{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);align-items:center;column-gap:clamp(32px,5vw,80px);padding-block:clamp(88px,9vw,132px) clamp(120px,11vw,168px)}
.pro-copy{display:grid;gap:20px;justify-items:start;position:relative;z-index:2}
.pro-h{font:400 clamp(36px,4.2vw,60px)/1.08 var(--sans);letter-spacing:-.025em;text-wrap:balance;max-width:13ch}
.pro-h em{display:block;font-style:normal;color:var(--mint)}
:root[lang="ar"] .pro-h{font-weight:700;letter-spacing:0;line-height:1.35}
.pro .lead{color:#c4cfdb;max-width:40ch}
.pro-cta{min-height:56px;padding:0 34px;font-size:17px;margin-top:6px}
.pro-apps{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:15px}
.pro-apps a{display:inline-flex;align-items:center;min-height:44px;color:#dbe4ee;text-decoration-color:rgba(255,255,255,.35)}
.pro-apps:empty{display:none}
.pro-cap{font-size:13.5px;color:#aab5c2;max-width:46ch;margin-top:12px}
/* the monitor: a bezel, the artwork, a neck and a base, turned slightly toward the copy */
.monitor{margin:0;position:relative;z-index:1;perspective:1800px;margin-inline-start:clamp(-160px,-9vw,0px);display:grid;justify-items:center}
.mon-screen{position:relative;width:100%;border-radius:14px;padding:10px;background:linear-gradient(160deg,#2b3646,#0b1018 40%,#05080d);
  box-shadow:0 0 0 1px #3a4656,0 50px 80px -30px rgba(0,0,0,.85),0 120px 140px -60px rgba(0,0,0,.6);
  transform:rotateY(16deg) rotateX(3deg) rotateZ(-1.2deg);transform-origin:70% 50%;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
:root[dir="rtl"] .mon-screen{transform:rotateY(-16deg) rotateX(3deg) rotateZ(1.2deg);transform-origin:30% 50%}
.mon-screen img{display:block;width:100%;height:auto;border-radius:6px}
.mon-screen::after{content:"";position:absolute;inset:10px;border-radius:6px;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,0) 32%,rgba(255,255,255,0) 60%,rgba(255,255,255,.05) 100%)}
.mon-neck{width:9%;height:clamp(40px,7vw,96px);background:linear-gradient(90deg,#141b25,#2c3746 55%,#121821);transform:skewX(-4deg);margin-top:-6px;box-shadow:inset 0 10px 14px -8px #000}
.mon-base{width:34%;height:clamp(10px,1.2vw,16px);border-radius:4px 4px 10px 10px;background:linear-gradient(180deg,#3a4655,#151c26);box-shadow:0 18px 26px -6px rgba(0,0,0,.8)}
:root[dir="rtl"] .mon-neck{transform:skewX(4deg)}
.pro:hover .mon-screen{transform:rotateY(12deg) rotateX(2deg) rotateZ(-1deg)}
:root[dir="rtl"] .pro:hover .mon-screen{transform:rotateY(-12deg) rotateX(2deg) rotateZ(1deg)}
/* the ledge the monitor stands on, falling away toward the copy */
.pro-ground{position:absolute;inset:auto 0 0 0;height:24%;z-index:0;background:linear-gradient(180deg,#0e141d,#05080c);clip-path:polygon(0 18%,58% 44%,100% 92%,100% 100%,0 100%)}
:root[dir="rtl"] .pro-ground{clip-path:polygon(100% 18%,42% 44%,0 92%,0 100%,100% 100%)}
@media (max-width:980px){
  .pro-grid{grid-template-columns:minmax(0,1fr);row-gap:48px;padding-block:64px 72px}
  .pro-copy{order:-1}
  .pro-cap{margin-top:0}
  .monitor{margin-inline:0;width:100%}
  .mon-screen,:root[dir="rtl"] .mon-screen,.pro:hover .mon-screen,:root[dir="rtl"] .pro:hover .mon-screen{transform:rotateY(10deg) rotateX(4deg);padding:6px;border-radius:10px}
  :root[dir="rtl"] .mon-screen,:root[dir="rtl"] .pro:hover .mon-screen{transform:rotateY(-10deg) rotateX(4deg)}
  .mon-screen::after{inset:6px}
  .pro-ground{height:14%;clip-path:polygon(0 30%,100% 55%,100% 100%,0 100%)}
  :root[dir="rtl"] .pro-ground{clip-path:polygon(100% 30%,0 55%,0 100%,100% 100%)}
}
@media (max-width:560px){.pro-cta{width:100%}}

/* bonds section: a rendered certificate sculpture bleeding off the left edge, compact copy on the right (home page) */
.bnd{position:relative;overflow:clip;isolation:isolate;color:var(--ink);
  background:linear-gradient(100deg,#7a8daa 0%,#93a5bf 40%,#b2c0d3 100%)}
.bnd::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.22;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.bnd-art{position:absolute;top:0;bottom:0;left:0;width:min(74%,1180px);z-index:0;-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent)}
:root[dir="rtl"] .bnd-art{left:auto;right:0;-webkit-mask-image:linear-gradient(270deg,#000 80%,transparent);mask-image:linear-gradient(270deg,#000 80%,transparent)}
.bnd-art .rtl,:root[dir="rtl"] .bnd-art .ltr{display:none}
:root[dir="rtl"] .bnd-art .rtl{display:block;object-position:92% 50%;transform-origin:70% 50%}  /* a separately rendered mirror scene, so the certificate text never reads backwards */
.bnd-art img{width:100%;height:100%;object-fit:cover;object-position:8% 50%;display:block;animation:bnd-drift 36s ease-in-out infinite alternate;transform-origin:30% 50%}
@keyframes bnd-drift{from{transform:scale(1) translateY(0)}to{transform:scale(1.04) translateY(-1.2%)}}
.bnd-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;min-height:clamp(560px,48vw,800px);padding-block:clamp(72px,8vw,120px)}
.bnd-copy{grid-column:2;display:grid;gap:18px;justify-items:start;max-width:500px}
.bnd-k{display:flex;align-items:center;gap:10px;font:600 21px var(--sans);letter-spacing:-.01em}
.bnd-h{font:400 clamp(34px,3.6vw,50px)/1.1 var(--sans);letter-spacing:-.02em;text-wrap:balance}
:root[lang="ar"] .bnd-h{font-weight:600;letter-spacing:0;line-height:1.4}
.bnd-p{font-size:17px;color:#1c2838;max-width:42ch}
.bnd-risk{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;line-height:1.55;color:#26364a;max-width:46ch}
.bnd-risk svg{flex:none;margin-top:2px}
.bnd-cta{background:var(--ink);color:#fff;margin-top:8px}
.bnd-cta:hover{filter:brightness(1.35)}
.bnd :focus-visible{outline-color:var(--ink)}
@media (max-width:760px){
  .bnd{background:linear-gradient(180deg,#8496b1 0%,#9fb0c6 55%,#b2c0d3 100%)}
  .bnd-art,:root[dir="rtl"] .bnd-art{position:relative;left:auto;right:auto;width:auto;height:min(108vw,520px);-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent);mask-image:linear-gradient(180deg,#000 72%,transparent)}
  .bnd-art img{object-position:0 50%}
  :root[dir="rtl"] .bnd-art .rtl{object-position:100% 50%}
  .bnd-grid{grid-template-columns:minmax(0,1fr);min-height:0;padding-block:0 64px;margin-top:-36px}
  .bnd-copy{grid-column:1;max-width:none}
  .bnd-cta{width:100%}
}

/* team section: copy on one side, a tilted phone showing a call with your broker on the other (home page) */
.tm{position:relative;overflow:clip;background:linear-gradient(180deg,#030507 0%,#070b11 30%,#1c2638 62%,#4d5c74 86%,#7b8aa1 100%)}
.tm-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:clamp(32px,6vw,96px);min-height:clamp(640px,56vw,820px);padding-block:clamp(80px,9vw,128px) 0}
.tm-copy{display:grid;gap:22px;justify-items:start;max-width:500px;align-self:start;padding-top:clamp(0px,3vw,40px);padding-bottom:clamp(56px,7vw,96px)}
.tm-brand{display:flex;align-items:center;gap:12px;font:400 clamp(24px,2.2vw,30px)/1 var(--sans);letter-spacing:-.01em}
.tm-brand b{font-weight:600}
.tm-brand span{font-weight:300;color:#cfd8e3}
.tm-h{font:400 clamp(34px,3.6vw,48px)/1.12 var(--sans);letter-spacing:-.02em;text-wrap:balance;max-width:16ch}
:root[lang="ar"] .tm-h{font-weight:600;letter-spacing:0;line-height:1.4}
.tm-p{font-size:17px;color:#d6dde6;max-width:44ch}
.tm-cta{margin-top:4px}
.tm-cap{font-size:13px;line-height:1.6;color:#c2ccd8;max-width:46ch;margin-top:clamp(24px,6vw,96px)}
/* the phone */
.tm-stage{align-self:end;display:flex;justify-content:center;perspective:1600px;height:100%;align-items:flex-end}
.tm-phone{width:min(330px,80vw);aspect-ratio:9/18.5;margin-bottom:-22%;border-radius:52px;padding:11px;background:linear-gradient(150deg,#3a4250,#0c0f14 30%,#050608 70%,#262c36);
  box-shadow:0 0 0 1.5px #1d232c,-30px 50px 90px -20px rgba(0,0,0,.8);transform:rotateY(-22deg) rotateX(6deg) rotateZ(7deg);transform-style:preserve-3d}
:root[dir="rtl"] .tm-phone{transform:rotateY(22deg) rotateX(6deg) rotateZ(-7deg);box-shadow:0 0 0 1.5px #1d232c,30px 50px 90px -20px rgba(0,0,0,.8)}
.tm-screen{height:100%;border-radius:42px;background:#000;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:16px 22px;color:#fff;font-size:14px;position:relative}
.tm-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.07),transparent 40%);pointer-events:none}
.tm-status{width:100%;display:flex;justify-content:space-between;font:600 13px var(--sans);padding:2px 8px}
.tm-icons{display:flex;gap:4px;align-items:center}.tm-icons i{display:block;width:14px;height:8px;border-radius:2px;background:#fff;opacity:.9}
.tm-top{width:100%;display:flex;justify-content:space-between;margin-top:18px;padding:0 4px}
.tm-x,.tm-list{width:18px;height:18px;position:relative;opacity:.85}
.tm-x::before,.tm-x::after{content:"";position:absolute;left:8px;top:0;width:2px;height:18px;background:#fff;transform:rotate(45deg)}.tm-x::after{transform:rotate(-45deg)}
.tm-list{background:linear-gradient(#fff 0 0) 0 3px/100% 2px no-repeat,linear-gradient(#fff 0 0) 0 8px/100% 2px no-repeat,linear-gradient(#fff 0 0) 0 13px/100% 2px no-repeat}
.tm-line{display:flex;align-items:center;gap:6px;margin-top:22px;font:600 12.5px var(--sans);color:var(--mint)}
.tm-line .dot{width:7px;height:7px;border-radius:50%;background:var(--mint);animation:tm-pulse 2.4s ease-in-out infinite}
@keyframes tm-pulse{50%{opacity:.25}}
.tm-ring{position:relative;width:70%;aspect-ratio:1;margin-top:14px;display:grid;place-items:center}
.tm-arc{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 210deg,#2a3341 0 8%,transparent 8% 9.5%,#3a4555 9.5% 16%,transparent 16% 17.5%,var(--mint-2) 17.5%,var(--mint) 52%,#2f74b5 62%,transparent 62% 63.5%,#4a5566 63.5% 80%,transparent 80%);
  -webkit-mask:radial-gradient(circle,transparent 60%,#000 61%);mask:radial-gradient(circle,transparent 60%,#000 61%);filter:drop-shadow(0 0 18px rgba(95,224,166,.25))}
.tm-avatar{width:46%;aspect-ratio:1;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 6px rgba(255,255,255,.06)}
.tm-avatar img{width:62%;height:auto}
.tm-who{margin-top:14px;font:600 17px var(--sans)}
.tm-state{color:#9aa6b4;font-size:13px;margin-top:2px}
.tm-card{width:100%;margin-top:18px;background:#0e141c;border:1px solid #1f2935;border-radius:18px;padding:14px 16px;display:grid;gap:6px}
.tm-card small{color:#9aa6b4;font-size:11.5px}
.tm-card b{font:600 15px/1.3 var(--sans)}
.tm-card ul{list-style:none;padding:0;margin:2px 0 0;display:grid;gap:5px}
.tm-card li{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#d5dce4}
.tm-card li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint)}
.tm-keys{width:100%;display:flex;justify-content:space-around;margin-top:20px;font-size:11px;color:#9aa6b4}
.tm-keys span{display:grid;justify-items:center;gap:6px}
.tm-keys i{width:46px;height:46px;border-radius:50%;background:#1a222d}
.tm-keys i.k-end{background:#d4454f}
@media (max-width:860px){
  .tm-grid{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:72px;row-gap:24px}
  .tm-copy{padding-bottom:0}
  .tm-cap{margin-top:8px}
  .tm-stage{height:auto;overflow:hidden;padding-top:24px}
  .tm-stage{overflow:visible}
  .tm-phone{width:min(280px,70vw);margin-bottom:-60%;transform:rotateY(-14deg) rotateX(4deg) rotateZ(5deg)}
  :root[dir="rtl"] .tm-phone{transform:rotateY(14deg) rotateX(4deg) rotateZ(-5deg)}
}

/* ---- "What we offer" menu (top bar) ---- */
.dd{position:relative;display:flex}
.dd-btn{display:inline-flex;align-items:center;gap:7px;background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:10px 12px;border-radius:999px;opacity:.88;min-height:44px}
.dd-btn:hover,.dd-btn[aria-expanded="true"]{opacity:1;background:rgba(255,255,255,.06)}
.dd-btn.cur{opacity:1;color:var(--mint)}
.dd-btn svg{transition:transform .2s}
.dd-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.dd-panel{position:absolute;top:calc(100% + 12px);inset-inline-start:-8px;min-width:280px;background:#000;border:1px solid var(--line-d);border-top:0;border-radius:0 0 16px 16px;padding:14px 0 18px;display:grid;box-shadow:0 30px 60px rgba(0,0,0,.45);animation:dd-in .18s ease-out}
@keyframes dd-in{from{opacity:0;transform:translateY(-6px)}}
.links .dd-panel a{display:flex;align-items:center;min-height:52px;padding:0 30px;border-radius:0;font-size:17px;opacity:.92}
.links .dd-panel a:hover{background:rgba(255,255,255,.05);opacity:1;color:var(--mint)}
.links .dd-panel a.dd-all{margin-top:8px;padding-top:6px;border-top:1px solid var(--line-d);font-size:15px;color:var(--mute-d)}
.links .dd-panel a[aria-current="page"]{color:var(--mint)}

/* ---- service pages ---- */
.svh{position:relative;overflow:clip;background:linear-gradient(180deg,#030507 0%,#0a1018 38%,#1b2534 74%,#3a475b 100%)}
.svh-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:center;min-height:clamp(440px,42vw,620px);padding-block:clamp(64px,8vw,112px)}
.svh.art .svh-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.svh.art .svh-art{order:-1}
.svh-copy{display:grid;gap:20px;justify-items:start;max-width:620px}
.svh-k{display:flex;align-items:center;gap:10px;font:600 18px var(--sans);color:#dfe6ee}
.svh-h{font:400 clamp(38px,4.8vw,66px)/1.08 var(--sans);letter-spacing:-.025em;text-wrap:balance;max-width:15ch}
.svh-h em{display:block;font-style:normal;color:var(--mint)}
.svh .lead{color:#c9d3de;max-width:48ch}
.svh-art{perspective:1600px}
.svh-art img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 40px 90px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08);transform:rotateY(10deg) rotateX(3deg);transform-origin:0 50%}
:root[dir="rtl"] .svh-art img{transform:rotateY(-10deg) rotateX(3deg);transform-origin:100% 50%}
.svh-art .rtl,:root[dir="rtl"] .svh-art .ltr{display:none}
:root[dir="rtl"] .svh-art .rtl{display:block}
.svh-cap{font-size:13px;color:#aab5c2;margin-top:18px;max-width:46ch}
.svr{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.6;color:#26364a;background:var(--mist);border-radius:12px;padding:14px 16px;margin-top:8px}
.svr svg{flex:none;margin-top:4px}
.points.on-light li{border-color:var(--line-l)}
.points.on-light li::before{border-color:var(--ink);color:var(--ink)}
.points.on-light p{color:var(--mute-l)}
.offer{background:var(--black);border-bottom:1px solid var(--line-d)}
.offer>.in{padding-block:var(--pad);display:grid;gap:28px}
.offer.hub>.in{padding-top:clamp(32px,4vw,48px)}
.offer-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.offer-grid a{position:relative;display:grid;gap:8px;align-content:start;height:100%;min-height:170px;padding:26px 26px 56px;border:1px solid var(--line-d);border-radius:18px;background:linear-gradient(160deg,#111a26,#0a0f17);text-decoration:none;transition:border-color .2s,transform .2s}
.offer-grid a:hover{border-color:var(--mint);transform:translateY(-2px)}
.offer-grid b{font:600 20px var(--sans)}
.offer-grid span{color:var(--mute-d);font-size:15.5px}
.offer-grid i{position:absolute;bottom:20px;inset-inline-start:26px;font-style:normal;color:var(--mint);font-size:20px}
:root[dir="rtl"] .offer-grid i{transform:scaleX(-1)}
body[data-page="invest.html"] .offer-grid li:has(a[href="invest.html"]),
body[data-page="bonds.html"] .offer-grid li:has(a[href="bonds.html"]),
body[data-page="margin.html"] .offer-grid li:has(a[href="margin.html"]),
body[data-page="research.html"] .offer-grid li:has(a[href="research.html"]),
body[data-page="platform.html"] .offer-grid li:has(a[href="platform.html"]),
body[data-page="broker.html"] .offer-grid li:has(a[href="broker.html"]){display:none}
@media (max-width:980px){
  .svh.art .svh-grid{grid-template-columns:minmax(0,1fr)}
  .svh.art .svh-art{order:0}
  .offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .offer-grid{grid-template-columns:minmax(0,1fr)}
  .offer-grid a{min-height:0}
  .svh .ctas{flex-direction:column;align-items:stretch;width:100%}
}
.svh:not(.art)::after{content:"";position:absolute;z-index:0;top:50%;inset-inline-end:max(-4vw,-60px);width:min(46vw,620px);aspect-ratio:1.2;transform:translateY(-46%);background:url(mark.svg) center/contain no-repeat;opacity:.13;filter:saturate(.6);pointer-events:none}
.svh-grid{position:relative;z-index:1}
@media (max-width:760px){.svh:not(.art)::after{width:70vw;top:auto;bottom:-6%;transform:none;opacity:.08}}
.svh-art img.crop{aspect-ratio:5/4;object-fit:cover;object-position:7% 50%}
.svh-art img.rtl.crop{object-position:93% 50%}
.svh.art .svh-h{font-size:clamp(34px,3.8vw,54px)}

/* ---- Invest page (Robinhood "Invest" structure, Golden Way identity) ---- */
.ivh{position:relative;overflow:clip;background:radial-gradient(90% 80% at 75% 40%,#123049 0%,rgba(18,48,73,0) 60%),linear-gradient(180deg,#030507 0%,#0a1018 45%,#1b2534 80%,#34425a 100%)}
.ivh-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px;min-height:clamp(560px,52vw,760px);padding-block:clamp(64px,8vw,104px)}
.ivh-stage{margin:0;display:grid;justify-items:center;gap:18px;perspective:1600px}
.ivh-phone{width:min(380px,80vw);aspect-ratio:609/660;border-radius:40px;padding:10px;background:linear-gradient(150deg,#3a4250,#0c0f14 30%,#050608 70%,#262c36);box-shadow:0 50px 100px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.12);transform:rotateY(-16deg) rotateX(4deg) rotateZ(4deg);transition:transform .8s ease}
:root[dir="rtl"] .ivh-phone{transform:rotateY(16deg) rotateX(4deg) rotateZ(-4deg)}
.ivh-stage:hover .ivh-phone{transform:rotateY(-8deg) rotateX(2deg) rotateZ(2deg)}
.ivh-phone img{display:block;width:100%;height:100%;object-fit:cover;border-radius:30px;background:#1c1d22}
.ivh-stage figcaption{font-size:13px;color:#aab5c2;text-align:center;max-width:32ch}
.iv-foot{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;line-height:1.55;color:var(--mute-d);max-width:52ch}
.iv-foot svg{flex:none;margin-top:3px}
.iv-row{background:var(--black);border-bottom:1px solid var(--line-d)}
.iv-row:nth-of-type(odd){background:#0c131d}
.iv-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,96px);padding-block:clamp(64px,8vw,112px)}
.iv-row.flip .iv-art{order:-1}
.iv-copy,.iv-wide-copy,.iv-panel-copy{display:grid;gap:16px;justify-items:start}
.iv-k{font:600 15px var(--sans);color:var(--mint);letter-spacing:.01em}
.iv-h2{font:400 clamp(32px,3.8vw,52px)/1.1 var(--sans);letter-spacing:-.025em;text-wrap:balance;max-width:16ch}
.iv-h2.c{text-align:center;margin-inline:auto;max-width:22ch}
.iv-p{font-size:17px;color:#c9d3de;max-width:48ch}
.iv-art{display:grid;place-items:center}
.iv-illo{width:100%;max-width:480px;height:auto;display:block}
.iv-wide{background:var(--black);border-bottom:1px solid var(--line-d)}
.iv-wide>.in{padding-block:clamp(64px,8vw,112px);display:grid;gap:40px}
.iv-banner .iv-illo{max-width:none;border-radius:28px}
.iv-wide-copy{max-width:640px}
.iv-ways{background:#0c131d;border-bottom:1px solid var(--line-d)}
.iv-ways>.in{padding-block:clamp(64px,8vw,112px);display:grid;gap:44px}
.iv-cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.iv-cards li{display:grid;gap:8px;align-content:start;padding:28px;border-radius:20px;background:linear-gradient(160deg,#121c29,#0a0f17);border:1px solid var(--line-d)}
.iv-ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:rgba(95,224,166,.12);color:var(--mint);margin-bottom:8px}
.iv-cards b{font:600 19px var(--sans)}
.iv-cards p{color:var(--mute-d);font-size:15.5px}
.iv-app{background:var(--black)}
.iv-app>.in{padding-block:clamp(64px,8vw,112px)}
.iv-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center;padding:clamp(28px,5vw,64px);border-radius:28px;background:radial-gradient(120% 120% at 100% 0%,rgba(95,224,166,.16),transparent 55%),linear-gradient(160deg,#0f2338,#0a0f17 70%);border:1px solid rgba(95,224,166,.28)}
.iv-feats{gap:0!important}
.iv-feats li{justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line-d);font-size:16px}
.iv-feats li:first-child{border-top:1px solid var(--line-d)}
@media (max-width:980px){
  .ivh-grid,.iv-split,.iv-panel{grid-template-columns:minmax(0,1fr)}
  .iv-row.flip .iv-art{order:0}
  .iv-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .iv-cards{grid-template-columns:minmax(0,1fr)}
  .ivh .ctas{flex-direction:column;align-items:stretch;width:100%}
  .iv-banner{margin-inline:-8px}
}

/* ---- Learn library: dark atmospheric library, light reading pages, one icon family ---- */
:root[lang="ar"] [data-l]:not([data-l="ar"]),:root[lang="en"] [data-l]:not([data-l="en"]),:root[lang="fr"] [data-l]:not([data-l="fr"]){display:none!important}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ic{width:18px;height:18px;flex:none;vertical-align:-3px}
:root[dir="rtl"] .ic.go,:root[dir="rtl"] .lx-path-go .ic,:root[dir="rtl"] #ln-start-go .ic,:root[dir="rtl"] .gp em .ic,:root[dir="rtl"] .gl-l .ic,:root[dir="rtl"] .pg .ic,:root[dir="rtl"] .lx-cont .lx-eyebrow .ic{transform:scaleX(-1)}
.pg .ic.back{transform:scaleX(-1)}:root[dir="rtl"] .pg .ic.back{transform:none}
.final .lead{margin-inline:auto}
.t-money{--tc:#1f6f5c}.t-markets{--tc:#1d4f86}.t-egypt{--tc:#8a6a22}.t-corporate{--tc:#6b3f7a}.t-statements{--tc:#2f5d6b}.t-valuation{--tc:#3f4f8a}
.t-fixed{--tc:#3c5b7c}.t-funds{--tc:#2e6b45}.t-risk{--tc:#7a5232}.t-technical{--tc:#5c3d66}.t-macro{--tc:#24606f}.t-advanced{--tc:#8a3030}
.lx-grain{position:relative}
.lx-hero,.lx-lh,.lx-band,.lx-paths{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
/* type */
.lx-eyebrow{display:flex;align-items:center;gap:8px;font:600 13px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--mint);margin:0}
:root[lang="ar"] .lx-eyebrow{letter-spacing:0;font-size:14px}
.lx-h1{font:300 clamp(40px,5.4vw,76px)/1.04 var(--display);letter-spacing:-.025em;text-wrap:balance;max-width:14ch}
.lx-h1 em{font-style:italic;color:var(--mint)}
:root[lang="ar"] .lx-h1{font-weight:700;letter-spacing:0;line-height:1.3;font-size:clamp(34px,4.6vw,62px)}
:root[lang="ar"] .lx-h1 em{font-style:normal}
:root[lang="fr"] .lx-h1{max-width:16ch;font-size:clamp(36px,4.9vw,68px)}
.lx-h1.sm{font-size:clamp(32px,4vw,54px);max-width:18ch}
:root[lang="ar"] .lx-h1.sm{font-size:clamp(28px,3.4vw,46px)}
:root[lang="fr"] .lx-h1.sm{font-size:clamp(30px,3.6vw,50px);max-width:20ch}
.lx-lead{color:#c7d2de;font-size:clamp(16.5px,1.4vw,19px);max-width:56ch}
.lx-h2{font:400 clamp(28px,3.2vw,44px)/1.12 var(--display);letter-spacing:-.02em;text-wrap:balance}
:root[lang="ar"] .lx-h2{font-weight:700;letter-spacing:0;line-height:1.35;font-size:clamp(24px,2.6vw,36px)}
.lx-sec-head{display:grid;gap:10px;max-width:62ch}
.lx-sec-head>p{color:var(--mute-d);font-size:16.5px}
/* hero */
.lx-hero{position:relative;overflow:clip;isolation:isolate;background:var(--grain),radial-gradient(60% 80% at 78% 30%,rgba(95,224,166,.16),transparent 62%),radial-gradient(50% 60% at 10% 100%,rgba(8,71,122,.45),transparent 70%),linear-gradient(180deg,#02060b,#081322 55%,#0d1c30)}
.lx-hero-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding-block:clamp(44px,6vw,96px) clamp(40px,5vw,80px)}
.lx-hero-copy{display:grid;gap:20px;justify-items:start;min-width:0}
.lx-k{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--mint);font-size:15px}
.lx-hero-art{position:relative;margin-inline-end:calc(-1 * clamp(0px,4vw,60px))}
.lx-hero-art::after{content:"";position:absolute;inset:0;border-radius:28px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);pointer-events:none}
.lx-hero-img{display:block;width:100%;height:auto;border-radius:28px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8),0 0 0 1px rgba(95,224,166,.06);-webkit-mask-image:radial-gradient(120% 120% at 50% 40%,#000 62%,transparent 100%);mask-image:radial-gradient(120% 120% at 50% 40%,#000 62%,transparent 100%)}
.lx-search{position:relative;display:flex;align-items:center;width:min(560px,100%);min-height:60px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .2s,background .2s}
.lx-search:focus-within{border-color:var(--mint);background:rgba(255,255,255,.1)}
.lx-search>.ic{position:absolute;inset-inline-start:20px;color:var(--mute-d);pointer-events:none}
.lx-search input{flex:1;min-width:0;height:58px;border:0;background:none;color:var(--paper);font:16px var(--sans);padding-inline:52px 12px;outline:none}
.lx-search input::placeholder{color:#93a2b4}
.lx-search button{margin-inline-end:6px;min-height:48px;padding:0 22px;border-radius:999px;border:0;background:var(--mint);color:var(--mint-ink);font:600 15.5px var(--sans);cursor:pointer}
.lx-search button:hover{filter:brightness(1.06)}
.lx-search:has(input:focus-visible){outline:2px solid var(--mint);outline-offset:3px}
.lx-search input:focus-visible{outline:none}
.lx-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.lx-cta-2{color:var(--paper);font-weight:600;min-height:44px;display:inline-flex;align-items:center;text-underline-offset:5px}
.lx-cta-2:hover{color:var(--mint)}
a[data-path] .go-cont,a[data-path].cont .go-first{display:none}a[data-path].cont .go-cont{display:inline}
.lx-stats{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px 24px;color:var(--mute-d);font-size:14.5px}
.lx-stats li{display:flex;align-items:center;gap:7px}.lx-stats .ic{color:var(--mint)}
.lx-stats b{color:var(--paper);font:600 18px var(--sans)}
.lx-hero.sub{background:var(--grain),radial-gradient(60% 120% at 85% 0%,rgba(95,224,166,.12),transparent 60%),linear-gradient(180deg,#02060b,#0b1726)}
.lx-sub-in{display:grid;gap:16px;justify-items:start;padding-block:clamp(40px,5vw,80px) clamp(32px,4vw,56px)}
/* status chips */
.st{display:none;align-items:center;gap:5px;font-style:normal;font-size:12.5px;font-weight:600}
.st-done{--tkf:var(--mint);--tks:var(--mint-ink);color:var(--mint)}
.st-saved{--bmf:currentColor;color:#f2c96b}
.is-done .st-done,.is-saved .st-saved{display:inline-flex}
.lv{display:inline-flex;align-items:center;gap:5px;font-style:normal;font-size:12.5px;font-weight:600;border-radius:99px;padding:2px 10px 2px 8px;border:1px solid currentColor;white-space:nowrap}
.lv .ic{width:14px;height:14px}
.lv-beginner{color:#7fe3b5}.lv-intermediate{color:#8cc2ff}.lv-advanced{color:#ffab91}
.ln-bar{height:6px;border-radius:9px;background:rgba(255,255,255,.12);overflow:hidden}
.ln-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mint-2),var(--mint));border-radius:9px;transition:width .6s ease}
/* start here / continue */
.lx-band{background:linear-gradient(180deg,#0d1c30,#0a1220);border-block:1px solid var(--line-d)}
.lx-band>.in{padding-block:clamp(36px,4.5vw,64px)}
.lx-start{display:grid;gap:22px}
.lx-band-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 24px}.lx-band-head p{color:var(--mute-d);max-width:60ch}
.sh-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sh-step{position:relative;display:flex;gap:12px;align-items:flex-start;height:100%;padding:16px;border-radius:16px;border:1px solid var(--line-d);background:rgba(255,255,255,.03);text-decoration:none;transition:border-color .2s,background .2s}
.sh-step:hover{border-color:var(--mint);background:rgba(95,224,166,.05)}
.sh-n{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(95,224,166,.14);color:var(--mint);font-weight:700;font-size:14px}
.is-done .sh-n{background:var(--mint);color:var(--mint-ink)}
.sh-b{display:grid;gap:4px;min-width:0}.sh-b b{font:600 15.5px/1.35 var(--sans)}.sh-b small{display:flex;align-items:center;gap:5px;color:var(--mute-d);font-size:13px}.sh-b small .ic{width:14px;height:14px}
.sh-step .st{position:absolute;inset-inline-end:10px;top:10px}
.lx-cont{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center}
.lx-cont-main{display:grid;gap:14px}
.cont-item{display:grid;grid-template-columns:132px minmax(0,1fr) auto;gap:18px;align-items:center;padding:12px;padding-inline-end:20px;border-radius:20px;border:1px solid var(--line-d);background:rgba(255,255,255,.04);text-decoration:none;transition:border-color .2s,transform .2s}
.cont-item:hover{border-color:var(--mint);transform:translateY(-2px)}
.cont-img{width:132px;height:99px;object-fit:cover;border-radius:12px;display:block}
.cont-b{display:grid;gap:4px;min-width:0}.cont-b small{color:var(--mint);font-weight:600;font-size:13px}.cont-b b{font:600 clamp(18px,1.8vw,22px)/1.3 var(--sans)}
.cont-b em{display:flex;align-items:center;gap:6px;font-style:normal;color:var(--mute-d);font-size:13.5px}.cont-b em .ic{width:14px;height:14px}
.cont-item .go{width:24px;height:24px;color:var(--mint)}
.cont-all{color:var(--mute-d)}
.lx-cont-side{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 18px;align-items:center}
.lx-ring{grid-row:span 2;width:96px;height:96px}
.lx-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
:root[dir="rtl"] .lx-ring svg{transform:rotate(-90deg) scaleY(-1)}
.lx-ring circle{fill:none;stroke:rgba(255,255,255,.12);stroke-width:9}
.lx-ring .ring-on{stroke:var(--mint);stroke-linecap:round;transition:stroke-dasharray .8s ease}
.lx-cont-n{color:var(--mute-d);font-size:15px}.lx-cont-n b{color:var(--paper)}
.lx-cont-saved{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:44px;color:#f2c96b;font-weight:600;font-size:14.5px;--bmf:currentColor;text-underline-offset:4px}
/* paths */
.lx-paths{background:var(--grain),radial-gradient(50% 60% at 50% 0%,rgba(95,224,166,.07),transparent 70%),#0a0f17}
.lx-paths>.in{padding-block:clamp(56px,7vw,104px);display:grid;gap:34px}
.lx-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.lx-path{display:grid;border-radius:24px;overflow:hidden;border:1px solid var(--line-d);background:linear-gradient(180deg,#0f1a29,#0c141f)}
.lx-path-art{aspect-ratio:16/9;overflow:hidden;position:relative}
.lx-path-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#0f1a29)}
.lx-path-img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04);transition:transform .8s ease}
.lx-path:hover .lx-path-img{transform:scale(1.08)}
.lx-path-b{display:grid;gap:14px;padding:4px 24px 24px;align-content:start}
.lx-path-h{font:500 26px/1.15 var(--display);letter-spacing:-.01em}
:root[lang="ar"] .lx-path-h{font-weight:700;font-size:24px;line-height:1.4}
.lp-beginner .lx-path-h,.lp-beginner .lx-eyebrow{color:#7fe3b5}.lp-intermediate .lx-path-h,.lp-intermediate .lx-eyebrow{color:#8cc2ff}.lp-advanced .lx-path-h,.lp-advanced .lx-eyebrow{color:#ffab91}
.lx-path-p{color:var(--mute-d);font-size:15px}
.lx-path-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--mute-d)}
.lx-path-meta span{display:inline-flex;align-items:center;gap:6px}.lx-path-meta b{color:var(--paper)}
.lx-pbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.lx-pbar p{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--mute-d)}.lx-pbar b{color:var(--paper)}
.lx-pl{list-style:none;padding:0;display:grid}
.lx-pl a{display:flex;gap:12px;align-items:center;min-height:46px;padding-block:6px;border-top:1px solid var(--line-d);text-decoration:none;font-size:15px}
.lx-pl a:hover{color:var(--mint)}
.pl-n{flex:none;width:24px;color:#6f7f92;font-size:13px;font-weight:600}
.pl-t{flex:1;min-width:0}
.lx-pl .st{display:inline-flex;color:#3b4859;--tkf:none}.lx-pl .is-done .st{color:var(--mint);--tkf:var(--mint)}
.lx-syl{border-top:1px solid var(--line-d)}
.lx-syl summary{display:flex;align-items:center;gap:8px;min-height:48px;cursor:pointer;font-weight:600;font-size:15px;color:var(--paper);list-style:none}
.lx-syl summary::-webkit-details-marker{display:none}
.lx-syl summary em{font-style:normal;color:var(--mute-d);font-weight:500;margin-inline-start:auto;font-size:13.5px}
.lx-syl summary::after{content:"";width:8px;height:8px;border-inline-end:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);margin-inline-start:6px;transition:transform .2s}
.lx-syl[open] summary::after{transform:rotate(225deg)}
.lx-syl .lx-pl a:first-child{border-top-color:transparent}
.lx-path-go{justify-self:start;margin-top:4px}
/* topic library */
.lx-lib{background:var(--paper);color:var(--ink)}
.lx-lib>.in,.lx-paper>.in{padding-block:clamp(56px,7vw,104px);display:grid;gap:28px}
.lx-lib .lx-sec-head>p,.lx-gp .lx-sec-head>p,.ln-ext .lx-sec-head>p{color:var(--mute-l)}
.lx-lib :focus-visible,.lx-paper :focus-visible,.lx-art :focus-visible,.lx-gp :focus-visible,.ln-ext :focus-visible,.lx-rel :focus-visible,.ln-map :focus-visible{outline-color:var(--ink)}
.tc-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tc{position:relative;display:grid;grid-template-rows:auto 1fr;height:100%;border-radius:18px;overflow:hidden;border:1px solid var(--line-l);background:#fff;text-decoration:none;color:var(--ink);transition:border-color .2s,transform .25s,box-shadow .25s}
.tc:hover{transform:translateY(-3px);box-shadow:0 18px 30px -18px rgba(10,15,23,.35);border-color:#b9c4d0}
.tc.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.tc-art{display:block;aspect-ratio:16/9;overflow:hidden;background:#0a1626}
.tc-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.tc:hover .tc-img{transform:scale(1.05)}
.tc-b{display:grid;gap:5px;align-content:start;padding:14px 16px 16px}
.tc-b small{color:#11744d;font-weight:700;font-size:12.5px}
.tc-b b{font:600 16.5px/1.3 var(--sans)}
.tc-p{color:var(--mute-l);font-size:14px}
.tc-b em{font-style:normal;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;color:#5c6b7d;margin-top:2px}
.tc-b em>span{display:inline-flex;align-items:center;gap:5px}.tc-b em .ic{width:14px;height:14px}
/* filters */
.lf{display:grid;grid-template-columns:2fr repeat(4,minmax(0,1fr));gap:12px;align-items:end;padding:18px;border-radius:20px;background:var(--mist)}
.lf label{display:grid;gap:6px;font-size:13.5px;font-weight:600;color:var(--mute-l);min-width:0}
.lf label>span{display:flex;align-items:center;gap:6px}
.lf input[type=search],.lf select{min-height:48px;border:1px solid var(--line-l);border-radius:12px;padding:0 14px;font:16px var(--sans);background:#fff;color:var(--ink);width:100%;min-width:0;text-overflow:ellipsis}
.lf input[type=search]:focus,.lf select:focus{border-color:var(--ink)}
.lf-row{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.lf .lf-chk{display:flex;align-items:center;gap:8px;min-height:44px;font-size:15px;color:var(--ink);cursor:pointer;--bmf:none}
.lf-chk input{width:24px;height:24px;margin:0;accent-color:var(--navy)}
.lf-chk:has(input:checked){--bmf:#9a6a00;color:#6b4a00}
.lf-reset{min-height:44px;border:0;background:none;color:var(--navy);font:600 15px var(--sans);text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:0 4px}
.lf-n{margin-inline-start:auto;color:var(--mute-l);font-size:15px}.lf-n b{color:var(--ink)}
.gf{grid-template-columns:minmax(0,1fr) auto}
/* lesson cards */
.lc-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.lc-grid>li[hidden]{display:none}
.lc{display:grid;grid-template-rows:auto 1fr;height:100%;border-radius:20px;overflow:hidden;border:1px solid var(--line-l);background:#fff;color:var(--ink);text-decoration:none;transition:border-color .2s,transform .25s,box-shadow .25s}
.lc:hover{transform:translateY(-3px);box-shadow:0 18px 32px -20px rgba(10,15,23,.4);border-color:#b9c4d0}
.lc-art{display:block;aspect-ratio:2/1;overflow:hidden;background:#0a1626}
.lc-img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.lc-body{display:grid;gap:8px;align-content:start;padding:18px 20px 20px}
.lc-top small{font-size:13px;font-weight:700;color:var(--tc,#3b4a5c)}
.lc-t{font:600 18px/1.35 var(--sans)}
.lc-d{color:var(--mute-l);font-size:15px}
.lc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;color:var(--mute-l);margin-top:4px}
.lc-min{display:inline-flex;align-items:center;gap:5px}.lc-min .ic{width:15px;height:15px}
.lc .lv-beginner,.cm .lv-beginner{color:#11744d}.lc .lv-intermediate,.cm .lv-intermediate{color:#1d5aa0}.lc .lv-advanced,.cm .lv-advanced{color:#a43d20}
.lc .st-done{color:#11744d;--tkf:#11744d;--tks:#fff}.lc .st-saved{color:#9a6a00}
.lc .st .ic{width:15px;height:15px}
.lc.ext{display:grid;grid-template-rows:none;gap:8px;align-content:start;padding:20px;background:#f5f7fa;border-style:dashed}
.lc.ext small,.src small{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.ext-k{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#e3e8ee;color:#2b3a4d;border-radius:6px;padding:1px 7px}
:root[lang="ar"] .ext-k{letter-spacing:0}
.ext-i{color:var(--mute-l)}
.lc.ext .ext-i{justify-self:end}
.lf-none{display:flex;gap:10px;align-items:center;padding:24px;border-radius:14px;background:var(--mist);color:var(--mute-l)}
.lf-note{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--mute-l)}.lf-note .ic{margin-top:3px}
/* glossary preview */
.lx-gp{background:var(--mist);color:var(--ink)}
.lx-gp-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:clamp(24px,5vw,72px);padding-block:clamp(52px,6vw,96px);align-items:start}
.lx-links{display:grid;gap:4px;margin-top:6px}
.lx-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--navy);font-weight:600;text-underline-offset:4px}
.gp-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gp{display:grid;gap:6px;height:100%;padding:18px 20px;border-radius:16px;background:#fff;border:1px solid var(--line-l);text-decoration:none;color:var(--ink);transition:border-color .2s}
.gp:hover{border-color:var(--ink)}
.gp b{font:600 18px/1.3 var(--sans);color:var(--navy)}
.gp-d{color:#33445a;font-size:15px}
.gp em{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-weight:600;font-size:14px;color:#11744d;margin-top:4px}
/* external reading */
.ln-ext{background:var(--paper);color:var(--ink);border-top:1px solid var(--line-l)}
.ln-ext>.in{padding-block:clamp(52px,6.5vw,92px);display:grid;gap:24px}
.src-list{list-style:none;padding:0;display:grid;gap:10px}
.src-list.cols{grid-template-columns:repeat(2,minmax(0,1fr))}
.src{position:relative;display:grid;gap:4px;min-height:44px;padding:14px 16px;padding-inline-end:44px;border-radius:14px;border:1px solid var(--line-l);background:#f6f8fa;color:var(--ink);text-decoration:none;font-size:15.5px;line-height:1.45}
.src:hover{border-color:var(--ink)}
.src small{font-size:13px;color:var(--mute-l)}.src small .ic{width:14px;height:14px}
.src .ext-i{position:absolute;inset-inline-end:16px;top:16px}
.ln-disc{background:var(--black)}
.ln-disc .in{padding-block:28px}
.ln-disc .ic,.svr .ic{margin-top:3px}
/* ---- lesson page ---- */
.rp{position:fixed;inset-inline:0;top:0;height:3px;z-index:70;pointer-events:none}
.rp i{display:block;height:100%;background:linear-gradient(90deg,var(--mint-2),var(--mint));transform:scaleX(0);transform-origin:left center}
:root[dir="rtl"] .rp i{transform-origin:right center}
.lx-lh{position:relative;overflow:clip;isolation:isolate;background:var(--grain),radial-gradient(60% 100% at 85% 20%,color-mix(in srgb,var(--tc) 55%,transparent),transparent 65%),linear-gradient(180deg,#02060b,#0a1523)}
.lx-lh-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center;padding-block:clamp(32px,4vw,64px) clamp(36px,4.5vw,72px)}
.lx-lh-copy{display:grid;gap:16px;justify-items:start;min-width:0}
.lx-lh-img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 30px 60px -28px rgba(0,0,0,.8);-webkit-mask-image:radial-gradient(130% 120% at 50% 40%,#000 60%,transparent 100%);mask-image:radial-gradient(130% 120% at 50% 40%,#000 60%,transparent 100%)}
.crumbs{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:14.5px;color:var(--mute-d)}
.crumbs a{color:var(--mint);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.crumbs a:hover{text-decoration:underline}
.lx-meta{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:14px;color:#c0ccd8}
.lx-meta li{display:inline-flex;align-items:center;gap:6px}.lx-meta .ic{width:16px;height:16px;color:var(--mint)}
.lx-meta .lv .ic{color:currentColor}
.sc{border-radius:99px;padding:3px 11px;background:rgba(255,255,255,.08);color:#dfe6ee;font-size:12.5px;font-weight:600}
.sc .ic{color:currentColor!important;width:14px!important;height:14px!important}
.sc-egypt{background:rgba(242,201,107,.16);color:#f2c96b}.sc-international{background:rgba(255,171,145,.14);color:#ffab91}.sc-mixed{background:rgba(140,194,255,.14);color:#8cc2ff}
.ln-acts{display:flex;flex-wrap:wrap;gap:10px}
.ln-tg{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.06);color:var(--paper);font:600 15px var(--sans);cursor:pointer;transition:border-color .2s,color .2s}
.ln-tg:hover{border-color:var(--mint)}
.ln-tg .on,.ln-tg[aria-pressed="true"] .off{display:none}.ln-tg[aria-pressed="true"] .on{display:inline}
.ln-tg[aria-pressed="true"]{border-color:var(--mint);color:var(--mint);--bmf:var(--mint);--tkf:var(--mint);--tks:var(--mint-ink)}
.lx-art{background:#fbfcfd;color:var(--ink)}
.lx-grid{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:start;padding-block:clamp(36px,5vw,72px)}
.lx-toc{position:sticky;top:92px;max-height:calc(100vh - 110px);overflow:auto;padding-inline-end:6px}
.lx-toc-h,.lx-toc-m summary{display:flex;align-items:center;gap:8px;font:600 13px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--mute-l);margin-bottom:10px}
:root[lang="ar"] .lx-toc-h,:root[lang="ar"] .lx-toc-m summary{letter-spacing:0;font-size:14px}
.lx-toc ol,.lx-toc-m ol{list-style:none;padding:0;display:grid;border-inline-start:2px solid #e2e8ee}
.lx-toc a,.lx-toc-m a{display:flex;align-items:center;min-height:40px;padding:6px 14px;margin-inline-start:-2px;border-inline-start:2px solid transparent;color:#4a5a6e;font-size:14.5px;line-height:1.35;text-decoration:none;transition:color .2s,border-color .2s}
.lx-toc a:hover{color:var(--ink)}
.lx-toc a[aria-current="true"]{color:var(--ink);font-weight:600;border-inline-start-color:#1f8f69}
.lx-toc-m{display:none;border:1px solid var(--line-l);border-radius:14px;background:#fff;padding:0 14px}
.lx-toc-m summary{min-height:48px;margin:0;cursor:pointer;list-style:none}.lx-toc-m summary::-webkit-details-marker{display:none}
.lx-toc-m[open] ol{margin-bottom:12px}
.lx-body{display:grid;gap:22px;max-width:70ch;min-width:0;font-size:18px;line-height:1.75}
:root[lang="ar"] .lx-body{line-height:1.95}
.lx-body p{text-wrap:pretty}
.lx-body .ln-h{display:flex;align-items:center;gap:10px;font:600 clamp(22px,2.2vw,26px)/1.3 var(--sans);margin-bottom:6px}
.lx-sec{display:grid;gap:12px;scroll-margin-top:90px}
.lx-body>section{scroll-margin-top:90px}
.lx-obj{display:grid;gap:8px;padding:20px 22px;border-radius:18px;background:linear-gradient(135deg,#eaf7f1,#eef4fb);border:1px solid #d3e7de}
.lx-obj .lx-eyebrow,.ex .lx-eyebrow,.quiz-wrap .lx-eyebrow,.calc .lx-eyebrow{color:#11744d}
.lx-obj .obj{font-size:17.5px;color:#1d2c3e}
/* inline glossary */
.gtw{position:relative;display:inline}
.gt{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:help;text-decoration:underline dotted #1f8f69;text-decoration-thickness:2px;text-underline-offset:5px;border-radius:3px}
.gt:hover,.gt[aria-expanded="true"]{background:#e3f5ec}
.gt-pop{position:absolute;z-index:30;top:calc(100% + 8px);inset-inline-start:0;width:min(320px,82vw);padding:14px 16px;border-radius:14px;background:var(--ink);color:#e6edf4;font-size:14.5px;line-height:1.55;box-shadow:0 20px 40px -16px rgba(0,0,0,.5);text-align:start;white-space:normal}
.gt-pop b{color:var(--mint);display:block;margin-bottom:2px}
.gt-pop a{color:var(--mint);font-weight:600;display:inline-block;margin-top:4px}
/* figures */
.fig{margin:6px 0;display:grid;gap:10px;padding:18px;border-radius:20px;background:#fff;border:1px solid var(--line-l)}
.fig-svg{width:100%;height:auto;display:block;direction:ltr}
.fig figcaption{display:flex;gap:8px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:var(--mute-l)}.fig figcaption .ic{margin-top:2px;color:#1f8f69}
.f-t{font-family:var(--sans);font-size:14px;fill:#26364a}
:root[lang="ar"] .f-t{font-size:15px}
.f-s{font-size:12.5px}:root[lang="ar"] .f-s{font-size:13.5px}
.f-b{font-weight:600}.f-m{fill:#5c6b7d}.f-w{fill:#fff}.f-w2{fill:#b9d9ff}
.f-redt{fill:#b42318}.f-mt{fill:#11744d}
.f-ax{stroke:#9aa9ba;stroke-width:1.4}.f-grid{stroke:#e3e9ef;stroke-width:1}
.f-navy{fill:var(--navy)}.f-mint{fill:#2fbf87}.f-mintl{fill:#bfeedb}.f-soft{fill:#dfe8f1}.f-soft2{fill:#9fb3c8}.f-off{fill:#f1f4f7;stroke:#d3dbe4;stroke-dasharray:4 4}
.f-red{fill:#e0624a}.f-card{fill:#f3f7fb;stroke:#d3dde8}
.f-arc{fill:none;stroke:#1f8f69;stroke-width:2;stroke-linecap:round}
.f-line{fill:none;stroke:var(--navy);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.f-line.real{stroke:#2fbf87}.f-line.face{stroke:#9aa9ba;stroke-width:1.6;stroke-dasharray:5 5}
.f-dot{fill:#2fbf87;stroke:#fff;stroke-width:2}
.f-dash{stroke:#5c6b7d;stroke-width:1.2;stroke-dasharray:4 4}.f-dash.m{stroke:#11744d}
/* calculators */
.calc{display:grid;gap:14px;padding:clamp(18px,2.4vw,28px);border-radius:22px;background:linear-gradient(180deg,#f2f8f5,#eef4fa);border:1px solid #d3e3dc;scroll-margin-top:90px}
.calc .ln-h{margin:0}
.calc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px;align-items:start}
.calc-in{display:grid;gap:14px}
.cf{display:grid;gap:6px}
.cf label{font-size:14.5px;font-weight:600;color:#26364a;line-height:1.4}
.cf-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:12px;align-items:center}
.cf input[type=range]{width:100%;height:28px;accent-color:#1f8f69;margin:0}
.cf input[type=number]{min-height:44px;border:1px solid var(--line-l);border-radius:10px;padding:0 10px;font:600 16px var(--sans);background:#fff;color:var(--ink);width:100%;text-align:end}
.calc-out{display:grid;gap:12px;min-width:0}
.calc-res{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cr{display:grid;gap:2px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line-l);min-width:0}
.cr span{font-size:13px;color:var(--mute-l);line-height:1.35}
.cr b{font:600 17px/1.3 var(--sans);color:var(--ink);overflow-wrap:anywhere}
.cr.big b{font-size:21px;color:var(--navy)}
.calc-msg{grid-column:1/-1;font-size:14.5px;line-height:1.5;color:#7a3a12;margin:0}
.calc-msg:empty{display:none}
.calc-chart{width:100%;height:auto;background:#fff;border-radius:14px;border:1px solid var(--line-l);direction:ltr}
.calc-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;color:var(--mute-l)}
.lg::before{content:"";display:inline-block;width:18px;height:3px;border-radius:2px;background:var(--navy);vertical-align:middle;margin-inline-end:6px}
.lg.real::before{background:#2fbf87}.lg.face::before{background:#9aa9ba}
.ef-bar{height:12px;border-radius:9px;background:#dfe8f1;overflow:hidden}.ef-bar i{display:block;height:100%;width:0;background:#2fbf87;transition:width .4s}
.calc-note{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.55;color:#4a5a6e;padding-top:10px;border-top:1px solid #d3e3dc}.calc-note .ic{margin-top:2px}
/* worked example, risks, takeaways */
.ex{display:grid;gap:12px;margin-top:6px;padding:clamp(20px,2.4vw,28px);border-radius:22px;background:#0f1b2b;color:#e6edf4;border:0}
.ex .lx-eyebrow{color:var(--mint)}
.ex .ln-h{margin:0}
.ex-tag{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:#f6e3b0;background:rgba(242,201,107,.12);border-radius:10px;padding:8px 12px;line-height:1.5}
.ex-tag .ic{margin-top:2px}
.ex-steps{list-style:none;padding:0;display:grid;gap:10px;font-size:16.5px;counter-reset:ex}
.ex-steps li{position:relative;padding-inline-start:40px;counter-increment:ex}
.ex-steps li::before{content:counter(ex);position:absolute;inset-inline-start:0;top:2px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(95,224,166,.16);color:var(--mint);font-size:13px;font-weight:700;line-height:1}
:root[lang="ar"] .ex-steps li::before{content:counter(ex,arabic-indic)}
.ex-res{font-weight:600;border-top:1px solid rgba(255,255,255,.14);padding-top:12px;color:#fff}
.rm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rm-c{display:grid;gap:10px;align-content:start;padding:20px;border-radius:18px}
.rm-h{display:flex;align-items:center;gap:8px;font:600 17px var(--sans)}
.rm ul,.tk ul{padding-inline-start:20px;display:grid;gap:10px;color:#26364a;font-size:16px;line-height:1.6}
.risks{background:#fdf0ec;border:1px solid #f5d6cc}.risks .rm-h{color:#9a3418}
.mist{background:#f4f0fa;border:1px solid #e3dbef}.mist .rm-h{color:#5b2d78}
.tk{display:grid;gap:10px;padding:20px 22px;border-radius:18px;background:#fff;border:1px solid var(--line-l);border-inline-start:4px solid #2fbf87}
.tk .rm-h{color:#11744d}.tk li::marker{color:#1f8f69}
/* quiz */
.quiz-wrap{display:grid;gap:12px;padding-top:28px;border-top:1px solid var(--line-l)}
.qz-p{color:var(--mute-l);font-size:16px}
.quiz{display:grid;gap:16px}
.qz{border:1px solid var(--line-l);border-radius:18px;padding:18px;display:grid;gap:8px;margin:0;min-width:0;background:#fff;transition:border-color .2s,background .2s}
.qz legend{display:flex;gap:10px;align-items:flex-start;font:600 17px/1.5 var(--sans);padding:0;float:left;width:100%;margin-bottom:6px}
.qz-n{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font-size:14px}
.opt{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 14px;border-radius:12px;border:1px solid var(--line-l);cursor:pointer;font-size:16px;line-height:1.45;transition:border-color .15s,background .15s}
.opt:hover{border-color:var(--ink)}
.opt input{flex:none;width:24px;height:24px;accent-color:var(--navy);margin:0}
.opt:has(input:checked){border-color:var(--navy);background:#eef4fb}
.qz.missing{border-color:#c2410c;box-shadow:0 0 0 3px rgba(194,65,12,.12)}
.qz.right{border-color:#11744d;background:#f1faf5}.qz.wrong{border-color:#b42318;background:#fdf3f2}
.opt.is-ans{border-color:#11744d;background:#e3f5ec;box-shadow:inset 0 0 0 1px #11744d}
.qz.wrong .opt:has(input:checked):not(.is-ans){border-color:#b42318;background:#fbe3df}
.opt:has(input:disabled){cursor:default}
.qz-fb{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;line-height:1.6;color:#26364a;padding:12px 14px;border-radius:12px;background:#fff}
.qz-fb .ic{margin-top:3px}.qz-fb .ok-i,.qz-fb .no-i{display:none}
.right .qz-fb .ok-i{display:block;color:#11744d;--tkf:#11744d;--tks:#fff}.wrong .qz-fb .no-i{display:block;color:#b42318}
.qz-fb .ok,.qz-fb .no{display:none}.right .qz-fb .ok{display:inline;color:#11744d}.wrong .qz-fb .no{display:inline;color:#b42318}
.qz-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.btn.dark{background:var(--ink);color:#fff}
.qz-out{font-weight:600;font-size:17px}
/* sources, pager */
.srcs{display:grid;gap:12px;padding-top:28px;border-top:1px solid var(--line-l)}
.src-h{font:600 15px var(--sans);color:var(--mute-l);margin-top:6px}
.src-note{font-size:14px;color:var(--mute-l)}
.svr{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.6;color:var(--mute-l);padding:14px 16px;border-radius:14px;background:var(--mist)}
.lx-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:6px}
.pg{display:flex;align-items:center;gap:14px;min-height:88px;padding:18px 20px;border-radius:18px;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line-l);transition:border-color .2s,transform .2s}
.pg:hover{border-color:var(--ink);transform:translateY(-2px)}
.pg span{display:grid;gap:2px;min-width:0}.pg small{color:var(--mute-l);font-size:13px;font-weight:600}.pg b{font:600 16.5px/1.35 var(--sans)}
.pg .ic{width:22px;height:22px;color:#1f8f69}
.pg-next{grid-column:2;justify-content:space-between;background:var(--ink);color:#fff;border-color:var(--ink)}
.pg-next small{color:var(--mint)}.pg-next .ic{color:var(--mint)}
.lx-rel{background:var(--mist);color:var(--ink)}
.lx-rel>.in{padding-block:clamp(48px,6vw,88px);display:grid;gap:24px}
/* glossary page */
.lx-paper{background:var(--paper);color:var(--ink)}
.gl-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.gl-list>li[hidden]{display:none}
.gl{display:grid;gap:8px;align-content:start;padding:20px;border-radius:18px;border:1px solid var(--line-l);background:#fff}
.gl-t{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;font:600 15px/1.35 var(--sans);color:var(--mute-l)}
.gl-t [lang="ar"]{font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,sans-serif}
.gl-t [lang="en"],.gl-t [lang="fr"]{font-family:"Figtree",system-ui,sans-serif}
:root[lang="ar"] .gl-ar,:root[lang="en"] .gl-en,:root[lang="fr"] .gl-fr{order:-1;flex-basis:100%;font-size:20px;color:var(--ink)}
.gl-d{color:#26364a;font-size:16px}
.gl-l{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:44px;color:var(--navy);font-weight:600;font-size:15px;text-decoration:none}
.gl-l small{color:var(--mute-l);font-weight:500}
.gl-l:hover{text-decoration:underline}
/* curriculum map */
.ln-map{background:var(--paper);color:var(--ink)}
.ln-map>.in{padding-block:clamp(44px,6vw,84px);display:grid;gap:18px}
.cm{display:grid;gap:16px;padding:22px;border-radius:22px;border:1px solid var(--line-l);background:#fff;scroll-margin-top:90px}
.cm-head{display:flex;gap:18px;align-items:center}
.cm-img{flex:none;width:120px;height:90px;object-fit:cover;border-radius:14px}
.cm-head small{color:#11744d;font-weight:700}.cm-head p{color:var(--mute-l)}
.cm-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cm-lv{display:grid;gap:8px;align-content:start}
.cm-lv ul{list-style:none;padding:0;display:grid}
.cm-lv li{border-top:1px solid var(--line-l)}
.cm-lv a,.cm-plan{display:flex;align-items:center;gap:10px;min-height:44px;padding-block:6px;font-size:15.5px}
.cm-lv a{color:var(--ink);text-decoration:none;font-weight:600}.cm-lv a:hover{color:var(--navy);text-decoration:underline}
.cm-lv .st{display:inline-flex;color:#c3ccd6;--tkf:none}.cm-lv .is-done .st{color:#11744d;--tkf:#11744d;--tks:#fff}
.cm-plan{color:var(--mute-l);justify-content:space-between}
.pl{flex:none;font-style:normal;font-size:12px;font-weight:600;color:#6b5a1e;background:#fbf1cf;border-radius:99px;padding:2px 9px}
.cm-start{border-inline-start:4px solid var(--mint-2)}
.cm-route{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cm-route a{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 12px;border-radius:12px;background:var(--mist);color:var(--ink);text-decoration:none;font-size:15px;font-weight:600}
.cm-route .sh-n{width:28px;height:28px;font-size:13px;background:#dfe7ef;color:var(--ink)}
.cm-route .is-done .sh-n{background:#11744d;color:#fff}
/* language menu */
.lsw{position:relative}
.lang{display:inline-flex;align-items:center;gap:7px}
.lang .chev{opacity:.7;transition:transform .2s}.lang[aria-expanded="true"] .chev{transform:rotate(180deg)}
.lsw-menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:80;list-style:none;margin:0;padding:6px;min-width:168px;border-radius:14px;background:#111a26;border:1px solid var(--line-d);box-shadow:0 20px 40px -16px rgba(0,0,0,.6)}
.lsw-menu button{display:flex;align-items:center;width:100%;min-height:44px;padding:0 14px;border:0;border-radius:10px;background:none;color:var(--paper);font:500 15px "Figtree","IBM Plex Sans Arabic",sans-serif;text-align:start;cursor:pointer}
.lsw-menu button:hover{background:rgba(255,255,255,.07)}
.lsw-menu button[aria-current="true"]{color:var(--mint);font-weight:700}
.lsw-menu button[aria-current="true"]::after{content:"";margin-inline-start:auto;width:6px;height:11px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
:root[dir="rtl"] .lsw-menu button[aria-current="true"]::after{transform:rotate(-45deg) scaleX(-1)}
.m-lang{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--line-d)}
.m-lang .ic{color:var(--mute-d)}
.m-lang button{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line-d);background:none;color:var(--paper);font:500 15px "Figtree","IBM Plex Sans Arabic",sans-serif;cursor:pointer}
.m-lang button[aria-current="true"]{border-color:var(--mint);color:var(--mint)}
/* motion */
@media (prefers-reduced-motion:no-preference){
  .lx-hero-copy>*,.lx-hero-art{animation:lx-rise .8s cubic-bezier(.2,.7,.2,1) both}
  .lx-hero-copy>*:nth-child(2){animation-delay:.06s}.lx-hero-copy>*:nth-child(3){animation-delay:.12s}.lx-hero-copy>*:nth-child(4){animation-delay:.18s}.lx-hero-copy>*:nth-child(n+5){animation-delay:.24s}
  .lx-hero-art{animation-name:lx-fade;animation-duration:1.4s}
}
@keyframes lx-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes lx-fade{from{opacity:0;transform:scale(1.02)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.lx-path:hover .lx-path-img,.tc:hover .tc-img{transform:none}.lc:hover,.tc:hover,.pg:hover,.cont-item:hover{transform:none}}
/* responsive */
@media (max-width:1100px){.tc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lf{grid-template-columns:repeat(2,minmax(0,1fr))}.lf-q{grid-column:1/-1}}
@media (max-width:980px){
  .lx-hero-in,.lx-lh-in{grid-template-columns:minmax(0,1fr)}
  .lx-hero-art{margin:0;order:-1;max-width:560px}
  .lx-lh-art{order:-1;max-width:420px}
  .lx-hero-img{-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
  .sh-list,.cm-route{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lx-path-grid,.cm-cols,.lx-cont,.lx-gp-in{grid-template-columns:minmax(0,1fr)}
  .lx-path{grid-template-columns:minmax(0,1fr)}
  .lc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lx-grid{grid-template-columns:minmax(0,1fr)}
  .lx-toc{display:none}.lx-toc-m{display:block}
  .calc-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:620px){
  .lx-hero-art{max-width:none;margin-inline:-8px}
  .lx-lh-art{max-width:none}
  .lx-lh-img{aspect-ratio:16/9;object-fit:cover}
  .lx-search{min-height:56px}.lx-search input{height:54px;padding-inline-start:46px}.lx-search>.ic{inset-inline-start:16px}.lx-search button{padding:0 16px}
  .sh-list,.lc-grid,.gl-list,.src-list.cols,.rm,.cm-route,.gp-grid,.lx-pager{grid-template-columns:minmax(0,1fr)}
  .pg-next{grid-column:auto}
  .tc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tc-b{padding:10px 12px 12px}.tc-p{display:none}.tc-b b{font-size:14.5px}
  .lf{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:14px}
  .gf{grid-template-columns:minmax(0,1fr)}
  .lx-body{font-size:17px}
  .ex,.qz,.calc{padding:16px}
  .lf-n{margin-inline-start:0}
  .cont-item{grid-template-columns:84px minmax(0,1fr);padding-inline-end:12px}.cont-img{width:84px;height:84px}.cont-item .go{display:none}
  .calc-res{grid-template-columns:minmax(0,1fr)}
  .cf-row{grid-template-columns:minmax(0,1fr) 100px}
  .cm-head{align-items:flex-start}.cm-img{width:84px;height:63px}
  .lx-cta{width:100%}.lx-cta .btn{flex:1 1 auto}
}

/* ===== Identity refresh (2026-11-02): midnight navy, blue-grey surfaces, soft white text, mint used sparingly ===== */
:root{--black:#08121c;--black-2:#122633;--deep:#122633;--paper:#f4f7f8;--soft:#f4f7f8;--mute-d:#aabbc5;--mint:#50d6a2;--silver:#b9c9d3;--ink:#08121c;--mute-l:#41525e}
body{background:var(--black)}
.btn{background:var(--mint);color:#04140d}
/* the phone bar steps back so the main action leads */
.rh-bar{background:var(--black-2);color:var(--mute-d);font-size:13.5px;border-bottom:1px solid rgba(185,201,211,.12)}
.rh-bar a{color:var(--paper);font-weight:600}
/* hero: one clear stack of headline, sentence and action over the film */
.hero{background:var(--black)}
.hero .sub{color:var(--paper);opacity:.92}
.hero-in .btn{min-height:54px;padding:0 34px;font-size:17px;box-shadow:0 10px 30px -10px rgba(80,214,162,.55)}
:root[lang="ar"] .hero.rh .display{font-size:clamp(38px,5.6vw,80px);max-width:14ch}
:root[lang="ar"] .hero .sub{font-size:clamp(16px,1.45vw,19px)}
@media (max-width:620px){
  .hero{min-height:600px}
  .hero-in{padding-block:36px 0;gap:14px}
  .rh-bar{font-size:12.5px}
}
/* platform: a large, legible product demonstration */
.pv{background:linear-gradient(180deg,var(--black) 0%,#0c1a26 60%,var(--black-2) 100%);overflow:clip}
.pv>.in{padding-block:clamp(72px,8vw,120px) clamp(56px,6vw,88px);display:grid;gap:clamp(36px,4vw,56px)}
.pv-head{display:grid;justify-items:center;text-align:center;gap:16px}
.pv-k{display:flex;align-items:center;gap:10px;font:600 15px var(--sans);color:var(--mute-d)}
.pv-h{font:400 clamp(38px,5vw,68px)/1.06 var(--display);letter-spacing:-.025em;text-wrap:balance;max-width:16ch}
.pv-h em{font-style:normal;color:var(--mint)}
:root[lang="ar"] .pv-h{font-weight:600;letter-spacing:0;line-height:1.3}
.pv-p{font-size:clamp(17px,1.5vw,19px);color:var(--mute-d);max-width:48ch}
.pv-ways{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.pv-ways li{border:1px solid rgba(185,201,211,.28);border-radius:999px;padding:6px 14px;font-size:14px;color:var(--silver)}
.pv-act{display:grid;justify-items:center;gap:6px;margin-top:6px}
.pv-act .btn{min-height:54px;padding:0 32px;font-size:17px}
.pv .pro-apps{justify-content:center}
.pv-stage{position:relative;max-width:1120px;width:100%;margin-inline:auto;padding-bottom:clamp(24px,4vw,48px)}
.pv-desk{margin:0;position:relative;border-radius:16px;background:#0d1b27;border:1px solid rgba(185,201,211,.18);box-shadow:0 50px 90px -40px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.4);overflow:hidden}
.pv-bar{display:flex;gap:6px;padding:10px 14px;background:#0a1620;border-bottom:1px solid rgba(185,201,211,.12)}
.pv-bar i{width:9px;height:9px;border-radius:50%;background:#2a3d4c}
.pv-desk img{display:block;width:100%;height:auto}
.pv-tag{position:absolute;inset-block-start:52px;inset-inline-start:14px;background:rgba(8,18,28,.82);color:var(--silver);border:1px solid rgba(185,201,211,.3);border-radius:999px;padding:4px 12px;font:600 12.5px var(--sans);backdrop-filter:blur(6px)}
.pv-tag.real{inset-block-start:auto;inset-block-end:-34px;inset-inline-start:50%;transform:translateX(-50%);white-space:nowrap;color:var(--paper)}
:root[dir="rtl"] .pv-tag.real{transform:translateX(50%)}
.pv-phone{margin:0;position:absolute;inset-inline-end:clamp(-8px,-1vw,0px);bottom:0;width:clamp(150px,21%,232px)}
.pv-ph{border-radius:30px;padding:8px;background:linear-gradient(150deg,#3a4a57,#0c141c 35%,#05090d 75%,#2a3640);box-shadow:0 40px 60px -24px rgba(0,0,0,.9)}
.pv-ph img{display:block;width:100%;aspect-ratio:9/19;object-fit:cover;object-position:50% 40%;border-radius:23px;background:#1b1d22}
.pv .pro-cap{text-align:center;margin:0 auto;color:var(--mute-d);font-size:13.5px;max-width:60ch}
@media (max-width:700px){
  .pv-phone{width:34%;inset-inline-end:-4px;bottom:-8px}
  .pv-tag{inset-block-start:38px;font-size:11.5px}
  .pv-act .btn{width:100%}
  .pv-act{width:100%}
}
/* research: a soft-white band with dark text */
.rsh{background:var(--soft);color:var(--ink)}
.rsh-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,6vw,88px);align-items:center;padding-block:clamp(72px,8vw,120px)}
.rsh-copy{display:grid;gap:18px;justify-items:start}
.rsh-k{font:600 14px var(--sans);color:#0b7a55;letter-spacing:.02em}
.rsh-h{font:400 clamp(34px,4vw,54px)/1.1 var(--display);letter-spacing:-.02em;text-wrap:balance;max-width:15ch}
:root[lang="ar"] .rsh-h{font-weight:600;letter-spacing:0;line-height:1.35}
.rsh-p{font-size:17px;color:var(--mute-l);max-width:46ch}
.rsh-list{display:grid;gap:0;margin:4px 0 6px;width:100%;max-width:520px}
.rsh-list div{display:grid;gap:2px;padding:14px 0;border-top:1px solid rgba(8,18,28,.12)}
.rsh-list div:last-child{border-bottom:1px solid rgba(8,18,28,.12)}
.rsh-list dt{font:600 17px var(--sans)}
.rsh-list dd{margin:0;color:var(--mute-l);font-size:15.5px}
.rsh .btn.dark{background:var(--ink);color:var(--paper)}
.rsh-risk{font-size:13.5px;color:#4d5d69;max-width:50ch}
.rsh-card{margin:0;position:relative;background:#fff;border:1px solid rgba(8,18,28,.1);border-radius:22px;padding:22px;box-shadow:0 40px 70px -40px rgba(8,18,28,.45);display:grid;gap:14px}
.rsh-top{display:flex;align-items:center;gap:10px;font-size:15px}
.rsh-top .pv-tag{position:static;margin-inline-start:auto;background:#eef2f4;color:#41525e;border-color:rgba(8,18,28,.12)}
.rsh-chart{width:100%;height:auto}
.rsh-lines{display:grid;gap:8px}
.rsh-lines i{display:block;height:8px;border-radius:4px;background:#e3e9ed}
.rsh-lines i.s{width:62%}
.rsh :focus-visible{outline-color:var(--ink)}
@media (max-width:860px){.rsh-grid{grid-template-columns:minmax(0,1fr)}}
/* broker: deep blue-grey */
.tm{background:linear-gradient(180deg,var(--black) 0%,#0d1c28 35%,var(--black-2) 75%,#1d3646 100%)}
.tm-p,.tm-cap{color:var(--mute-d)}
/* trust */
.rh-why{background:var(--black)}
.why-cta{margin-top:28px}
/* account opening: blue-grey band, the card stays soft white */
.rh-learn{background:var(--black-2);color:var(--paper)}
.rh-learn .lead{color:var(--mute-d)}
.panel{background:var(--soft);color:var(--ink)}
.op-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:8px}
.rh-final{background:var(--black)}
.pv-h em{display:block}
.bnd-cta{background:var(--ink);color:var(--paper)}
.rh-strip{background:var(--black-2);color:var(--mute-d);border-top:1px solid rgba(185,201,211,.12)}
.rh-strip a{color:var(--paper)}
.pv-phone{width:clamp(140px,17%,200px);bottom:-28px}
@media (max-width:700px){
  .pv-stage{display:flex;flex-direction:column;align-items:center;padding-bottom:52px}
  .pv-desk{width:100%}
  .pv-phone{position:relative;inset:auto;width:128px;margin-top:-96px;margin-inline-start:auto;margin-inline-end:6px}
  .pv-tag.real{font-size:11px;inset-inline-start:auto;inset-inline-end:0;transform:none}
  :root[dir="rtl"] .pv-tag.real{transform:none}
}
.pv-ph img{object-fit:contain;object-position:50% 46%;background:#1c1d22}
@media (max-width:700px){.pv-phone{width:112px;margin-top:-120px}}
.pv-ph img{height:auto;aspect-ratio:9/17}
@media (min-width:701px){.pv-stage{padding-bottom:72px}}
/* hero film refinement (2026-11-03): still legend for the three paths, calmer CTA, quiet closing band */
.legend{position:absolute;left:50%;transform:translateX(-50%);z-index:2;margin:0;display:flex;align-items:center;gap:10px;padding:6px 16px;border-radius:999px;background:rgba(8,18,28,.86);border:1px solid rgba(185,201,211,.28);color:var(--mute-d);font:600 14px/1.4 var(--sans);white-space:nowrap;opacity:0;transition:opacity .6s ease;pointer-events:none}
.legend.show{opacity:1}
.legend .on{color:var(--mint)}
.legend b{font-weight:400;color:rgba(185,201,211,.5)}
:root[lang="ar"] .legend{font-family:"IBM Plex Sans Arabic",var(--sans)}
.hero-in .btn{box-shadow:0 6px 18px -10px rgba(80,214,162,.38)}
.rh-final .in::before{content:"";display:block;width:56px;height:2px;border-radius:2px;background:var(--mint);opacity:.85}
#cap{text-wrap:balance;max-width:min(460px,calc(100vw - 40px))}
@media (max-width:700px){.hero{min-height:640px}}
/* narrow header (2026-11-03): short language code, smaller wordmark, one-line announcement */
.lang-short{display:none;font-weight:600}
:root[lang="en"] .lang-short::before{content:"EN"}
:root[lang="fr"] .lang-short::before{content:"FR"}
:root[lang="ar"] .lang-short::before{content:"ع"}
@media (max-width:420px){.lang-cur{display:none}.lang-short{display:inline}.bar2{display:none}.rh-bar{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media (max-width:360px){.brand{font-size:17px;gap:8px}.brand img{width:30px}}
@media (max-width:360px){.rh-bar{font-size:11.5px;padding-inline:8px}}
/* brand wordmark (2026-11-03): the owner's GoldenWay lettering beside the mark, in header and footer */
.brand .brand-name{width:auto;height:18px;display:block}
@media (max-width:360px){.brand .brand-name{height:16px}}

/* ---- Bonds page (2026-11-03): category cards, label, comparison, risks ---- */
.bp-hero .svh-art{perspective:none}
.bp-hero .svh-art img{transform:none;border-radius:20px;box-shadow:0 30px 70px -30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08)}
.bp-nav{background:#08121c;border-bottom:1px solid var(--line-d);position:sticky;top:64px;z-index:20}
.bp-nav ul{list-style:none;margin:0;padding:12px 0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.bp-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line-d);color:#dfe6ee;text-decoration:none;font:500 15px var(--sans);white-space:nowrap;transition:border-color .2s,color .2s}
.bp-nav a:hover{border-color:var(--mint);color:#fff}
.bp-types,.bp-cmp,.bp-diff,.bp-access{scroll-margin-top:130px}
.bp-card{scroll-margin-top:140px}
.bp-head{display:grid;gap:12px;max-width:720px;margin-bottom:12px}
.bp-head .lead{color:var(--mute-l)}
.bp-cards{display:grid;gap:28px}
.bp-card{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);border:1px solid var(--line-l);border-radius:22px;overflow:hidden;background:#fff;transition:border-color .25s,box-shadow .25s}
.bp-card:nth-child(even){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.bp-card:nth-child(even) .bp-art{order:2}
.bp-card:hover{border-color:rgba(10,15,23,.4);box-shadow:0 18px 40px -28px rgba(8,18,28,.45)}
.bp-art{background:linear-gradient(180deg,#122633,#0d1d29);overflow:hidden;display:flex;align-items:center}
.bp-art img{display:block;width:100%;height:auto;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.bp-card:hover .bp-art img{transform:scale(1.025)}
.bp-body{padding:clamp(24px,3vw,40px);display:grid;gap:14px;align-content:start}
.bp-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bp-edu,.bp-av,.bp-gt{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 12px;border-radius:999px;font:600 13px var(--sans)}
.bp-edu{background:var(--mist);color:#3b4b5e}
.bp-av{background:var(--mint);color:var(--mint-ink)}
.bp-gt{border:1px solid #9fd9c1;color:#0b6b48;text-decoration:none;min-height:40px}
.bp-gt:hover{background:#eaf8f2}
.bp-leaf{flex:none}
.bp-h{font:600 clamp(24px,2.3vw,30px)/1.2 var(--sans);letter-spacing:-.015em}
.bp-h.sm{font-size:clamp(19px,1.7vw,22px)}
.bp-w{font-size:17.5px;color:#26364a;max-width:60ch}
.bp-dl{display:grid;gap:0;margin-top:4px}
.bp-dl>div{display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:6px 20px;border-top:1px solid var(--line-l);padding:14px 0}
.bp-dl dt{display:flex;align-items:flex-start;gap:8px;font:600 14.5px/1.5 var(--sans);color:var(--ink)}
.bp-dl dt svg{flex:none;margin-top:2px;color:#0b6b48}
.bp-dl dd{margin:0;font-size:15.5px;color:#3b4b5e}
.bp-green{background:#08121c}
.bp-green-in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(28px,5vw,64px);align-items:center;padding-block:var(--pad)}
.bp-green-in img{display:block;width:100%;height:auto;border-radius:20px;border:1px solid var(--line-d)}
.bp-green-in>div{display:grid;gap:16px;color:#c9d3de;font-size:17px;max-width:62ch}
.bp-green-in .h2{color:#fff;max-width:26ch}
.h2.sm{font-size:clamp(24px,2.6vw,34px)}
.bp-note{display:flex;gap:10px;align-items:flex-start;color:#e6f7ef;border-top:1px solid var(--line-d);padding-top:16px}
.bp-note svg{color:var(--mint);margin-top:4px}
.bp-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.bp-vs{display:grid;gap:10px;align-content:start;background:var(--mist);border-radius:18px;padding:28px;border-top:3px solid #08121c}
.bp-vs p{color:#26364a;font-size:16.5px}
.bp-table{width:100%;border-collapse:collapse;font-size:15.5px;text-align:start}
.bp-table th,.bp-table td{text-align:start;vertical-align:top;padding:18px 16px;border-bottom:1px solid var(--line-l)}
.bp-table thead th{font:600 13px var(--sans);color:var(--mute-l);border-bottom:1px solid var(--ink);padding-block:12px}
.bp-table tbody th{font:600 16.5px var(--sans);color:var(--ink);white-space:nowrap}
.bp-table td{color:#3b4b5e}
.bp-table tbody tr{transition:background .2s}
.bp-table tbody tr:hover{background:#f6f8fa}
.bp-cl{display:none}
.bp-risks{background:var(--black)}
.bp-risks>.in{padding-block:var(--pad);display:grid;gap:28px}
.bp-risks .h2{color:#fff}
.bp-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bp-risk{display:grid;gap:12px;align-content:start;background:#0f1a26;border:1px solid var(--line-d);border-radius:18px;padding:26px;color:#c9d3de;transition:border-color .25s}
.bp-risk:hover{border-color:rgba(80,214,162,.45)}
.bp-risk .bp-h{color:#fff}
.bp-ra{width:100%;max-width:220px;height:auto;margin-bottom:6px}
.bp-ra path,.bp-ra circle{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.bp-ra .g{stroke:#3a5262}.bp-ra .w{stroke:#f4f7f8}.bp-ra .s{stroke:#aabbc5}.bp-ra .m{fill:var(--mint);stroke:none}
.svr.dark{background:rgba(255,255,255,.05);color:#c9d3de;max-width:820px}
.bp-access-in{display:grid!important;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,64px)!important;align-items:start}
.bp-disc{font-size:14.5px;color:var(--mute-l);border-top:1px solid var(--line-l);padding-top:14px}
.bp-learn{display:grid;gap:10px;background:var(--mist);border-radius:18px;padding:26px}
.bp-learn ul{list-style:none;margin:0;padding:0}
.bp-learn a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;border-top:1px solid var(--line-l);color:var(--ink);text-decoration:none;font-weight:600}
.bp-learn a:hover span{text-decoration:underline;text-underline-offset:4px}
.bp-go{flex:none;transition:transform .2s}
.bp-learn a:hover .bp-go{transform:translateX(3px)}
:root[dir="rtl"] .bp-go{transform:scaleX(-1)}
:root[dir="rtl"] .bp-learn a:hover .bp-go{transform:scaleX(-1) translateX(3px)}
.bp-cta .lead{color:#c9d3de;max-width:52ch}
@media (max-width:980px){
  .bp-card{grid-template-columns:minmax(0,1fr)}
  .bp-card:nth-child(even){grid-template-columns:minmax(0,1fr)}
  .bp-card:nth-child(even) .bp-art{order:0}

  .bp-three{grid-template-columns:minmax(0,1fr)}
  .bp-access-in{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .bp-nav{top:56px}
  .bp-dl>div{grid-template-columns:minmax(0,1fr)}
  .bp-green-in{grid-template-columns:minmax(0,1fr)}
  .bp-green-in img{max-width:420px}
  .bp-two{grid-template-columns:minmax(0,1fr)}
  .bp-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .bp-table,.bp-table tbody,.bp-table tr,.bp-table th,.bp-table td{display:block}
  .bp-table tbody{display:grid;gap:14px}
  .bp-table tr{border:1px solid var(--line-l);border-radius:16px;padding:6px 18px}
  .bp-table tbody th{white-space:normal;padding:14px 0 6px;border:0}
  .bp-table td{padding:10px 0;border-bottom:0;border-top:1px solid var(--line-l)}
  .bp-cl{display:block;font:600 12.5px var(--sans);color:var(--mute-l);margin-bottom:2px}
}
.bp-hero .btn,.bp-cta .btn{white-space:normal;text-align:center;line-height:1.25;padding-block:10px}

/* ---- Support page (2026-11-03): search-first questions, topic groups, WhatsApp hand-off ---- */
.sp-hero{background:linear-gradient(180deg,#0e1928,var(--black));border-bottom:1px solid var(--line-d)}
.sp-hero .in{padding-block:clamp(56px,7vw,104px) clamp(40px,5vw,64px);display:grid;gap:18px;justify-items:center;text-align:center}
.sp-h1{font:400 clamp(40px,6vw,76px)/1.06 var(--display);letter-spacing:-.025em;text-wrap:balance}
:root[lang="ar"] .sp-h1{font-weight:600;line-height:1.3;letter-spacing:0}
.sp-hero .lead{color:#c9d3de;max-width:56ch}
.sp-ask{width:min(100%,760px);display:grid;gap:14px;margin-top:10px}
.sp-field{position:relative;display:flex;align-items:center;gap:12px;min-height:68px;padding-inline:22px 10px;background:#fff;color:var(--ink);border-radius:999px;box-shadow:0 20px 50px -30px rgba(0,0,0,.8)}
.sp-field>svg{flex:none;color:#5b6b7e}
.sp-field:focus-within{outline:2px solid var(--mint);outline-offset:3px}
.sp-field input{flex:1;min-width:0;height:64px;border:0;background:none;font:400 18px var(--sans);color:var(--ink);outline:none}
.sp-field input::placeholder{color:#6a7889}
.sp-field input::-webkit-search-cancel-button{display:none}
.sp-x{min-height:44px;padding:0 14px;border:0;border-radius:999px;background:var(--mist);color:var(--ink);font:600 14px var(--sans);cursor:pointer}
.sp-x:focus-visible{outline-color:var(--ink)}
.sp-go{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.sp-wa .wa-ic{color:#25d366}
.sp-go .sp-wa{background:#fff;color:var(--ink)}
.sp-go .sp-wa:hover{filter:none;background:#eef7f2}
.sp-cp{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line-l);background:transparent;color:var(--ink);font:600 14.5px var(--sans);cursor:pointer;transition:border-color .2s}
.sp-cp:hover{border-color:var(--ink)}
.sp-cp.light{min-height:48px;color:var(--paper);border-color:rgba(255,255,255,.35)}
.sp-cp.light:hover{border-color:#fff}
.sp-msg{min-height:1.4em;font-size:14.5px;color:var(--mint)}
.sp-note,.sp-nowa{font-size:14px;color:#aab5c2;max-width:64ch;margin-inline:auto}
.sp-nowa{color:#e6f7ef}
.sp-hero .toc{justify-content:center}
.sp-topics{scroll-margin-top:72px}
.sp-head{display:grid;gap:10px;max-width:680px;margin-bottom:8px}
.sp-head .lead{color:var(--mute-l)}
.sp-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sp-topic{width:100%;height:100%;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;align-items:center;text-align:start;padding:20px;border:1px solid var(--line-l);border-radius:18px;background:#fff;color:var(--ink);cursor:pointer;font:inherit;transition:border-color .2s,box-shadow .2s}
.sp-topic:hover{border-color:rgba(10,15,23,.45)}
.sp-topic[aria-expanded="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.sp-topic .sp-ic{grid-row:span 2}
.sp-tn{font:600 17px/1.35 var(--sans)}
.sp-tc{font-size:13.5px;color:var(--mute-l)}
.sp-ic{flex:none;width:48px;height:48px;padding:6px;box-sizing:content-box;border-radius:14px;background:#122633;fill:none;stroke:#f4f7f8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sp-ic .m{fill:var(--mint);stroke:none}
.sp-ic .mf{fill:var(--mint);stroke:var(--mint)}
.sp-ic .ms{stroke:var(--mint)}
.sp-panels:not([hidden]){margin-top:8px}
.sp-panel,.sp-results{border:1px solid var(--line-l);border-radius:22px;background:#fff;padding:clamp(20px,3vw,36px);display:grid;gap:14px;scroll-margin-top:84px}
.sp-ph{display:flex;align-items:center;gap:14px}
.sp-ph .sp-ic{width:36px;height:36px;padding:5px;border-radius:11px}
.sp-h3{font:600 clamp(20px,2vw,24px)/1.3 var(--sans)}
.sp-n{color:var(--mute-l);font-weight:500}
.sp-tnote{font-size:15px;color:#26364a;background:var(--mist);border-radius:12px;padding:12px 16px}
.sp-tnote a{color:#0b5a3a;font-weight:600}
.sp-list{list-style:none;margin:0;padding:0;display:grid}
.sp-q{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 24px;padding:16px 0;border-top:1px solid var(--line-l)}
.sp-qt{font:500 17px/1.5 var(--sans);color:var(--ink)}
.sp-tag{grid-column:1/-1;font:600 12.5px var(--sans);color:#0b6b48;margin-bottom:-6px}
.sp-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sp-acts .sp-wa{background:var(--ink);color:#fff}
.sp-acts .sp-wa:hover{filter:none;background:#1c2a3b}
.sp-none{display:grid;gap:10px}
.sp-none:not([hidden]){border-top:1px solid var(--line-l);padding-top:14px}
.sp-none p{color:var(--mute-l)}
.sp-none blockquote{margin:0;padding:14px 18px;border-inline-start:3px solid var(--ink);background:var(--mist);border-radius:0 12px 12px 0;font-size:17px;white-space:pre-wrap;overflow-wrap:anywhere}
:root[dir="rtl"] .sp-none blockquote{border-radius:12px 0 0 12px}
@media (max-width:980px){.sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){
  .sp-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  .sp-topic{padding:14px 16px}
  .sp-field{min-height:60px;padding-inline:16px 8px}
  .sp-field input{height:56px;font-size:17px}
  .sp-go{display:grid;grid-template-columns:minmax(0,1fr)}
  .sp-go>*{justify-content:center;width:100%}
  .sp-q{grid-template-columns:minmax(0,1fr)}
  .sp-acts>*{flex:1 1 auto;justify-content:center}
}

/* ---- Margin and Short Selling pages (2026-11-04): pv-* = product pages for leveraged services ---- */
.pv-fig{display:grid;gap:14px;margin:0}
.pv-fig figcaption{display:grid;gap:8px}
.pv-legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;color:#dfe6ee;font:500 14.5px var(--sans)}
.pv-legend li{display:inline-flex;align-items:center;gap:8px}
.pv-legend .sw{width:14px;height:14px;border-radius:4px;flex:none}
.sw.own{background:#2a3d4b;box-shadow:inset 0 0 0 2px var(--mint)}
.sw.fin{border:2px dashed #b9c9d3}
.sw.bp{background:var(--mint)}
.sw.n1,.sw.n2,.sw.n3,.sw.n4{border-radius:50%;width:22px;height:22px;display:none}
.pv-legend:has(.n1){counter-reset:pl}
.pv-legend:has(.n1) li{counter-increment:pl}
.pv-legend:has(.n1) li::before{content:counter(pl);display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.35);font:600 12px var(--sans)}
.pv-legend:has(.n1) li:nth-child(2)::before{background:var(--mint);color:var(--mint-ink);border-color:var(--mint)}
.pv-cap{font-size:14px;color:#9fb0bd;max-width:56ch}
.pv-avail{display:flex;gap:8px;align-items:flex-start;margin-top:18px;font-size:14.5px;line-height:1.6;color:#b9c9d3;max-width:52ch}
.pv-avail svg{flex:none;margin-top:4px;color:var(--mint)}
.pv-how .h2{max-width:24ch}
.pv-steps{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:28px;position:relative}
.pv-steps.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pv-steps.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pv-steps::before{content:"";position:absolute;inset-inline:22px 22px;top:22px;border-top:1px dashed #9aa9b5}
.pv-steps li{position:relative;display:grid;gap:10px;align-content:start;padding-inline-end:12px}
.pv-n{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#08121c;color:#fff;font:600 17px var(--sans);position:relative;z-index:1;box-shadow:0 0 0 6px var(--paper,#f4f7f8);transition:background .25s,color .25s}
.pv-steps li:hover .pv-n{background:var(--mint);color:var(--mint-ink)}
.pv-h3{font:600 clamp(19px,1.6vw,22px)/1.25 var(--sans);letter-spacing:-.01em}
.pv-steps p{color:#3b4b5e;font-size:16.5px;max-width:36ch}
.pv-ex{background:linear-gradient(180deg,#0e1928,#08121c);color:#c9d3de}
.pv-ex>.in{padding-block:var(--pad);display:grid;gap:24px}
.pv-ex .h2{color:#fff;max-width:26ch}
.pv-assume{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 16px;align-items:baseline;border:1px solid var(--line-d);border-radius:16px;padding:16px 20px;max-width:880px}
.pv-assume b{font:600 13px var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--mint)}
.pv-assume p{font-size:15.5px}
.pv-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.pv-case{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto;gap:10px 24px;background:#0f1a26;border:1px solid var(--line-d);border-radius:20px;padding:26px}
.pv-case-k{grid-column:1/-1;display:inline-flex;align-items:center;gap:8px;font:600 15px var(--sans);color:#fff}
.pv-case.good .pv-case-k svg{color:var(--mint)}
.pv-case.bad .pv-case-k svg{color:#f4f7f8}
.pv-bars{grid-row:2/4;display:flex;align-items:flex-end;gap:8px;height:120px;padding-top:4px}
.pv-bars span{width:22px;height:calc(var(--h) * .8%);min-height:8px;border-radius:6px 6px 2px 2px;background:#3a5262}
.pv-case.good .pv-bars .r{background:var(--mint)}
.pv-case.bad .pv-bars .r{background:transparent;border:2px dashed #f4f7f8}
.pv-case p{font-size:16px;line-height:1.6}
.pv-res{font:600 18px/1.45 var(--sans);color:#fff}
.pv-ex-n{font-size:14.5px;color:#9fb0bd;max-width:80ch}
.pv-know-in{display:grid!important;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(28px,5vw,72px)!important;align-items:start}
.pv-know-head{display:grid;gap:14px;position:sticky;top:96px}
.pv-know-head .lead{color:var(--mute-l)}
.pv-dl{margin:0;display:grid}
.pv-dl>div{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:8px 28px;padding:22px 0;border-top:1px solid var(--line-l)}
.pv-dl>div:last-child{border-bottom:1px solid var(--line-l)}
.pv-dl dt{display:flex;gap:12px;align-items:baseline;font:600 17.5px/1.4 var(--sans);color:var(--ink)}
.pv-kn{font:600 13px var(--sans);color:#0b6b48;font-variant-numeric:tabular-nums}
.pv-dl dd{margin:0;font-size:16.5px;color:#3b4b5e}
.pv-risk{background:var(--black);border-top:1px solid var(--line-d)}
.pv-risk>.in{padding-block:var(--pad);display:grid;gap:30px}
.pv-risk-head{display:flex;align-items:center;gap:16px}
.pv-risk-head .h2{color:#fff}
.pv-warn{flex:none;color:#f4f7f8}
.pv-risks{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:rk;border-top:1px solid rgba(255,255,255,.18)}
.pv-risks li{counter-increment:rk;display:grid;grid-template-columns:72px minmax(0,5fr) minmax(0,7fr);gap:8px 28px;align-items:baseline;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.18);color:#d5dde5;transition:background .25s}
.pv-risks li::before{content:"0" counter(rk);font:600 14px var(--sans);color:#9fb0bd}
.pv-risks li:hover{background:rgba(255,255,255,.025)}
.pv-risks .pv-h3{color:#fff;font-size:clamp(20px,1.9vw,26px)}
.pv-risks p{font-size:17px;line-height:1.65;max-width:62ch}
@media (max-width:980px){
  .pv-steps.n4{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}
  .pv-steps.n4::before{display:none}
  .pv-know-in{grid-template-columns:minmax(0,1fr)}
  .pv-know-head{position:static}
}
@media (max-width:760px){
  .pv-steps.n3,.pv-steps.n4{grid-template-columns:minmax(0,1fr);gap:24px}
  .pv-steps::before{display:block!important;inset-inline:21px auto;top:22px;bottom:22px;border-top:0;border-inline-start:1px dashed #9aa9b5}
  .pv-steps li{grid-template-columns:44px minmax(0,1fr);gap:4px 16px}
  .pv-steps li>:not(.pv-n){grid-column:2}
  .pv-steps li .pv-n{grid-row:1/3}
  .pv-cases{grid-template-columns:minmax(0,1fr)}
  .pv-assume{grid-template-columns:minmax(0,1fr)}
  .pv-dl>div{grid-template-columns:minmax(0,1fr)}
  .pv-risks li{grid-template-columns:minmax(0,1fr);padding:22px 0}
}
.pv-hero .btn,.pv-hero+* .btn{white-space:normal;text-align:center;line-height:1.25;padding-block:10px}
/* seven services (hub page): four plus three instead of a lone card on the last row */
@media (min-width:1100px){.offer-grid:has(>li:nth-child(7):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ---- Research hub and research pages (2026-11-04): rx-* ---- */
.rx-hero{position:relative;isolation:isolate;min-height:clamp(520px,72vh,700px);display:flex;align-items:center;overflow:hidden;background:#08121c;border-bottom:1px solid var(--line-d)}
.rx-media,.rx-media picture,.rx-poster,.rx-film,.rx-shade{position:absolute;inset:0;width:100%;height:100%}
.rx-media{z-index:-1}
.rx-poster,.rx-film{object-fit:cover;object-position:70% 50%}
.rx-film{opacity:0;transition:opacity 1.2s ease}.rx-film.on{opacity:1}
.rx-shade{background:linear-gradient(90deg,rgba(8,18,28,.96) 0%,rgba(8,18,28,.86) 34%,rgba(8,18,28,.35) 68%,rgba(8,18,28,.15) 100%),linear-gradient(0deg,#08121c 0%,rgba(8,18,28,0) 26%)}
:root[dir="rtl"] .rx-shade{background:linear-gradient(270deg,rgba(8,18,28,.96) 0%,rgba(8,18,28,.86) 34%,rgba(8,18,28,.35) 68%,rgba(8,18,28,.15) 100%),linear-gradient(0deg,#08121c 0%,rgba(8,18,28,0) 26%)}
:root[dir="rtl"] .rx-poster,:root[dir="rtl"] .rx-film{object-position:30% 50%}
.rx-hero-in{width:100%;padding-block:clamp(56px,8vw,96px);display:grid;gap:22px;justify-items:start}
.rx-h{font:300 clamp(44px,6vw,86px)/1.02 var(--display);letter-spacing:-.03em;max-width:12ch;text-wrap:balance;color:#fff}
.rx-h em{display:block;font-style:normal;color:var(--mint)}
:root[lang="ar"] .rx-h{font-weight:600;line-height:1.22;letter-spacing:0;font-size:clamp(40px,5.4vw,76px)}
.rx-hero .lead{color:#d5dde5;max-width:46ch}
.rx-hero .ctas{display:flex;flex-wrap:wrap;gap:12px}
.rx-hero .btn{white-space:normal;text-align:center;line-height:1.25;padding-block:10px}
.rx-pause{position:absolute;inset-inline-end:clamp(16px,3vw,32px);bottom:clamp(16px,3vw,28px);width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(8,18,28,.55);color:#fff;cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(6px)}
.rx-pause:hover{border-color:var(--mint)}
.i-pause{width:12px;height:14px;border-inline:4px solid currentColor;box-sizing:border-box}
.rx-pause.paused .i-pause{border:0;width:0;height:0;border-block:7px solid transparent;border-inline-start:12px solid currentColor;margin-inline-start:3px}
:root[dir="rtl"] .rx-pause.paused .i-pause{transform:scaleX(-1)}
.rx-film-note{position:absolute;inset-inline-start:max(20px,calc((100% - 1200px)/2 + 20px));bottom:14px;margin:0;font-size:12.5px;color:#8396a6;max-width:calc(100% - 120px)}
/* sticky department bar */
.rx-bar{position:sticky;top:64px;z-index:20;background:rgba(8,18,28,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-d)}
.rx-bar-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.rx-depts{list-style:none;margin:0;padding:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.rx-depts a{position:relative;display:inline-flex;align-items:center;min-height:48px;padding:0 14px;color:#c9d3de;text-decoration:none;font:600 15.5px var(--sans);white-space:nowrap;transition:color .2s}
.rx-depts a::after{content:"";position:absolute;inset-inline:14px;bottom:4px;height:2px;border-radius:2px;background:var(--mint);transform:scaleX(0);transition:transform .25s}
.rx-depts a:hover{color:#fff}
.rx-depts a[aria-current="page"]{color:#fff}.rx-depts a[aria-current="page"]::after{transform:none}
.rx-fmts{display:flex;gap:4px;padding:4px;border:1px solid var(--line-d);border-radius:999px;flex:none}
.rx-fmts button{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:#c9d3de;font:600 14px var(--sans);cursor:pointer;white-space:nowrap}
.rx-fmts button[aria-pressed="true"]{background:#f4f7f8;color:#08121c}
.rx-fmts button:not([aria-pressed="true"]):hover{color:#fff;background:rgba(255,255,255,.06)}
/* featured */
.rx-eyebrow{font:600 13px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--mint);margin:0}
:root[lang="ar"] .rx-eyebrow{letter-spacing:0;font-size:15px}
.rx-feat{background:#08121c}
.rx-feat>.in{padding-block:clamp(36px,5vw,64px);display:grid;gap:20px}
.rx-feat-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,3vw,40px);align-items:start}
.rx-feat-grid:not(:has(.rx-feat-side)){grid-template-columns:minmax(0,1fr)}
.rx-feat-grid:not(:has(.rx-feat-side)) .rx-lead{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:32px}
.rx-lead{display:grid;gap:18px;color:#fff;text-decoration:none}
.rx-feat-side{display:grid;gap:22px}
.rx-sm{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:16px;align-items:start;color:#fff;text-decoration:none;padding-bottom:22px;border-bottom:1px solid var(--line-d)}
.rx-feat-side .rx-sm:last-child{border-bottom:0}
.rx-th{position:relative;display:block;border-radius:16px;overflow:hidden;background:#122633;aspect-ratio:16/9;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.rx-th img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
a:hover>.rx-th img{transform:scale(1.03)}
.rx-play{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;background:rgba(244,247,248,.92);color:#08121c;display:grid;place-items:center;box-shadow:0 8px 30px rgba(0,0,0,.35)}
.rx-sm .rx-play,.rx-li .rx-play,.rx-vc .rx-play{width:40px;height:40px}
.rx-play svg{margin-inline-start:3px}
:root[dir="rtl"] .rx-play svg{transform:scaleX(-1);margin-inline-start:0;margin-inline-end:3px}
.rx-tdur{position:absolute;inset-inline-end:10px;bottom:10px;padding:2px 8px;border-radius:6px;background:rgba(8,18,28,.82);color:#fff;font:600 12.5px var(--sans)}
.rx-lb{display:grid;gap:8px;align-content:start;min-width:0}
.rx-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.rx-dept{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;font:600 12.5px var(--sans);border:1px solid}
.rx-dept.t{color:#9fe8c9;border-color:rgba(80,214,162,.5)}
.rx-dept.f{color:#d5dde5;border-color:rgba(185,201,211,.5)}
.rx-fmt{display:inline-flex;align-items:center;gap:5px;font:500 12.5px var(--sans);color:#aab5c2}
.rx-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:6px;font:600 12px var(--sans);background:rgba(255,255,255,.1);color:#e6ecf1}
.rx-badge.demo{background:transparent;border:1px dashed var(--mint);color:var(--mint)}
.rx-t{font:600 clamp(18px,1.5vw,21px)/1.3 var(--sans);letter-spacing:-.01em;text-wrap:pretty}
.rx-lead .rx-t{font-size:clamp(24px,2.4vw,34px);line-height:1.18;letter-spacing:-.02em}
.rx-s{color:#b9c6d1;font-size:16px;line-height:1.6}
.rx-m{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;color:#9fb0bd}
.rx-co{font:500 14px var(--sans);color:#d5dde5}.rx-tk{font-weight:600;color:#fff;letter-spacing:.02em}
.dot{opacity:.6}
a:hover .rx-t{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
/* latest and videos (light band) */
.rx-fresh{background:#f4f7f8;color:var(--ink);border-bottom:1px solid var(--line-l)}
.rx-fresh-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,64px);padding-block:clamp(44px,6vw,76px)}
.rx-fresh.solo .rx-fresh-in{grid-template-columns:minmax(0,1fr)}
.rx-fresh .h2{margin-bottom:12px}
.rx-rows{list-style:none;margin:0;padding:0;counter-reset:rr}
.rx-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;padding:18px 0;border-top:1px solid var(--line-l);color:var(--ink);text-decoration:none}
.rx-rows li:last-child .rx-row{border-bottom:1px solid var(--line-l)}
.rx-rd{font:600 13.5px var(--sans);color:var(--mute-l);padding-top:3px}
.rx-fresh .rx-dept.t,.rx-lib .rx-dept.t,.rx-rel .rx-dept.t{color:#0b6b48;border-color:#9fd9c1}
.rx-fresh .rx-dept.f,.rx-lib .rx-dept.f,.rx-rel .rx-dept.f{color:#33485a;border-color:#b6c3cd}
.rx-fresh .rx-fmt,.rx-lib .rx-fmt,.rx-rel .rx-fmt{color:#46566a}
.rx-fresh .rx-badge,.rx-lib .rx-badge,.rx-rel .rx-badge{background:#e3e9ee;color:#26364a}
.rx-fresh .rx-badge.demo,.rx-lib .rx-badge.demo{background:transparent;color:#0b6b48;border-color:#0b6b48}
.rx-fresh .rx-co,.rx-lib .rx-co{color:#46566a}.rx-fresh .rx-tk,.rx-lib .rx-tk{color:var(--ink)}
.rx-fresh .rx-m,.rx-lib .rx-m{color:#46566a}
.rx-rail{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.rx-vc{display:grid;gap:10px;color:var(--ink);text-decoration:none}
.rx-rail li:nth-child(n+2) .rx-vc{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:4px 14px}
.rx-rail li:nth-child(n+2) .rx-vc .rx-th{grid-row:1/4}
.rx-quiet{color:var(--mute-l)}
.rx-fresh :focus-visible,.rx-lib :focus-visible,.rx-read :focus-visible,.rx-dfoot :focus-visible,.rx-rel :focus-visible,.rx-disc :focus-visible{outline-color:var(--ink)}
/* the two departments */
.rx-sides{background:linear-gradient(180deg,#0e1928,#08121c);border-bottom:1px solid var(--line-d)}
.rx-sides-in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-block:clamp(48px,6vw,84px)}
.rx-sides.one .rx-sides-in{grid-template-columns:minmax(0,1fr)}
.rx-side{display:grid;gap:14px;align-content:start;padding-inline:clamp(0px,3vw,40px);color:#c9d3de}
.rx-side:first-child{padding-inline-start:0;border-inline-end:1px solid var(--line-d)}
.rx-side:last-child{padding-inline-end:0}
.rx-sides.one .rx-side{padding-inline:0;border:0;max-width:880px}
.rx-side .h2{color:#fff}
.rx-side>p{font-size:17px;max-width:54ch}
.rx-side-art{width:100%;max-width:320px;height:auto;margin-bottom:8px}
.rx-side-art path,.rx-side-art rect{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rx-side-art .g{stroke:#24394a}.rx-side-art .w{stroke:#f4f7f8}.rx-side-art .d{stroke:var(--mint);stroke-dasharray:6 6}.rx-side-art .c path,.rx-side-art .c rect{stroke:#aabbc5}.rx-side-art .m{fill:var(--mint);stroke:var(--mint)!important}
.rx-covers{font:600 13px var(--sans);color:#8396a6;margin-top:6px}
.rx-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.rx-chip{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line-d);color:#dfe6ee;text-decoration:none;font:500 14.5px var(--sans);transition:border-color .2s,background .2s}
.rx-chip:hover{border-color:var(--mint)}
.rx-chip[aria-current="true"]{background:var(--mint);border-color:var(--mint);color:var(--mint-ink)}
/* library */
.rx-lib{background:#fff;color:var(--ink);scroll-margin-top:120px}
.rx-lib>.in{padding-block:var(--pad);display:grid;gap:28px}
.rx-lib-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:24px;align-items:end}
.rx-lib-head .lead{color:var(--mute-l)}
.rx-search{position:relative;display:flex;align-items:center;border:1px solid #9aa9b5;border-radius:999px;background:#fff;min-height:56px;padding-inline:18px 8px;gap:10px;color:#46566a}
.rx-search:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px rgba(10,15,23,.12)}
.rx-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 16.5px var(--sans);color:var(--ink);min-height:52px}
.rx-search input::-webkit-search-cancel-button{display:none}
.rx-x{flex:none;width:40px;height:40px;border:0;border-radius:50%;background:#eef2f6;color:var(--ink);font-size:22px;line-height:1;cursor:pointer}
.rx-lib-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.rx-filters{position:sticky;top:148px;border:1px solid var(--line-l);border-radius:18px;padding:6px 18px 18px;background:#f8fafb}
.rx-filters summary{list-style:none;display:flex;align-items:center;gap:6px;min-height:44px;font:600 15px var(--sans);cursor:pointer}
.rx-filters summary::-webkit-details-marker{display:none}
.rx-fbody{display:grid;gap:14px}
.rx-fbody label{display:grid;gap:6px;font:600 13.5px var(--sans);color:#33485a}
.rx-fbody select{appearance:none;min-height:44px;border:1px solid #b6c3cd;border-radius:12px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2333485a' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center;padding:0 36px 0 12px;font:500 15px var(--sans);color:var(--ink);width:100%}
:root[dir="rtl"] .rx-fbody select{background-position:left 14px center;padding:0 12px 0 36px}
.rx-fbody .btn[disabled]{opacity:.45;cursor:default}
.rx-link{background:none;border:0;padding:0;min-height:40px;font:600 14.5px var(--sans);color:#0b6b48;text-decoration:underline;text-underline-offset:4px;cursor:pointer;text-align:start}
.rx-count{font:600 14px var(--sans);color:var(--mute-l);margin:0 0 6px;min-height:22px}
.rx-list{list-style:none;margin:0;padding:0;display:grid}
.rx-li{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:22px;padding:22px 0;border-top:1px solid var(--line-l);color:var(--ink);text-decoration:none}
.rx-list li:last-child .rx-li{border-bottom:1px solid var(--line-l)}
.rx-li .rx-th{border-radius:12px}
.rx-li .rx-s,.rx-fresh .rx-s{color:#3b4b5e;font-size:15.5px}
.rx-state{border:1px dashed #b6c3cd;border-radius:18px;padding:32px;display:grid;gap:10px;justify-items:start;color:#3b4b5e}
.rx-state h3{font:600 20px var(--sans);color:var(--ink);margin:0}
.rx-empty{border-style:solid;background:#f4f7f8;color:#26364a}
.rx-empty svg{color:#33485a}
.rx-skel{display:block;height:120px;border-radius:14px;background:linear-gradient(90deg,#eef2f6 0%,#f7f9fb 50%,#eef2f6 100%);background-size:200% 100%;animation:rxsk 1.4s linear infinite}
#rx-loading{border:0;padding:0;gap:14px;justify-items:stretch}
@keyframes rxsk{to{background-position:-200% 0}}
.rx-msg:not(.vh){font-size:14px;color:#26364a;word-break:break-all}
/* disclosures */
.rx-disc{background:#eef2f6;color:#26364a}
.rx-disc-in{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:24px;padding-block:clamp(36px,5vw,56px)}
.rx-disc .rx-eyebrow{color:#0b6b48}
.rx-disc p{font-size:15px;max-width:80ch;margin:0 0 10px}
@media (max-width:980px){
  .rx-feat-grid,.rx-feat-grid:not(:has(.rx-feat-side)) .rx-lead{grid-template-columns:minmax(0,1fr)}
  .rx-fresh-in{grid-template-columns:minmax(0,1fr)}
  .rx-lib-grid{grid-template-columns:minmax(0,1fr)}
  .rx-filters{position:static;padding:4px 16px 4px}
  .rx-filters[open]{padding-bottom:18px}
  .rx-fbody{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rx-fbody .btn,.rx-fbody .rx-link{grid-column:auto}
  .rx-lib-head{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .rx-hero{min-height:0;align-items:flex-end}
  .rx-hero-in{padding-block:clamp(120px,40vw,200px) 64px}
  .rx-shade,:root[dir="rtl"] .rx-shade{background:linear-gradient(0deg,#08121c 0%,rgba(8,18,28,.92) 45%,rgba(8,18,28,.45) 80%,rgba(8,18,28,.25) 100%)}
  .rx-poster,.rx-film,:root[dir="rtl"] .rx-poster,:root[dir="rtl"] .rx-film{object-position:50% 30%}
  .rx-bar{top:56px}
  .rx-bar-in{flex-direction:column;align-items:stretch;gap:0;padding-block:4px 10px}
  .rx-depts a{padding:0 10px;font-size:15px}
  .rx-fmts{align-self:flex-start}
  .rx-sides-in{grid-template-columns:minmax(0,1fr);gap:40px}
  .rx-side,.rx-side:first-child,.rx-side:last-child{padding-inline:0;border:0}
  .rx-side:first-child{padding-bottom:40px;border-bottom:1px solid var(--line-d)}
  .rx-sides.one .rx-side{padding-bottom:0;border-bottom:0}
  .rx-sm,.rx-li{grid-template-columns:minmax(0,1fr)}
  .rx-rail li:nth-child(n+2) .rx-vc{grid-template-columns:minmax(0,1fr)}
  .rx-rail li:nth-child(n+2) .rx-vc .rx-th{grid-row:auto}
  .rx-row{grid-template-columns:minmax(0,1fr);gap:6px}
  .rx-fbody{grid-template-columns:minmax(0,1fr)}
  .rx-disc-in{grid-template-columns:minmax(0,1fr)}
  .rx-film-note{position:static;padding:0 20px 14px;max-width:none;background:#08121c;display:none}
}
/* ---- research detail ---- */
.rx-dhead{background:linear-gradient(180deg,#0e1928,#08121c);border-bottom:1px solid var(--line-d)}
.rx-dhead-in{padding-block:clamp(32px,5vw,64px);display:grid;gap:14px;max-width:1000px}
.rx-crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font:500 14.5px var(--sans);color:#8396a6;margin:0}
.rx-crumb a{color:#c9d3de;text-decoration:none;min-height:40px;display:inline-flex;align-items:center}.rx-crumb a:hover{color:#fff;text-decoration:underline}
.rx-meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font:500 14.5px var(--sans);color:#c9d3de;margin:0}
.rx-dh{font:600 clamp(32px,4.4vw,56px)/1.12 var(--sans);letter-spacing:-.025em;color:#fff;max-width:24ch;text-wrap:balance}
.rx-dh[lang="ar"]{letter-spacing:0;line-height:1.35}
.rx-dsum{font-size:clamp(17px,1.5vw,20px);color:#d5dde5;max-width:60ch}
.rx-byline{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:15px;color:#b9c6d1;margin:0}.rx-byline b{color:#fff;font-weight:600}
.rx-byline a{color:#9fe8c9}
.rx-byline.sm{font-size:14px;color:#9fb0bd}
.rx-flag{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.06);color:#dfe6ee;font-size:15px;max-width:820px;margin:4px 0 0}
.rx-flag svg{flex:none;margin-top:4px}
.rx-flag.demo{border:1px dashed var(--mint);background:rgba(80,214,162,.06)}
.rx-flag.old{border-inline-start:3px solid #f4f7f8}
.rx-flag a{color:#9fe8c9}
.rx-player{background:#08121c;border-bottom:1px solid var(--line-d)}
.rx-player>.in{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:28px;padding-block:clamp(28px,4vw,48px);align-items:start}
.rx-vwrap{position:relative;border-radius:18px;overflow:hidden;background:#000;aspect-ratio:16/9;box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.rx-vwrap video{display:block;width:100%;height:100%;background:#000}
.rx-bigplay{position:absolute;inset:0;margin:auto;height:56px;width:max-content;display:inline-flex;align-items:center;gap:10px;padding:0 22px 0 18px;border:0;border-radius:999px;background:#f4f7f8;color:#08121c;font:600 16px var(--sans);cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.rx-bigplay .rx-dur{color:#46566a;font-weight:500}
.rx-bigplay[hidden]{display:none}
.rx-cc{font-size:14px;color:#9fb0bd;margin:10px 0 0}
.rx-vside{display:grid;gap:18px;grid-column:2;grid-row:1/3}
.rx-chaps{list-style:none;margin:0;padding:0;display:grid}
.rx-chaps button{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;width:100%;min-height:48px;align-items:center;text-align:start;border:0;border-top:1px solid var(--line-d);background:none;color:#dfe6ee;font:500 15px var(--sans);cursor:pointer;padding:0 4px}
.rx-chaps button:hover,.rx-chaps button[aria-current]{color:#fff;background:rgba(255,255,255,.04)}
.rx-chaps button[aria-current] .t{color:var(--mint)}
.rx-chaps .t{font-variant-numeric:tabular-nums;color:#9fb0bd}
.rx-tr{border:1px solid var(--line-d);border-radius:14px;padding:0 16px;color:#c9d3de}
.rx-tr summary{min-height:48px;display:flex;align-items:center;cursor:pointer;font:600 15px var(--sans);color:#fff}
.rx-tr div{padding-bottom:14px;font-size:15.5px;line-height:1.7}
.rx-box-h{font:600 13px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#9fb0bd;margin:0 0 10px}
:root[lang="ar"] .rx-box-h{letter-spacing:0;font-size:15px}
.rx-box-h.sm{margin-top:14px}
.rx-read{background:#fff;color:var(--ink)}
.rx-read-in{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(24px,5vw,72px);padding-block:clamp(36px,5vw,64px)}
.rx-aside .rx-toc{position:sticky;top:96px}
.rx-toc ol{list-style:none;margin:0;padding:0;display:grid}
.rx-toc a{display:flex;align-items:center;min-height:40px;padding-inline-start:12px;border-inline-start:2px solid #e3e9ee;color:#33485a;text-decoration:none;font-size:15px}
.rx-toc a:hover{border-color:var(--ink);color:var(--ink)}
.rx-read .rx-box-h,.rx-dfoot .rx-box-h{color:#46566a}
.rx-main{display:grid;gap:28px;max-width:760px}
.rx-box{border:1px solid var(--line-l);border-radius:18px;padding:22px 24px;background:#f8fafb}
.rx-box.tech{border-top:3px solid #33485a}
.rx-box.fund{border-top:3px solid #0b6b48}
.rx-box-n{font-size:14px;color:#46566a;margin:12px 0 0}
.rx-facts{margin:0;display:grid}
.rx-facts>div{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:4px 18px;padding:10px 0;border-top:1px solid var(--line-l)}
.rx-facts>div:first-child{border-top:0}
.rx-facts dt{font:600 14px var(--sans);color:#33485a}
.rx-facts dd{margin:0;font-size:15.5px;color:var(--ink)}
.rx-facts dd span{color:#46566a}
.rx-main>.rx-facts{border:1px solid var(--line-l);border-radius:18px;padding:8px 24px}
.rx-take{background:#08121c;color:#e6ecf1;border-radius:18px;padding:24px 26px}
.rx-take .rx-box-h{color:var(--mint)}
.rx-take ul{margin:0;padding-inline-start:20px;display:grid;gap:8px;font-size:17px;line-height:1.6}
.rx-prose{font-size:18px;line-height:1.75;color:#1d2a38}
.rx-prose[lang="ar"]{font-size:19px;line-height:1.95}
.rx-prose section{scroll-margin-top:96px}
.rx-prose h2{font:600 clamp(22px,2vw,27px)/1.3 var(--sans);letter-spacing:-.01em;margin:32px 0 10px;color:var(--ink)}
.rx-prose section:first-child h2{margin-top:0}
.rx-prose p{margin:0 0 16px;max-width:68ch}
.rx-fig{margin:22px 0 8px}
.rx-zoom{position:relative;display:block;width:100%;padding:0;border:0;border-radius:14px;overflow:hidden;cursor:zoom-in;background:#122633}
.rx-zoom img{display:block;width:100%;height:auto}
.rx-zi{position:absolute;inset-inline-end:12px;top:12px;width:40px;height:40px;border-radius:50%;background:rgba(244,247,248,.92);color:#08121c;display:grid;place-items:center}
.rx-fig figcaption{font-size:14px;color:#46566a;margin-top:8px}
.rx-dlg{border:0;padding:0;background:transparent;max-width:min(1400px,96vw);width:96vw}
.rx-dlg::backdrop{background:rgba(4,9,14,.88)}
.rx-dlg img{display:block;width:100%;height:auto;border-radius:14px}
.rx-dlg form{display:flex;justify-content:flex-end;margin-bottom:10px}
.rx-dlg .rx-x{width:44px;height:44px;background:#f4f7f8}
.rx-dlg-cap{color:#dfe6ee;font-size:15px;margin:10px 0 0}
.rx-dfoot{background:#f4f7f8;color:var(--ink);border-top:1px solid var(--line-l)}
.rx-dfoot-in{display:grid;gap:28px;padding-block:clamp(32px,5vw,56px);max-width:1000px}
.rx-dfoot p{font-size:15.5px;color:#26364a;max-width:80ch}
.rx-assoc{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;font-size:16.5px!important}
.rx-assoc a,.rx-src a{color:#0b6b48}
.rx-pdf-acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.rx-pdf-frame{margin-top:14px;border:1px solid var(--line-l);border-radius:14px;overflow:hidden;background:#fff}
.rx-pdf-frame iframe{display:block;width:100%;height:min(80vh,900px);border:0}
.rx-src{margin:0;padding-inline-start:20px;display:grid;gap:6px;color:#26364a}
.rx-rel{background:#fff;color:var(--ink);border-top:1px solid var(--line-l)}
.rx-rel>.in{padding-block:clamp(36px,5vw,64px);display:grid;gap:20px}
.rx-rel-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.rx-rel-list a{display:grid;gap:8px;color:var(--ink);text-decoration:none}
.rx-rel-list img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px}
.rx-rmeta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px}
.rx-rmeta b{color:#0b6b48;font-weight:600}
.rx-rt{font:600 17px/1.35 var(--sans)}
.rx-rd{font-size:13.5px;color:#46566a}
.rx-backline{padding-block:20px 36px;background:#fff;margin:0;max-width:none}
.rx-doc .rx-backline{background:transparent}
@media (max-width:980px){
  .rx-player>.in{grid-template-columns:minmax(0,1fr)}
  .rx-vside{grid-column:auto;grid-row:auto}
  .rx-read-in{grid-template-columns:minmax(0,1fr)}
  .rx-aside .rx-toc{position:static}
  .rx-rel-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .rx-rel-list{grid-template-columns:minmax(0,1fr)}
  .rx-facts>div{grid-template-columns:minmax(0,1fr)}
  .rx-box{padding:18px}
}
@media (prefers-reduced-motion: reduce){.rx-film{display:none}.rx-skel{animation:none}}
.rx-lib.nothing .rx-search,.rx-lib.nothing .rx-filters,.rx-lib.nothing .rx-count,.rx-lib.nothing .rx-lib-head .lead{display:none}
.rx-lib.nothing .rx-lib-grid{grid-template-columns:minmax(0,1fr)}
.rx-lib.nothing .rx-empty{max-width:760px}
@media (max-width:420px){
  .rx-fmts{align-self:stretch}
  .rx-fmts button{flex:1 1 auto;justify-content:center;padding:0 8px;font-size:13.5px}
  .rx-state{padding:22px 18px}
  .rx-state .btn{white-space:normal;text-align:center;line-height:1.25;padding-block:10px}
}
/* ---------- Golden Way Online page (2026-11-04), gw-* ---------- */
.gw-hero{position:relative;overflow:clip;background:radial-gradient(60% 46% at 50% 0%,#122633 0%,rgba(18,38,51,0) 100%),#08121c;text-align:center}
.gw-hero-in{display:grid;justify-items:center;gap:22px;padding-top:clamp(64px,9vw,120px)}
.gw-k{display:flex;align-items:center;gap:10px;font:600 17px var(--sans);color:#dfe6ee}
.gw-k2{font:600 14.5px var(--sans);color:var(--mint);letter-spacing:.02em}
.gw-h1{font:400 clamp(46px,7.4vw,104px)/1.02 var(--display);letter-spacing:-.03em;text-wrap:balance;max-width:14ch}
.gw-h1 em{font-style:normal;color:var(--mint)}
:root[lang="ar"] .gw-h1{font-weight:700;letter-spacing:0;line-height:1.25;font-size:clamp(42px,6.4vw,88px)}
.gw-lead{font:400 clamp(17px,1.5vw,20px)/1.6 var(--sans);color:#c9d3de;max-width:46ch}
.gw-hero .ctas{margin-top:6px}
.gw-trio{position:relative;margin:clamp(36px,5vw,64px) 0 0;width:min(1000px,100%);height:clamp(420px,52vw,640px);display:flex;justify-content:center;align-items:flex-start}
.gw-glow{position:absolute;left:50%;top:22%;width:70%;height:70%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(80,214,162,.22),rgba(80,214,162,0));filter:blur(10px);pointer-events:none}
.gw-ph{position:relative;flex:none;border-radius:44px;padding:9px;background:linear-gradient(155deg,#b9c9d3 0%,#3b4a57 14%,#0b141d 40%,#05090e 75%,#5b6b78 100%);box-shadow:0 0 0 1px rgba(255,255,255,.06),0 50px 80px -30px rgba(0,0,0,.85)}
.gw-ph img{display:block;width:100%;height:auto;border-radius:36px;background:#1b1e24}
.gw-trio .gw-ph{width:clamp(210px,25vw,300px)}
.gw-trio .mid{z-index:2}
.gw-trio .side{position:absolute;top:9%;opacity:.92}
.gw-trio .s1{inset-inline-start:calc(50% - clamp(210px,25vw,300px)*1.32);transform:rotate(-6deg)}
.gw-trio .s2{inset-inline-end:calc(50% - clamp(210px,25vw,300px)*1.32);transform:rotate(6deg)}
:root[dir="rtl"] .gw-trio .s1{transform:rotate(6deg)}:root[dir="rtl"] .gw-trio .s2{transform:rotate(-6deg)}
.gw-trio::after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(180deg,rgba(8,18,28,0),#08121c 85%);z-index:3;pointer-events:none}
.gw-cap{position:absolute;inset-inline:0;bottom:18px;z-index:4;font:400 13px/1.5 var(--sans);color:#aabbc5;max-width:62ch;margin-inline:auto;padding-inline:16px}
/* see the platform */
.gw-see{background:#08121c;padding-block:var(--pad);border-top:1px solid rgba(255,255,255,.06)}
.gw-head{display:grid;gap:14px;justify-items:center;text-align:center;max-width:760px;margin:0 auto clamp(36px,5vw,60px)}
.gw-h2{font:400 clamp(34px,4.4vw,60px)/1.08 var(--display);letter-spacing:-.025em;text-wrap:balance}
:root[lang="ar"] .gw-h2{font-weight:700;letter-spacing:0;line-height:1.3;font-size:clamp(30px,3.8vw,50px)}
.gw-p{font:400 clamp(17px,1.4vw,19px)/1.65 var(--sans);color:#c9d3de;max-width:44ch}
.gw-head .gw-p{margin-inline:auto}
.gw-strip{list-style:none;margin:0;padding:6px 4px 18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,32px)}
.gw-strip figure{margin:0;display:grid;gap:14px;justify-items:center}
.gw-strip .gw-ph{width:100%;max-width:250px;border-radius:36px;padding:7px}
.gw-strip .gw-ph img{border-radius:30px}
.gw-strip figcaption{font:600 15px var(--sans);color:#dfe6ee}
.gw-strip li:nth-child(even){transform:translateY(28px)}
.gw-on{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;margin-top:clamp(40px,5vw,64px);font:400 15px var(--sans);color:#aabbc5}
.gw-on b{font-weight:600;color:#f4f7f8;padding:8px 16px;border:1px solid rgba(255,255,255,.16);border-radius:999px}
/* capability rows */
.gw-row{background:#08121c;padding-block:clamp(48px,6vw,96px)}
.gw-row:nth-of-type(even){background:#0b1823}
.gw-row-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}
.gw-row.flip .gw-row-art{order:-1}
.gw-row-copy{display:grid;gap:18px;max-width:520px}
.gw-stage{position:relative;display:grid;place-items:center;padding:clamp(40px,5vw,72px) 20px 0;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#122633 0%,#0d1c27 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);height:clamp(420px,44vw,580px);align-items:start}
.gw-stage::before{content:"";position:absolute;left:50%;top:30%;width:80%;height:60%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(80,214,162,.16),rgba(80,214,162,0))}
.gw-stage .gw-ph{width:clamp(230px,24vw,300px)}
.gw-note{font:400 15px/1.6 var(--sans);color:#aabbc5;max-width:52ch}
.gw-words{border-radius:28px;padding:clamp(32px,4vw,56px);background:linear-gradient(180deg,#122633 0%,#0d1c27 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);display:grid;gap:14px}
.gw-wk{font:600 14px var(--sans);color:var(--mint);letter-spacing:.02em}
.gw-big,.gw-mid{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:6px 22px}
.gw-big li{font:400 clamp(34px,4.4vw,58px)/1.1 var(--display);letter-spacing:-.02em;color:#f4f7f8}
:root[lang="ar"] .gw-big li{font-weight:600;letter-spacing:0}
.gw-big li:not(:last-child)::after{content:"·";margin-inline-start:22px;color:#3d5566}
.gw-mid li{font:500 clamp(18px,1.7vw,22px) var(--sans);color:#b9c9d3;padding:8px 16px;border:1px solid rgba(255,255,255,.14);border-radius:999px}
.gw-placeholder{margin-top:16px;padding:14px 18px;border:1.5px dashed #f2c94c;border-radius:14px;color:#f7dd8b;font:500 14px/1.5 var(--sans)}
/* research and support */
.gw-rs{background:#f4f7f8;color:var(--ink);padding-block:var(--pad)}
.gw-rs .gw-h2{text-align:center;margin-bottom:clamp(32px,4vw,52px)}
.gw-rs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.gw-card{position:relative;overflow:hidden;display:grid;align-content:start;gap:12px;padding:clamp(28px,3.4vw,44px);border-radius:26px;background:#08121c;color:#f4f7f8;text-decoration:none;min-height:340px}
.gw-card.light{background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line-l)}
.gw-card p{font:400 17px/1.6 var(--sans);max-width:42ch}
.gw-card.light p{color:var(--mute-l)}.gw-card:not(.light) p{color:#c9d3de}
.gw-ck{font:600 14px var(--sans)!important;color:var(--mint)!important;letter-spacing:.02em}
.gw-card.light .gw-ck{color:#0d7a52!important}
.gw-h3{font:600 clamp(22px,2vw,28px)/1.25 var(--sans);letter-spacing:-.01em}
.gw-go{display:inline-flex;align-items:center;gap:8px;font:600 16px var(--sans);color:inherit;text-decoration:none;margin-top:6px}
.gw-card:not(.light) .gw-go{color:var(--mint)}
.gw-go .arr{transition:transform .2s}:root[dir="rtl"] .gw-go .arr{transform:scaleX(-1)}
a.gw-card:hover .gw-go .arr,.gw-go:hover .arr{transform:translateX(4px)}:root[dir="rtl"] a.gw-card:hover .gw-go .arr,:root[dir="rtl"] .gw-go:hover .arr{transform:scaleX(-1) translateX(4px)}
.gw-card-art{display:block;width:100%;max-width:420px;height:auto;margin-top:12px;border-radius:14px}
.gw-tel{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:6px}
.gw-tel a{font:500 clamp(28px,3vw,40px) var(--sans);color:#f4f7f8;text-decoration:none;letter-spacing:.01em}
.gw-tel span{font:400 15px var(--sans);color:#aabbc5}
.gw-rs .gw-note{color:var(--mute-l);text-align:center;margin:28px auto 0}
.gw-rs :focus-visible{outline-color:var(--ink)}
/* getting started */
.gw-start{background:#08121c;padding-block:var(--pad)}
.gw-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);counter-reset:s}
.gw-steps li{position:relative;display:grid;gap:10px;padding-top:28px;border-top:1px solid rgba(255,255,255,.16)}
.gw-steps li::before{content:"";position:absolute;top:-1px;inset-inline-start:0;width:48px;height:2px;background:var(--mint)}
.gw-n{font:400 clamp(40px,4vw,56px)/1 var(--display);color:var(--mint)}
.gw-steps p{font:400 16px/1.6 var(--sans);color:#c9d3de}
.gw-soon{margin:36px auto 0;text-align:center;font:500 15px var(--sans);color:#aabbc5}
.gw-stores{margin-top:22px}
.gw-final .display{max-width:18ch;margin-inline:auto}
.gw-faq .faq a{color:inherit}
/* reveal */
.gw-anim .gw-rv{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.gw-anim .gw-rv.seen{opacity:1;transform:none}
.gw-anim .gw-strip li.gw-rv.seen:nth-child(even){transform:translateY(28px)}
.gw-anim .gw-strip li:nth-child(2){transition-delay:.08s}.gw-anim .gw-strip li:nth-child(3){transition-delay:.16s}.gw-anim .gw-strip li:nth-child(4){transition-delay:.24s}
@media (prefers-reduced-motion:no-preference){
  .gw-trio .mid{animation:gw-up 1.1s cubic-bezier(.2,.7,.2,1) both}
  .gw-trio .side{animation:gw-in 1.3s .15s cubic-bezier(.2,.7,.2,1) both}
}
@keyframes gw-up{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}
@keyframes gw-in{from{opacity:0}to{opacity:.92}}
@media (max-width:900px){
  .gw-row-in{grid-template-columns:minmax(0,1fr)}
  .gw-row.flip .gw-row-art{order:0}
  .gw-row-copy{max-width:none}
  .gw-steps{grid-template-columns:minmax(0,1fr)}
  .gw-strip{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(62vw,240px);overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:4px;scrollbar-width:thin}
  .gw-strip li{scroll-snap-align:center}
  .gw-strip li:nth-child(even),.gw-anim .gw-strip li.gw-rv.seen:nth-child(even){transform:none}
}
@media (max-width:620px){
  .gw-trio{height:clamp(380px,118vw,520px)}
  .gw-trio .gw-ph{width:min(58vw,250px)}
  .gw-trio .s1{inset-inline-start:calc(50% - min(58vw,250px)*1.08)}
  .gw-trio .s2{inset-inline-end:calc(50% - min(58vw,250px)*1.08)}
  .gw-stage{height:clamp(380px,112vw,520px)}
  .gw-stage .gw-ph{width:min(64vw,270px)}
  .gw-card{min-height:0}
  .gw-big li:not(:last-child)::after{margin-inline-start:14px}
  .gw-big{gap:4px 14px}
}
a.gw-go{min-height:44px}
/* ---------- Your own broker page (2026-11-04), yb-* (shares gw-* steps, heads, FAQ and reveals) ---------- */
.yb-hero{position:relative;overflow:clip;background:radial-gradient(70% 80% at 85% 20%,#e3ecef 0%,rgba(227,236,239,0) 70%),#f4f7f8;color:var(--ink)}
:root[dir="rtl"] .yb-hero{background:radial-gradient(70% 80% at 15% 20%,#e3ecef 0%,rgba(227,236,239,0) 70%),#f4f7f8}
.yb-hero-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,96px);align-items:center;padding-block:clamp(64px,8vw,112px) 0}
.yb-hero-copy{display:grid;gap:22px;justify-items:start;padding-bottom:clamp(48px,7vw,104px)}
.yb-brand{display:flex;align-items:center;gap:10px;font:600 17px var(--sans);color:#122633}
.yb-h1{font:400 clamp(44px,6vw,86px)/1.04 var(--display);letter-spacing:-.03em;text-wrap:balance;color:#08121c}
.yb-h1 em{display:block;font-style:normal;color:#0b5c46}
:root[lang="ar"] .yb-h1{font-weight:700;letter-spacing:0;line-height:1.3;font-size:clamp(40px,5vw,72px)}
.yb-lead{font:400 clamp(18px,1.6vw,21px)/1.6 var(--sans);color:#2b3c4a;max-width:44ch}
.yb-hero .ctas{align-items:center;gap:14px 20px}
.yb-tel{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:#122633;text-decoration:none;font:400 16px var(--sans)}
.yb-tel b{font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(18,38,51,.35)}
.yb-tel:hover b{text-decoration-color:currentColor}
.yb-you{font:400 15px/1.6 var(--sans);color:#46566a;max-width:50ch;padding-inline-start:14px;border-inline-start:2px solid var(--mint)}
.yb-hero :focus-visible{outline-color:var(--ink)}
.yb-hero-art{margin:0;align-self:end;display:grid;justify-items:center;gap:0}
.yb-stage{width:100%;display:flex;justify-content:center;align-items:flex-end;height:clamp(460px,46vw,640px);border-radius:32px 32px 0 0;background:linear-gradient(180deg,#122633 0%,#08121c 100%);overflow:hidden;perspective:1600px;position:relative}
.yb-stage::before{content:"";position:absolute;left:50%;top:12%;width:80%;height:70%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(80,214,162,.2),rgba(80,214,162,0))}
.yb-phone{width:min(300px,62vw);margin-bottom:-18%;transform:rotate(-4deg)}
:root[dir="rtl"] .yb-phone{transform:rotate(4deg)}
.yb-cap{width:100%;font:400 13px/1.5 var(--sans);color:#aabbc5;background:#08121c;padding:12px 20px 18px;text-align:center}
/* relationship */
.yb-rel{background:#08121c;padding-block:var(--pad)}
.yb-rel-in{display:grid;gap:22px;justify-items:center;text-align:center}
.yb-k{font:600 14.5px var(--sans);color:var(--mint);letter-spacing:.02em}
.yb-h2{font:400 clamp(34px,4.2vw,58px)/1.08 var(--display);letter-spacing:-.025em;text-wrap:balance}
.yb-h2.big{font-size:clamp(40px,5.6vw,80px);max-width:18ch}
:root[lang="ar"] .yb-h2{font-weight:700;letter-spacing:0;line-height:1.3;font-size:clamp(30px,3.8vw,50px)}
:root[lang="ar"] .yb-h2.big{font-size:clamp(34px,4.6vw,62px)}
.yb-rel-list{list-style:none;margin:clamp(20px,3vw,36px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,40px);width:100%;text-align:start;counter-reset:r}
.yb-rel-list li{counter-increment:r;padding-top:22px;border-top:1px solid rgba(255,255,255,.16);font:400 clamp(18px,1.6vw,21px)/1.5 var(--sans);color:#dfe6ee;position:relative}
.yb-rel-list li::before{content:"0" counter(r);display:block;font:500 14px var(--sans);color:var(--mint);margin-bottom:10px}
/* value rows */
.yb-row{background:#0b1823;padding-block:clamp(56px,7vw,112px)}
.yb-row:nth-of-type(odd){background:#08121c}
.yb-row-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}
.yb-row.flip .yb-row-art{order:-1}
.yb-row-copy{display:grid;gap:16px;max-width:520px}
.yb-p{font:400 clamp(17px,1.4vw,19px)/1.65 var(--sans);color:#c9d3de;max-width:46ch}
.yb-card{border-radius:28px;padding:clamp(28px,3.4vw,44px);background:linear-gradient(160deg,#f4f7f8 0%,#e3ecef 100%);color:var(--ink);box-shadow:0 50px 90px -40px rgba(0,0,0,.8);max-width:460px;margin-inline:auto;transform:rotate(-1.5deg);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
:root[dir="rtl"] .yb-card{transform:rotate(1.5deg)}
.yb-card:hover{transform:none}
.yb-card-top{display:flex;align-items:center;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--line-l)}
.yb-av{width:64px;height:64px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 1px var(--line-l)}
.yb-card-top p{display:grid;gap:2px}.yb-card-top b{font:600 19px var(--sans)}.yb-card-top span{font:400 15px var(--sans);color:var(--mute-l)}
.yb-card dl{margin:18px 0 0;display:grid;gap:14px}
.yb-card dt{font:500 13px var(--sans);color:var(--mute-l)}
.yb-card dd{margin:2px 0 0;font:500 17px/1.5 var(--sans)}
.yb-card dd a{color:inherit;font-size:22px;text-decoration:none;display:inline-flex;min-height:44px;align-items:center}
.yb-card :focus-visible{outline-color:var(--ink)}
.yb-rx{display:block;border-radius:24px;overflow:hidden;text-decoration:none;color:inherit;background:#122633;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 50px 90px -40px rgba(0,0,0,.8)}
.yb-rx img{display:block;width:100%;height:auto;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.yb-rx:hover img{transform:scale(1.03)}
.yb-rx-b{display:grid;gap:4px;padding:18px 22px 22px}
.yb-rx-b small{font:500 13px var(--sans);color:var(--mint)}
.yb-rx-b b{font:600 18px/1.4 var(--sans);color:#f4f7f8}
.yb-auth{border-radius:28px;padding:clamp(28px,3.4vw,44px);background:linear-gradient(180deg,#122633 0%,#0d1c27 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);display:grid;gap:18px}
.yb-auth ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.yb-auth li{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);font:500 clamp(18px,1.6vw,21px) var(--sans);color:#f4f7f8;transition:background .3s}
.yb-auth li:hover{background:rgba(80,214,162,.08)}
.yb-auth svg{flex:none;color:var(--mint)}
/* wider experience */
.yb-how{border-top:1px solid rgba(255,255,255,.06)}
.yb-wide{background:#f4f7f8;color:var(--ink);padding-block:var(--pad)}
.yb-wide .gw-p{color:var(--mute-l)}
.yb-wide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px}
.yb-w{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;padding:clamp(28px,3.4vw,40px);border-radius:26px;background:#08121c;color:#f4f7f8;text-decoration:none;min-height:360px}
.yb-w.light{background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line-l);grid-template-columns:minmax(0,1fr)}
.yb-w-copy{display:grid;gap:12px;align-self:start}
.yb-w p{font:400 16.5px/1.6 var(--sans);color:#c9d3de;max-width:36ch}
.yb-w.light p{color:var(--mute-l)}
.yb-w .gw-go{color:var(--mint)}.yb-w.light .gw-go{color:var(--ink)}
.yb-w-art .gw-ph{width:150px;margin-bottom:calc(-1*clamp(28px,3.4vw,40px) - 60px);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.yb-w:hover .gw-ph{transform:translateY(-10px)}
.yb-w-cover{display:block;width:100%;max-width:420px;height:auto;border-radius:14px}
.yb-w:hover .arr{transform:translateX(4px)}:root[dir="rtl"] .yb-w:hover .arr{transform:scaleX(-1) translateX(4px)}
.yb-wide :focus-visible{outline-color:var(--ink)}
@media (max-width:900px){
  .yb-hero-in,.yb-row-in{grid-template-columns:minmax(0,1fr)}
  .yb-row.flip .yb-row-art{order:0}
  .yb-hero-copy{padding-bottom:0}
  .yb-rel-list{grid-template-columns:minmax(0,1fr)}
  .yb-stage{height:clamp(420px,110vw,560px)}
}
@media (max-width:520px){
  .yb-w{grid-template-columns:minmax(0,1fr)}
  .yb-w-art{justify-self:center}
  .yb-card,:root[dir="rtl"] .yb-card{transform:none}
}
@media (prefers-reduced-motion:reduce){.yb-card,:root[dir="rtl"] .yb-card,.yb-card:hover,.yb-rx:hover img,.yb-w:hover .gw-ph{transform:none;transition:none}}