:root{--f:"Lexend","Tajawal",system-ui,sans-serif;--acc:#0F1B2D;--acc2:#C8A15A}
body{font-family:var(--f);color:#0F1B2D;font-weight:300}
.btn,.tabs>*{border-radius:999px!important}
.form,.form input,.form select,.pj .ph,.gal img{border-radius:4px!important}
.btn{text-transform:uppercase;letter-spacing:.12em;font-weight:400;font-size:12px}
.btn-dark{background:#0F1B2D;color:#FFFDF8;border:1px solid #0F1B2D}
.btn-dark:hover{background:#C8A15A;border-color:#C8A15A}
.btn-ghost{background:transparent;border:1px solid currentColor}
.topbar{background:#0F1B2D;color:rgba(255,252,242,.55)}
.hd{background:#0F1B2D;border-bottom:0}
.hd nav a{font-size:14px;font-weight:300;color:#FFFDF8}
.hd nav a:hover{color:#C8A15A}
.hd .btn-dark{background:transparent;color:#FFFDF8;border-color:rgba(255,252,242,.7)}
.hd .lang{color:#FFFDF8;border-color:rgba(255,255,255,.4);background:transparent}
.brand{display:flex;align-items:center;gap:12px}
.brand b{display:block;color:#FFFDF8;font-weight:500;font-size:15px;letter-spacing:.02em}
.brand .brand-logo{height:24px;width:auto;display:block}
.brand small{color:rgba(255,252,242,.55);letter-spacing:.2em;text-transform:uppercase;font-size:9px;border-left:1px solid rgba(255,255,255,.3);padding-left:12px}
html[dir=rtl] .brand small{border-left:0;border-right:1px solid rgba(255,255,255,.3);padding-left:0;padding-right:12px}
.hero h1,.h2,.form h2,.pj h3{font-weight:300;letter-spacing:-.01em}
.eyebrow{color:#C8A15A;letter-spacing:.2em;font-weight:400}
#overview{background:#0F1B2D;color:#FFFDF8}
#overview p{color:rgba(255,252,242,.75)}
#overview .h2{color:#FFFDF8}
#overview .btn-dark{background:transparent;border:1px solid #FFFDF8;color:#FFFDF8}
#projects,#gallery{background:#FFFDF8!important}
#faq{background:#FBF7EF!important}
.strip{background:#FFFDF8}
.tabs>*{border:1px solid #0F1B2D;background:transparent;color:#0F1B2D;font-size:12px;letter-spacing:.08em}
.tabs .on,.tabs button.on,.tabs a.on{background:#0F1B2D!important;border-color:#0F1B2D!important;color:#FFFDF8!important}
.new{background:#C8A15A!important;color:#fff!important}
.dark{background:#0F1B2D}
.ft{background:#0F1B2D;color:rgba(255,252,242,.55)}