/* ============================================================
   RAWAED INDUSTRIAL INDEX — v2 identity
   Black editorial-brutalist system / raw grid / oversized type
   bilingual AR-EN • logical properties throughout
   ============================================================ */
:root{
  --bg:#0b1120; --bg-2:#101828; --bg-3:#162033;
  --ink:#eef1f6; --mut:#a6b0c8; --mut-2:#707b93;
  --line:#223047; --line-2:#31405e;
  --blue:#3d5bf0; --blue-soft:#7d92ff; --blue-line:#2b3f8f;
  --sec:clamp(56px,7vw,104px);
  --disp:"Noto Kufi Arabic",system-ui,sans-serif;
  --mono:"IBM Plex Mono","Noto Kufi Arabic",monospace;
  --pad:clamp(18px,4vw,64px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html[lang="ar"] body{font-family:var(--disp);letter-spacing:0}
html[lang="en"] body{font-family:var(--disp);letter-spacing:-.01em}
body{margin:0;background:var(--bg);color:var(--ink);line-height:1.9;overflow-x:hidden;font-weight:400;font-size:17px}
::selection{background:var(--blue);color:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
/* phone numbers always render left-to-right, never mixed */
a[href^="tel:"]{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
button{font-family:inherit}
/* faint blueprint column lines */
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.16;
  background:
   linear-gradient(90deg,transparent calc(25% - 1px),var(--line) 25%,transparent calc(25% + 1px)),
   linear-gradient(90deg,transparent calc(50% - 1px),var(--line) 50%,transparent calc(50% + 1px)),
   linear-gradient(90deg,transparent calc(75% - 1px),var(--line) 75%,transparent calc(75% + 1px))}
header,main,footer{position:relative;z-index:1}
/* faint top glow — lifts content off the background */
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(1000px 520px at 50% -140px,rgba(61,91,240,.10),transparent 70%)}
/* ---------- utilities ---------- */
.wrap{max-width:1480px;margin-inline:auto;padding-inline:var(--pad)}
.mono{font-family:var(--mono)}
.mut{color:var(--mut)}
.blue{color:var(--blue-soft)}
.outline{color:var(--blue-soft)}
html[dir="rtl"] .flip{display:inline-block;transform:scaleX(-1)}
/* top meta strip */
.meta-strip{border-bottom:1px solid var(--line);background:var(--bg)}
.meta-strip .wrap{display:flex;justify-content:space-between;gap:16px;padding-block:8px;font-family:var(--mono);font-size:.78rem;color:var(--mut)}
.meta-strip b{color:var(--ink);font-weight:500}
.meta-strip a:hover{color:var(--blue-soft)}
/* ---------- header ---------- */
.hdr{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:stretch;justify-content:space-between;gap:24px;min-height:72px}
.brand{display:flex;align-items:center;gap:14px}
.brand .bx{width:44px;height:44px;border:1px solid var(--line-2);display:grid;place-items:center;
  font-weight:800;font-size:1.35rem;font-family:var(--mono);color:var(--blue-soft)}
.brand .bt{display:flex;flex-direction:column;line-height:1.25}
.brand .bt b{font-size:1.15rem;font-weight:700}
.brand .bt small{font-family:var(--mono);font-size:.68rem;color:var(--mut);letter-spacing:.14em}
html[lang="ar"] .brand .bt small{letter-spacing:0}
.nav{display:flex;align-items:stretch}
.nav a{display:flex;align-items:center;gap:9px;padding-inline:clamp(12px,1.8vw,24px);font-family:var(--mono);
  font-size:1.02rem;color:var(--mut);border-inline-start:1px solid var(--line);transition:color .2s,background .2s}
.nav a i{font-style:normal;font-size:.72rem;color:var(--mut-2)}
.nav a:hover{color:var(--ink);background:var(--bg-2)}
.nav a.on{color:var(--ink);box-shadow:inset 0 -3px 0 var(--blue)}
.nav a.on i{color:var(--blue-soft)}
.hdr-acts{display:flex;align-items:center;gap:14px}
.lang{display:flex;border:1px solid var(--line-2)}
.lang button{background:none;border:0;color:var(--mut);font-family:var(--mono);font-size:.85rem;padding:8px 14px;cursor:pointer;transition:.2s}
.lang button.on{background:var(--ink);color:var(--bg);font-weight:600}
.lang button:not(.on):hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line-2);padding:14px 26px;
  font-weight:600;font-size:1rem;transition:.22s;cursor:pointer;background:none;color:var(--ink)}
.btn:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.btn.blue{background:var(--blue);border-color:var(--blue);color:#fff}
.btn.blue:hover{background:var(--blue-soft);border-color:var(--blue-soft);color:#fff}
.btn.wa{background:transparent;color:var(--ink);border-color:var(--line-2)}
.btn.wa:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.burger{display:none;background:none;border:1px solid var(--line-2);color:var(--ink);font-family:var(--mono);
  font-size:.85rem;padding:10px 16px;cursor:pointer;letter-spacing:.1em}
/* ---------- loader ---------- */
#loader{position:fixed;inset:0;z-index:300;background:var(--bg);display:grid;place-items:center;transition:opacity .45s,visibility .45s;pointer-events:none}
#loader.done{opacity:0;visibility:hidden}
#loader .lw{font-family:var(--mono);font-size:.88rem;color:var(--mut)}
#loader .bar{width:180px;height:2px;background:var(--line);margin:14px auto 0;position:relative;overflow:hidden}
#loader .bar::after{content:"";position:absolute;inset:0;background:var(--blue);transform:translateX(-100%);animation:load 1.1s ease-in-out infinite}
@keyframes load{to{transform:translateX(100%)}}
html[dir="rtl"] #loader .bar::after{animation-name:load-r}
@keyframes load-r{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
/* ---------- hero ---------- */
.hero{padding-block:clamp(48px,7vw,96px) clamp(32px,4vw,56px)}
.hero-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(24px,3vw,40px)}
.hero-tag{font-family:var(--mono);font-size:.82rem;color:var(--blue-soft);border:1px solid var(--blue-line);padding:8px 14px;letter-spacing:.06em}
h1.hero-h{margin:0;font-size:clamp(3rem,8vw,7.6rem);line-height:1.25;font-weight:800;text-wrap:balance}
h1.hero-h .thin{font-weight:300;color:var(--mut)}
.hero-sub{max-width:56ch;color:var(--mut);font-size:clamp(1.08rem,1.6vw,1.3rem);margin-top:18px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,3vw,48px);align-items:stretch}
.hero-shot{position:relative;border:1px solid var(--line-2);min-height:clamp(320px,42vw,540px);overflow:hidden;background:var(--bg-2)}
.hero-shot img{width:100%;height:100%;object-fit:cover;filter:grayscale(.25) contrast(1.02);transition:filter .5s}
.hero-shot:hover img{filter:grayscale(0)}
.hero-shot .frame-no{position:absolute;top:12px;inset-inline-start:12px;font-family:var(--mono);font-size:.74rem;
  background:var(--bg);border:1px solid var(--line-2);padding:6px 10px;color:var(--mut)}
.hero-shot .cap{position:absolute;inset-inline:0;bottom:0;padding:14px 16px;background:linear-gradient(transparent,rgba(0,0,0,.82));
  font-family:var(--mono);font-size:.8rem;color:#cfcfc9}
.hero-facts{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);margin-top:clamp(32px,4vw,48px)}
.hf{padding:18px 4px;border-inline-start:1px solid var(--line);padding-inline:16px}
.hf:first-child{border-inline-start:0;padding-inline-start:0}
.hf b{display:block;font-size:clamp(1.7rem,2.8vw,2.5rem);font-weight:800;font-family:var(--mono);color:var(--ink)}
.hf b em{font-style:normal;color:var(--blue-soft)}
.hf span{font-family:var(--mono);font-size:.76rem;color:var(--mut)}
/* ---------- ticker ---------- */
.ticker{border-block:1px solid var(--line);overflow:hidden;padding-block:12px;background:var(--bg-2)}
.ticker-track{display:inline-flex;white-space:nowrap;will-change:transform;animation:tick 30s linear infinite}
html[dir="rtl"] .ticker-track{animation-name:tick-r}
.ticker span{display:inline-flex;align-items:center;font-family:var(--mono);font-size:.86rem;color:var(--mut);padding-inline:22px;letter-spacing:.05em}
.ticker span::after{content:"◆";color:var(--blue);font-size:.6rem;margin-inline-start:44px}
@keyframes tick{to{transform:translateX(-50%)}}
@keyframes tick-r{from{transform:translateX(-50%)}to{transform:translateX(0)}}
/* ---------- sections ---------- */
section.blk{padding-block:var(--sec) 0}
section.blk.tight{padding-block:calc(var(--sec) * .55) 0}
/* faint alternating band — quiet rhythm between sections */
.blk.band{background:rgba(255,255,255,.014);border-block:1px solid var(--line);padding-bottom:var(--sec)}
.shead{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:last baseline;padding-block:16px 26px;border-top:1px solid var(--line)}
.shead .no{font-family:var(--mono);font-size:.84rem;color:var(--blue-soft);padding-block:0;
  border-inline-start:3px solid var(--blue);padding-inline-start:12px}
.shead h2{margin:0;font-size:clamp(2rem,4vw,3.6rem);font-weight:800;line-height:1.25;text-wrap:balance}
.shead .more{font-family:var(--mono);font-size:.86rem;color:var(--mut);padding-block:0;white-space:nowrap;transition:color .2s}
.shead .more:hover{color:var(--blue-soft)}
/* ---------- index rows (products) ---------- */
.irow{display:grid;grid-template-columns:70px 220px 1fr 300px;gap:clamp(14px,2vw,28px);align-items:center;
  padding-block:clamp(20px,2.4vw,30px);border-bottom:1px solid var(--line);transition:background .25s}
.irow:hover{background:var(--bg-2);box-shadow:inset -3px 0 0 var(--blue)}
html[dir="ltr"] .irow:hover{box-shadow:inset 3px 0 0 var(--blue)}
.irow .idx{font-family:var(--mono);font-size:.95rem;color:var(--mut-2);transition:color .2s}
.irow:hover .idx{color:var(--blue-soft)}
.irow .ishot{width:220px;height:140px;border:1px solid var(--line);overflow:hidden;background:var(--bg-2)}
.irow .ishot img{width:100%;height:100%;object-fit:cover;filter:grayscale(.3);transition:filter .4s,transform .6s cubic-bezier(.2,.7,.2,1)}
.irow:hover .ishot img{filter:grayscale(0);transform:scale(1.05)}
.irow h3{margin:0 0 4px;font-size:clamp(1.3rem,2.2vw,1.8rem);font-weight:700}
.irow h3 a:hover{color:var(--blue-soft)}
.irow .desc{color:var(--mut);font-size:1rem;max-width:52ch}
.irow .tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.irow .tags span{font-family:var(--mono);font-size:.72rem;color:var(--mut);border:1px solid var(--line-2);padding:5px 10px;letter-spacing:.04em}
.irow .tags span b{color:var(--blue-soft);font-weight:500}
.irow .side{display:grid;gap:8px}
.irow .side .sp{display:flex;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:.8rem;color:var(--mut);
  border-bottom:1px solid var(--line);padding-bottom:6px}
.irow .side .sp b{color:var(--ink);font-weight:500;direction:ltr;unicode-bidi:isolate}
.irow .acts{display:flex;gap:8px}
.irow .acts .btn{padding:11px 14px;font-size:.86rem;flex:1;justify-content:center}
/* ---------- process ---------- */
.steps{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-inline:0}
.step{border-inline-start:1px solid var(--line);padding:22px 18px 26px;min-height:150px;transition:background .25s}
.step:first-child{border-inline-start:0}
.step:hover{background:var(--bg-2)}
.step .n{font-family:var(--mono);font-size:.7rem;color:var(--blue-soft)}
.step b{display:block;margin-top:10px;font-size:1.02rem}
.step p{margin:6px 0 0;font-size:.78rem;color:var(--mut)}
/* ---------- manifesto ---------- */
.mft{margin:0;padding-block:var(--sec);border:0}
.mft p{margin:0;font-size:clamp(1.5rem,3.2vw,2.6rem);font-weight:700;line-height:1.6;text-wrap:balance;max-width:30ch}
.mft p em{font-style:normal;color:var(--blue-soft)}
/* ---------- gallery grid ---------- */
.ggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line)}
.gitem{position:relative;border:0;overflow:hidden;background:var(--bg-2);cursor:zoom-in;display:block}
.gitem img{width:100%;height:100%;object-fit:cover;filter:grayscale(.2);transition:filter .4s,transform .7s cubic-bezier(.2,.7,.2,1)}
.gitem:hover img{filter:grayscale(0);transform:scale(1.04)}
.gitem figcaption{position:absolute;inset-inline:0;bottom:0;padding:34px 14px 12px;
  background:linear-gradient(transparent,rgba(0,0,0,.85));font-family:var(--mono);font-size:.78rem;color:#d5d5cf}
.gitem figcaption b{display:block;font-family:var(--disp);font-size:1rem;color:#fff;margin-bottom:2px}
.gitem.tall{grid-row:span 2}
.gitem.tall img{height:100%}
/* filters */
.ftabs{display:flex;gap:10px;flex-wrap:wrap;padding-block:14px 22px;border-bottom:1px solid var(--line);margin-bottom:8px;position:sticky;top:72px;background:var(--bg);z-index:5}
.ftabs button{background:none;border:1px solid var(--line-2);color:var(--mut);font-family:var(--mono);font-size:.82rem;
  padding:10px 18px;cursor:pointer;transition:.2s;letter-spacing:.04em}
.ftabs button:hover{color:var(--ink);border-color:var(--mut)}
.ftabs button.on{background:var(--blue);border-color:var(--blue);color:#fff}
.ftabs button i{font-style:normal;opacity:.55;font-size:.65rem;margin-inline-start:7px}
/* ---------- forms ---------- */
.fgrid{display:grid;grid-template-columns:1fr 1.2fr;border:1px solid var(--line-2)}
.finfo{padding:clamp(22px,3vw,40px);border-inline-end:1px solid var(--line-2);display:grid;gap:22px;align-content:start}
.info-row{border-bottom:1px solid var(--line);padding-bottom:16px}
.info-row .k{font-family:var(--mono);font-size:.72rem;color:var(--mut-2);letter-spacing:.12em}
html[lang="ar"] .info-row .k{letter-spacing:0}
.info-row .v{font-size:clamp(1.15rem,1.9vw,1.6rem);font-weight:700;margin-top:6px}
.info-row a.v:hover{color:var(--blue-soft)}
.info-row .v.ltr{direction:ltr;unicode-bidi:isolate;font-family:var(--mono);font-weight:500}
.fform{padding:clamp(22px,3vw,40px)}
.fld{display:grid;gap:8px;margin-bottom:20px}
.fld label{font-family:var(--mono);font-size:.74rem;color:var(--mut);letter-spacing:.12em}
html[lang="ar"] .fld label{letter-spacing:0}
.fld input,.fld select,.fld textarea{background:transparent;border:0;border-bottom:1px solid var(--line-2);
  padding:12px 2px;color:var(--ink);font-family:var(--disp);font-size:1.05rem;border-radius:0;transition:border-color .25s}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-bottom-color:var(--blue)}
.fld input[dir="ltr"]{text-align:left}
.fld textarea{resize:vertical;min-height:110px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
/* ---------- CTA ---------- */
.cta{display:block;border-block:1px solid var(--line);margin-top:0;overflow:hidden;position:relative}
.cta .in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:clamp(36px,5vw,64px);
  padding-inline:var(--pad);transition:background .3s,color .3s}
.cta:hover .in{background:var(--blue);color:#fff}
.cta .big{font-size:clamp(2.1rem,5vw,4.6rem);font-weight:800;line-height:1.15;margin:0;text-wrap:balance}
.cta .go{font-family:var(--mono);font-size:.88rem;white-space:nowrap;border:1px solid currentColor;padding:12px 18px}
/* ---------- footer ---------- */
footer{margin-top:0;border-top:0}
.fcols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;padding-block:clamp(36px,4vw,56px)}
.fcols h3{font-family:var(--mono);font-size:.78rem;color:var(--mut-2);margin:0 0 14px;letter-spacing:.14em}
html[lang="ar"] .fcols h3{letter-spacing:0}
.fcols ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:1rem}
.fcols a:hover,.fcols li a:hover{color:var(--blue-soft)}
.fword{border-block:1px solid var(--line);overflow:hidden;padding-block:8px}
.fword .tw{font-size:clamp(3rem,11vw,10rem);font-weight:900;line-height:1.2;white-space:nowrap;
  color:rgba(238,241,246,.09);text-align:center;direction:rtl}
.fbot .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-block:16px;
  font-family:var(--mono);font-size:.78rem;color:var(--mut-2)}
/* agency credit — wavy yellow/deep-red gradient text */
.fbot .agency{font-size:.92rem;font-weight:600;background:linear-gradient(90deg,#f5c542,#e07b39,#8f1f1f,#c23b2e,#f5c542);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:agency-wave 5s linear infinite}
.fbot .agency a{color:inherit;text-decoration:underline;text-decoration-color:rgba(245,197,66,.55);text-underline-offset:3px}
@keyframes agency-wave{to{background-position:220% center}}
@media (prefers-reduced-motion:reduce){
  .fbot .agency{animation:none;background:none;color:#e0a83e}
}
/* ---------- contact options trio ---------- */
.copts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-block:8px 26px}
.copt{position:relative;display:grid;gap:6px;border:1px solid var(--line-2);background:var(--bg-2);
  padding:22px 20px;transition:.22s}
.copt .n{font-family:var(--mono);font-size:.74rem;color:var(--mut-2)}
.copt b{font-size:1.2rem;font-weight:700}
.copt .d{color:var(--mut);font-size:.92rem}
.copt .go{position:absolute;top:18px;inset-inline-end:18px;font-family:var(--mono);color:var(--mut)}
.copt:hover{border-color:var(--blue);transform:translateY(-3px)}
.copt:hover .go{color:var(--blue-soft)}
.copt.hot{border-color:var(--blue)}
.copt .flag{position:absolute;top:-13px;inset-inline-start:16px;background:var(--blue);color:#fff;
  font-family:var(--mono);font-size:.68rem;padding:4px 12px}
/* ---------- linktree avatar ---------- */
.ltree-head .bx-img{width:76px;height:76px;border-radius:24px;border:1px solid var(--line-2);object-fit:cover}
/* ---------- floats ---------- */
.floats{position:fixed;bottom:16px;inset-inline:16px;z-index:150;display:flex;justify-content:space-between;align-items:end;pointer-events:none}
html[dir="ltr"] .floats{flex-direction:row-reverse}
.floats>*{pointer-events:auto}
.wa-fab{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--line-2);background:var(--bg);color:var(--ink);
  font-size:24px;font-family:system-ui;transition:.25s}
.wa-fab:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
/* lightbox */
#lightbox{position:fixed;inset:0;z-index:400;background:rgba(0,0,0,.94);display:none;place-items:center;padding:20px;cursor:zoom-out}
#lightbox.open{display:grid}
#lightbox img{max-height:80vh;max-width:min(1100px,94vw);border:1px solid var(--line-2)}
#lbCap{font-family:var(--mono);font-size:.74rem;color:var(--mut);text-align:center;margin-top:10px}
/* reveal */
.rv{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
/* faq */
details{border-bottom:1px solid var(--line);padding:18px 2px}
details summary{cursor:pointer;font-weight:700;font-size:clamp(1.1rem,1.8vw,1.35rem);list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center}
details summary::-webkit-details-marker{display:none}
details summary::after{content:"+";font-family:var(--mono);color:var(--blue-soft);font-size:1.2rem}
details[open] summary::after{content:"–"}
details p{margin:12px 0 4px;color:var(--mut);max-width:70ch;font-size:1rem}
/* table-ish responsive stack */
@media(max-width:1180px){
  .irow{grid-template-columns:52px 170px 1fr}
  .irow .side{grid-column:2 / -1}
  .irow .ishot{width:170px;height:120px}
}
@media(max-width:1020px){
  .hero-grid{grid-template-columns:1fr}
  .hero-facts{grid-template-columns:repeat(2,1fr)}
  .hf:nth-child(odd){border-inline-start:0;padding-inline-start:0}
  .hf{border-top:1px solid var(--line)}
  .hf:nth-child(-n+2){border-top:0}
  .ggrid{grid-template-columns:repeat(2,1fr)}
  .fgrid{grid-template-columns:1fr}
  .finfo{border-inline-end:0;border-bottom:1px solid var(--line-2)}
  .steps{grid-template-columns:repeat(3,1fr)}
  .step:nth-child(n+4){border-top:1px solid var(--line)}
  .step:nth-child(4){border-inline-start:0}
  .nav{position:fixed;inset:0;top:0;flex-direction:column;justify-content:center;background:var(--bg);
    z-index:200;transform:translateY(-100%);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
  .nav.open{transform:none}
  .nav.open ~ .hdr-acts .burger{position:relative;z-index:201;background:var(--bg)}
  .nav a{border-inline-start:0;border-bottom:1px solid var(--line);padding:22px var(--pad);
    font-size:1.75rem;font-family:var(--disp);font-weight:700}
  .nav a i{font-size:.7rem}
  .burger{display:block}
  .hdr .wrap{min-height:64px}
  .fcols{grid-template-columns:1fr 1fr}
  .ftabs{top:64px}
}
@media(max-width:640px){
  .irow{grid-template-columns:1fr;padding-block:24px}
  .irow .ishot{width:100%;height:190px}
  .irow .side{grid-column:auto}
  .steps{grid-template-columns:repeat(2,1fr)}
  .step:nth-child(2n){border-inline-start:1px solid var(--line)}
  .step:nth-child(n+3){border-top:1px solid var(--line)}
  .step:nth-child(odd){border-inline-start:0}
  .ggrid{grid-template-columns:1fr}
  .hero-facts{grid-template-columns:1fr 1fr}
  .f2{grid-template-columns:1fr}
  .fcols{grid-template-columns:1fr}
  .meta-strip .wrap span:first-child,.meta-strip .wrap span:nth-child(2){display:none}
}
/* ---------- linktree ---------- */
.ltree{max-width:680px;margin-inline:auto;padding-block:clamp(40px,6vw,72px) clamp(48px,6vw,88px);display:grid;gap:12px}
.ltree-head{text-align:center;display:grid;gap:10px;justify-items:center;margin-bottom:14px}
.ltree-head .bx{width:76px;height:76px;border:1px solid var(--line-2);display:grid;place-items:center;
  font-weight:600;font-size:2.2rem;font-family:var(--mono);color:var(--blue-soft)}
.ltree-head h1{margin:6px 0 0;font-size:clamp(1.7rem,4.5vw,2.5rem);font-weight:800}
.ltree-head p{margin:0;color:var(--mut);font-size:1rem;max-width:46ch}
.ltree-head .loc{font-family:var(--mono);font-size:.78rem;color:var(--mut-2)}
.lrow{display:flex;align-items:center;gap:16px;border:1px solid var(--line-2);padding:18px 20px;
  font-size:1.05rem;font-weight:600;transition:.22s;background:var(--bg-2)}
.lrow .n{font-family:var(--mono);font-size:.78rem;color:var(--mut-2)}
.lrow .t{flex:1}
.lrow .soon{font-family:var(--mono);font-size:.7rem;color:var(--blue-soft);border:1px solid var(--blue-line);padding:4px 10px}
.lrow .go{font-family:var(--mono);color:var(--mut)}
.lrow:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.lrow:hover .n,.lrow:hover .go{color:#fff}
.lrow:hover .soon{color:#fff;border-color:#fff}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
  .rv{opacity:1;transform:none}
  html{scroll-behavior:auto}
}
/* ---------- polish round 2: luxury precision ---------- */
html[lang="ar"] .hero-tag,
html[lang="ar"] .ticker span,
html[lang="ar"] .irow .tags span,
html[lang="ar"] .ftabs button,
html[lang="ar"] .burger{letter-spacing:0}
html[lang="en"] h1.hero-h{line-height:1.06}
.cta .in{max-width:1480px;margin-inline:auto}
.ticker .wrap{max-width:none;padding-inline:0}
:where(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.rv.d1{transition-delay:.08s}
.rv.d2{transition-delay:.16s}
.rv.d3{transition-delay:.24s}
.rv.d4{transition-delay:.32s}
.faq{counter-reset:faq}
.faq details{counter-increment:faq}
.faq summary::before{content:"/" counter(faq,decimal-leading-zero);font-family:var(--mono);font-size:.78rem;color:var(--mut-2)}
/* comparison matrix */
.mx{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:.86rem}
.mx th,.mx td{border-bottom:1px solid var(--line);padding:14px 10px;text-align:start}
.mx thead th{color:var(--mut-2);font-weight:500;border-bottom-color:var(--line-2);font-size:.66rem}
.mx tbody th{font-family:var(--disp);color:var(--mut);font-weight:400}
.mx td.ltr{direction:ltr;unicode-bidi:isolate;color:var(--ink);font-weight:500}