/* IXH — shared base */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Inter',system-ui,sans-serif;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
html[lang=ar] body{font-family:'IBM Plex Sans Arabic','Cairo',system-ui,sans-serif}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3,h4,p{margin:0}
em{font-style:normal}
:focus-visible{outline:2px solid var(--accent,#d4af37);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* language switcher */
.lang-switch{display:inline-flex;align-items:center;border:1px solid var(--line-strong,#3b434b);font-size:11px;letter-spacing:.08em}
.lang-switch button{background:transparent;border:0;padding:8px 11px;color:var(--muted,#9aa4ae);font-weight:600;line-height:1;transition:color .2s,background .2s}
.lang-switch button+button{border-inline-start:1px solid var(--line-strong,#3b434b)}
.lang-switch button:hover{color:var(--fg,#fff)}
.lang-switch button.active{background:var(--accent,#d4af37);color:var(--on-accent,#0d1117)}
.lang-switch button[data-set-lang=ar]{font-family:'IBM Plex Sans Arabic','Cairo',sans-serif;letter-spacing:0;font-size:12px}

/* reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}.reveal.d5{transition-delay:.4s}

/* arrows flip in RTL */
html[dir=rtl] .flip-rtl{transform:scaleX(-1)}

/* form status */
.form-status{font-size:13px;line-height:1.6;min-height:1px}
.form-status.ok{color:#8cd1a5}
.form-status.err{color:#f29a9a}
.hp{position:absolute!important;width:1px!important;height:1px!important;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;opacity:0}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
  .reveal{opacity:1;transform:none}
}

/* division switcher (topline) */
.div-switch{display:inline-flex;align-items:stretch;border:1px solid var(--line-strong,#3b434b);border-radius:999px;padding:2px;gap:2px;background:rgba(0,0,0,.2)}
.div-switch a{display:inline-flex;align-items:center;gap:7px;padding:4px 12px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted,#9aa4ae);white-space:nowrap;transition:background .2s,color .2s}
html[lang=ar] .div-switch a{letter-spacing:0;font-size:12px}
.div-switch a:hover{color:var(--fg,#fff)}
.div-switch .dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5}
.div-switch a.current{background:var(--accent,#d4af37);color:var(--on-accent,#0d1117)}
.div-switch a.current .dot{opacity:1}
