/* Turab Al Sahra — warm sand, black type and the gold of its sign, with dunes under the hero */
:root{
  --bg:#faf5ea; --bg-2:#f3e9d3; --surface:#fffdf8; --text:#17140f; --muted:#6d6453; --line:rgba(150,105,20,.22);
  --accent:#9a6d14; --accent-ink:#fff; --nav-bg:rgba(250,245,234,.92); --icon-bg:#f6e6bf; --badge-bg:transparent;
  --display:"Manrope","Noto Kufi Arabic",system-ui,sans-serif; --body:"Manrope","Noto Sans Arabic",system-ui,sans-serif;
  --radius:14px; --btn-radius:8px; --h-weight:800; --h-track:-.025em;
  --gold:#e7bd64;
}
.btn-accent{background:#17140f;color:#f3d48a}
.btn-accent:hover{filter:none;background:#2a251c}
.lang-switch button[aria-pressed="true"]{background:#17140f;color:#f3d48a}

.hero{background:radial-gradient(55% 70% at 80% 30%,#fffaec,transparent 70%)}
.hero .wrap{z-index:1}
.dunes{position:absolute;left:0;right:0;bottom:0;width:100%;height:clamp(110px,22vw,260px)}
.hero h1{font-size:clamp(42px,6vw,84px)}
.hero-logo{width:min(100%,520px);padding:clamp(20px,3vw,36px);border-radius:20px;background:#fff;box-shadow:0 0 0 1px rgba(150,105,20,.18),0 40px 70px -40px rgba(120,84,16,.55)}
.hero-logo img{filter:none}
.card{box-shadow:0 14px 30px -26px rgba(120,84,16,.5)}
.phones{max-width:760px}

/* Header animation (Turab Al Sahra): a gold line draws along the bar, the mark settles in like sand, the name and links rise */
.nav::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none;transform-origin:left;
  background:linear-gradient(90deg,var(--gold),#c9962b 50%,transparent);animation:turab-line 1.4s .15s cubic-bezier(.7,0,.2,1) both}
@keyframes turab-line{from{transform:scaleX(0)}}
.nav .logo-badge img{animation:turab-mark 1s cubic-bezier(.2,.7,.2,1) both}
@keyframes turab-mark{from{opacity:0;translate:0 -12px;filter:blur(6px)}}
.nav .logo-text,.nav .links a:not(.only-mobile),.nav-end>*{animation:turab-rise .7s cubic-bezier(.2,.7,.2,1) both}
.nav .logo-text{animation-delay:.2s}
.nav .links a:nth-child(1){animation-delay:.32s}.nav .links a:nth-child(2){animation-delay:.4s}
.nav-end>:nth-child(1){animation-delay:.5s}.nav-end>:nth-child(2){animation-delay:.58s}.nav-end>:nth-child(3){animation-delay:.66s}
@keyframes turab-rise{from{opacity:0;translate:0 10px}}
.links a:not(.only-mobile)::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--gold);transition:right .3s}
.links a:not(.only-mobile):hover::after{right:0}

[data-script="arabic"] .nav::after{transform-origin:right;background:linear-gradient(270deg,var(--gold),#c9962b 50%,transparent)}
@media (max-width:900px){.links a::after{display:none}.hero-logo{width:min(92%,440px)}}