/* Moneeb-e — base, layout primitives, typography helpers */
.mb *,.mb *::before,.mb *::after{box-sizing:border-box}
.mb a{color:inherit; text-decoration:none}
.mb img{max-width:100%; display:block}
.mb h1,.mb h2,.mb h3,.mb h4,.mb p{margin:0}
.mb ::selection{background:var(--gold); color:var(--on-gold)}
.mb :focus-visible{outline:2px solid var(--gold); outline-offset:4px; border-radius:4px}
.skip{position:absolute; inset-inline-start:16px; top:-60px; z-index:100; background:var(--gold); color:var(--on-gold); padding:10px 16px; border-radius:var(--r-1); font-weight:600}
.skip:focus{top:12px}
.sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
.wrap{width:100%; max-width:var(--wrap); margin-inline:auto; padding-inline:var(--gutter)}
.sec{position:relative; padding-block:clamp(88px,11vw,160px)}
.eyebrow{display:inline-flex; align-items:center; gap:10px; font-size:var(--t-small); color:var(--gold); letter-spacing:.01em; font-weight:500}
.eyebrow::before{content:""; width:28px; height:1px; background:currentColor; opacity:.7}
.eyebrow .num{font-family:var(--f-latin); font-size:var(--t-micro); letter-spacing:.14em; opacity:.85}
.h2{font-family:var(--f-display); font-weight:400; font-size:var(--t-h2); line-height:1.18; letter-spacing:-.01em; text-wrap:balance}
.h2 em{font-style:normal; color:var(--gold)}
.lead{font-size:var(--t-lead); color:var(--muted); line-height:1.85; text-wrap:pretty; max-width:62ch}
.sec-head{display:flex; flex-direction:column; gap:var(--s-5); max-width:820px; margin-bottom:clamp(48px,6vw,88px)}
.latin{font-family:var(--f-latin)}
.gem{display:block; color:var(--gem)}

/* ========== LANGUAGE (LTR English) ========== */
.lang-btn span{font-family:var(--f-latin); font-weight:600; font-size:.8rem; line-height:1}
.mb[dir="ltr"] .btn svg,.mb[dir="ltr"] .pk-cta svg{transform:scaleX(-1)}
.mb[dir="ltr"] .btn:hover svg{transform:scaleX(-1) translateX(-4px)}
.mb[dir="ltr"] .pk:hover .pk-cta svg{transform:scaleX(-1) translateX(-6px)}
.mb[dir="ltr"] .axis .bar i{transform-origin:left}
.mb[dir="ltr"] .hero-title{letter-spacing:-.03em}
.mb[dir="ltr"] .vision-q{max-width:26ch}
.mb[dir="ltr"] .h2,.mb[dir="ltr"] .contact-title{letter-spacing:-.02em}
.mb[dir="ltr"] .hero-title{font-size:clamp(2.6rem,6.2vw,6rem)}
.nav-link,.btn,.wm,.tab span{white-space:nowrap}
html,body{margin:0;background:#090F20}html:has(.mb[data-theme="light"]),html:has(.mb[data-theme="light"]) body{background:#FBF8EF}