/* ZAS v6: motion layer + new home. Loaded after style.css. Logo always original colours on a light header/footer. */
:root{--deep:#141b23;--navy-3:#2a333d;--ease6:cubic-bezier(.7,0,.2,1);--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
html{scroll-behavior:auto}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(247,244,239,.7)}
.mono.gold,.gold{color:var(--gold-2)}
html[lang=ar] .mono{font-family:"Bukra",Tahoma,sans-serif;letter-spacing:0;font-size:13px;text-transform:none}
.ltr{direction:ltr;unicode-bidi:isolate}

/* header + footer stay light in every theme so the logo keeps its original colours */
.hdr,html[data-theme=dark] .hdr{background:rgba(247,244,239,.94);border-bottom-color:#e3dccf;transition:transform .5s var(--ease6)}
.hdr.hide6{transform:translateY(-100%)}
html[data-theme=dark] .hdr .nav>a,html[data-theme=dark] .hdr .theme,html[data-theme=dark] .hdr .lang{color:#1f2833}
html[data-theme=dark] .hdr .lang{border-color:#1f2833}
html[data-theme=dark] .burger span{background:#1f2833}
.nav>a:not(.cta):not(.lang){position:relative}
.ftr,html[data-theme=dark] .ftr{background:#efe9df;color:#4a5058;border-top:1px solid #e3dccf}
.ftr h4,html[data-theme=dark] .ftr h4{color:#1f2833}
.ftr .bt,html[data-theme=dark] .ftr .bt{border-top-color:#e3dccf}
.ftr .social a{color:#1f2833}
.ftr a:hover{color:var(--gold)}

/* buttons: fill-up hover */
.btn{position:relative;overflow:hidden;isolation:isolate}
.btn::before{content:"";position:absolute;inset:0;background:var(--navy);transform:translateY(101%);transition:transform .45s var(--ease6);z-index:-1}
.btn:hover::before{transform:none}
.btn.ghost::before,.btn.light::before{background:var(--gold)}
.btn.ghost:hover,.btn.light:hover{border-color:var(--gold);color:#fff}
.btn.line6{background:transparent;border:1.5px solid rgba(247,244,239,.55);color:#f7f4ef}
.btn.line6::before{background:#f7f4ef}
.btn.line6:hover{color:#1f2833;background:transparent}

/* preloader (home, first visit per session) */
.pre{position:fixed;inset:0;z-index:200;background:#f7f4ef;display:grid;place-items:center}
.pre-in{display:grid;gap:18px;justify-items:center}
.pre img{width:170px;height:auto}
.pre-n{font-family:var(--mono);font-size:13px;letter-spacing:.2em;color:var(--gold);font-variant-numeric:tabular-nums}
.pre-bar{width:220px;height:1px;background:#e3dccf;position:relative;overflow:hidden}
.pre-bar i{position:absolute;inset:0;background:var(--gold);transform-origin:left;transform:scaleX(0)}
html[dir=rtl] .pre-bar i{transform-origin:right}
.no-pre .pre{display:none}

/* page headers on inner pages: drawing-board band */
.page-hd.hd6{background:var(--deep);color:#f7f4ef;border:0;padding:110px 0 90px;overflow:hidden}
.page-hd.hd6::before{display:none}
.page-hd.hd6 h1{color:#f7f4ef;font-size:clamp(48px,7vw,104px);line-height:.95}
html[lang=ar] .page-hd.hd6 h1{line-height:1.35;font-size:clamp(40px,5.6vw,80px)}
.page-hd.hd6 .lead{color:rgba(247,244,239,.78);max-width:640px}
.page-hd.hd6 .eyebrow{color:var(--gold-2)}
.grid6{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.grid6 line{stroke:rgba(200,156,94,.2);stroke-width:1;vector-effect:non-scaling-stroke}
.page-hd.hd6 .wrap{position:relative;z-index:1}
.ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.ln>span{display:block}
html[lang=ar] .ln{padding-block:.12em;margin-block:-.12em}

/* image reveals on inner pages */
.img6{overflow:hidden}

/* ---------- HOME ---------- */
.v6home main>section{position:relative}
.hero6{position:relative;min-height:calc(100svh - 80px);background:var(--deep);color:#f7f4ef;overflow:hidden;display:flex;align-items:flex-end}
.hero6-img{position:absolute;inset:-8% 0 0}
.hero6-img img,.hero6-img picture{width:100%;height:100%;object-fit:cover;display:block}
.hero6::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,27,35,.5) 0%,rgba(20,27,35,.25) 35%,rgba(20,27,35,.93) 100%)}
.hero6 .grid6{z-index:1}
.hero6-c{position:relative;z-index:2;width:100%;padding-block:110px 60px}
.hero6 h1{font-size:clamp(54px,10vw,160px);font-weight:800;letter-spacing:-.035em;line-height:.86;color:#f7f4ef}
html[lang=ar] .hero6 h1{font-size:clamp(46px,8vw,124px);line-height:1.22;letter-spacing:0}
.hero6 h1 em{font-style:normal;color:var(--gold-2)}
.hero6-f{margin-top:34px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}
.hero6-f p{max-width:540px;font-size:clamp(19px,1.6vw,23px);color:rgba(247,244,239,.82);line-height:1.4}
html[lang=ar] .hero6-f p{font-size:17px;line-height:1.9}
.hero6-f .btns{margin-top:26px}
.hero6-meta{display:grid;gap:8px;justify-items:end;text-align:end}
.dl6{display:inline-flex;gap:8px;align-items:center;color:var(--gold-2)!important}
.dl6 svg{width:16px;height:16px}
.cue6{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(247,244,239,.6);margin-top:10px}
.cue6 i{width:1px;height:46px;background:rgba(247,244,239,.25);position:relative;overflow:hidden}
.cue6 i::after{content:"";position:absolute;left:0;right:0;top:-40%;height:40%;background:var(--gold-2);animation:drip6 1.8s var(--ease6) infinite}
@keyframes drip6{to{top:100%}}
@media(max-width:760px){.hero6-f{grid-template-columns:1fr}.hero6-meta{justify-items:start;text-align:start}}

.mq6{background:var(--deep);color:#f7f4ef;border-block:1px solid rgba(200,156,94,.18);overflow:hidden;padding-block:24px;direction:ltr}
.mq6-t{display:flex;width:max-content;font-size:clamp(46px,7vw,100px);font-weight:800;letter-spacing:-.02em;line-height:1.1;white-space:nowrap;will-change:transform}
html[lang=ar] .mq6-t{letter-spacing:0;font-size:clamp(36px,5.4vw,76px);line-height:1.5}
.mq6-t span{padding-inline-end:.45em}
.mq6-t b{font-weight:800;color:transparent;-webkit-text-stroke:1.2px var(--gold-2);padding-inline-end:.45em}
.mq6-t i{font-style:normal;color:var(--gold-2);padding-inline-end:.45em}

.about6{padding-block:clamp(90px,13vw,170px);background:var(--sand)}
.about6-g{display:grid;grid-template-columns:200px 1fr;gap:40px}
.about6 .mono.gold{color:var(--gold)}
.state6{font-size:clamp(30px,4.2vw,60px);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--navy)}
html[lang=ar] .state6{font-size:clamp(24px,3vw,42px);line-height:1.75;letter-spacing:0}
.stats6{margin-top:clamp(60px,9vw,110px);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.st6{padding:28px 24px 0 0;display:grid;gap:4px}
html[dir=rtl] .st6{padding:28px 0 0 24px}
.st6+.st6{padding-inline-start:24px;border-inline-start:1px solid var(--line)}
.st6 b{font-size:clamp(56px,7vw,104px);font-weight:800;line-height:.95;color:var(--navy);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-family:"Darker Grotesque",system-ui,sans-serif}
.st6 b sup{font-size:.45em;color:var(--gold);vertical-align:top;margin-inline-start:2px}
.st6 span{font-size:18px;color:var(--muted)}
@media(max-width:800px){.about6-g{grid-template-columns:1fr;gap:20px}.stats6{grid-template-columns:1fr 1fr}.st6:nth-child(3){padding-inline-start:0;border-inline-start:0}.st6{padding-bottom:20px}}

.sh6{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:56px;flex-wrap:wrap}
.sh6 h2{font-size:clamp(44px,6.4vw,96px);max-width:14ch;margin-top:12px;line-height:.95}
html[lang=ar] .sh6 h2{font-size:clamp(34px,4.6vw,64px);line-height:1.35}
.sh6 p{max-width:380px;font-size:19px;opacity:.75}
html[lang=ar] .sh6 p{font-size:16px}
.lnk6{display:inline-block;margin-top:12px;font-weight:700;color:var(--gold-2);border-bottom:1px solid currentColor}
html[dir=rtl] .lnk6{unicode-bidi:plaintext}

.svc6{background:var(--navy);color:#f7f4ef;padding-block:clamp(90px,12vw,150px) 60px}
.svc6 h2{color:#f7f4ef}
.cards6{display:grid;gap:22px}
.card6{position:sticky;top:104px;min-height:min(520px,72vh);border-radius:22px;background:#2c3742;border:1px solid rgba(200,156,94,.18);display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden;transform-origin:50% 0}
.card6:nth-child(2){background:var(--navy-3)}.card6:nth-child(3){background:#323c47}.card6:nth-child(4){background:var(--sand);color:var(--ink)}
.card6-t{padding:clamp(26px,4vw,52px);display:flex;flex-direction:column;gap:20px;min-width:0}
.card6 .mono{color:var(--gold-2)}
.card6:nth-child(4) .mono{color:var(--gold)}
.card6 h3{font-size:clamp(38px,4.4vw,68px);line-height:.95;color:inherit}
html[lang=ar] .card6 h3{font-size:clamp(30px,3.4vw,50px);line-height:1.35}
.card6 h3 a:hover{color:var(--gold-2)}
.card6 ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.card6 li a{display:block;font-size:17px;font-weight:600;border:1px solid currentColor;border-radius:999px;padding:3px 14px 6px;opacity:.85;transition:.3s}
html[lang=ar] .card6 li a{font-size:14px;padding:5px 14px}
.card6 li a:hover{background:var(--gold);border-color:var(--gold);color:#fff;opacity:1}
.card6-i{position:relative;overflow:hidden;min-height:240px}
.card6-i img,.card6-i picture{position:absolute;inset:-10% 0;width:100%;height:120%;object-fit:cover}
.card6-i picture img{position:static;width:100%;height:100%}
@media(max-width:800px){.card6{grid-template-columns:1fr;top:90px}.card6-i{min-height:190px;order:-1}}

.pj6{background:var(--deep);color:#f7f4ef;overflow:hidden}
.pj6-pin{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:110px 50px;gap:40px}
.pj6-top{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}
.pj6 h2{color:#f7f4ef;font-size:clamp(44px,6.4vw,96px);line-height:.95;margin-top:12px}
html[lang=ar] .pj6 h2{font-size:clamp(34px,4.6vw,64px);line-height:1.35}
.pj6-r{display:grid;gap:4px;justify-items:end}
.pj6-r .mono{color:var(--gold-2);font-variant-numeric:tabular-nums;font-family:var(--mono)}
.track6{display:flex;gap:28px;width:max-content;padding-inline:max(24px,calc((100vw - var(--wrap))/2 + 24px));will-change:transform}
.pc6{width:min(78vw,520px);flex:none;display:grid;gap:14px}
.pc6-i{aspect-ratio:4/3;overflow:hidden;border-radius:16px;position:relative;max-width:100%}
.pc6-i img,.pc6-i picture{position:absolute;top:0;left:-12%;width:124%;height:100%;object-fit:cover;transition:transform .9s var(--ease6)}
.pc6-i picture img{position:static;width:100%;height:100%}
.pc6:hover .pc6-i img{transform:scale(1.05)}
.pc6-m{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.pc6 h3{font-size:clamp(24px,2.3vw,32px);line-height:1.05;font-weight:700;color:#f7f4ef}
html[lang=ar] .pc6 h3{font-size:20px;line-height:1.5}
.pc6 small{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2);white-space:nowrap}
.pc6 p{font-size:17px;opacity:.65}
.prog6{height:1px;background:rgba(247,244,239,.14);position:relative}
.prog6 i{position:absolute;inset:0;background:var(--gold-2);transform-origin:left;transform:scaleX(0)}
html[dir=rtl] .prog6 i{transform-origin:right}
@media(max-width:700px){.track6{padding-inline:16px}}

.sec6{padding-block:clamp(90px,12vw,150px);background:var(--sand)}
.sec6 .mono.gold,.proc6 .mono.gold{color:var(--gold)}
.sec6 h2{color:var(--navy)}
.sec6 .sh6 p{color:var(--muted);opacity:1}
.rows6{border-top:1px solid var(--line);position:relative;isolation:isolate}
.row6{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:20px;padding-block:22px 26px;border-bottom:1px solid var(--line);position:relative}
.row6 .mono{color:var(--gold);font-family:var(--mono)}
.row6 h3{font-size:clamp(32px,4.2vw,60px);font-weight:700;color:var(--navy);transition:transform .5s var(--ease6),color .3s;line-height:1.05}
html[lang=ar] .row6 h3{font-size:clamp(24px,3vw,42px);line-height:1.5}
.row6 .c{font-size:18px;color:var(--muted)}
.row6::before{content:"";position:absolute;inset:0;background:var(--navy);transform:scaleY(0);transform-origin:bottom;transition:transform .5s var(--ease6);z-index:-1}
.row6:hover::before{transform:scaleY(1)}
.row6:hover h3{color:#f7f4ef;transform:translateX(16px)}
html[dir=rtl] .row6:hover h3{transform:translateX(-16px)}
.row6:hover .c{color:var(--gold-2)}
.float6{position:fixed;left:0;top:0;width:300px;aspect-ratio:4/3;border-radius:14px;overflow:hidden;pointer-events:none;z-index:40;opacity:0;transform:translate(-50%,-50%) scale(.8)}
.float6 img{width:100%;height:100%;object-fit:cover}
@media(hover:none),(max-width:800px){.float6{display:none}.row6{grid-template-columns:40px 1fr auto}}

.proc6{background:var(--navy);color:#f7f4ef;padding-block:clamp(90px,12vw,150px)}
.proc6 .mono.gold{color:var(--gold-2)}
.proc6 h2{color:#f7f4ef}
.procw6{position:relative}
.path6{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
.path6 path{fill:none;stroke:var(--gold-2);stroke-width:2;vector-effect:non-scaling-stroke}
.path6 .ghost{stroke:rgba(200,156,94,.25);stroke-dasharray:4 6}
.steps6{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.stp6{display:grid;gap:12px;align-content:start}
.stp6:nth-child(2){margin-top:90px}.stp6:nth-child(3){margin-top:180px}.stp6:nth-child(4){margin-top:270px}
.dot6{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--gold-2);display:grid;place-items:center;font-family:var(--mono);font-size:13px;color:var(--gold-2);background:var(--navy)}
.stp6 h3{font-size:40px;font-weight:700;color:#f7f4ef}
html[lang=ar] .stp6 h3{font-size:30px}
.stp6 p{font-size:18px;opacity:.72;max-width:260px}
html[lang=ar] .stp6 p{font-size:15px}
@media(max-width:900px){.steps6{grid-template-columns:1fr 1fr;gap:40px 24px}.stp6:nth-child(n){margin-top:0}.path6{display:none}}
@media(max-width:520px){.steps6{grid-template-columns:1fr}}

.cl6{padding-block:clamp(70px,9vw,110px);overflow:hidden;background:var(--sand);direction:ltr}
.cl6 .mono.gold{color:var(--gold)}
.lgrow6{display:flex;width:max-content;gap:18px;margin-bottom:18px;will-change:transform}
.lg6{width:190px;height:96px;flex:none;border-radius:14px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;padding:18px}
.lg6 img,.lg6 picture img{max-height:58px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.75;transition:.4s}
.lg6:hover img{filter:none;opacity:1}

.cta6{background:var(--deep);color:#f7f4ef;padding-block:clamp(100px,14vw,180px);overflow:hidden}
.cta6 h2{font-size:clamp(56px,11vw,190px);letter-spacing:-.04em;line-height:.88;color:#f7f4ef}
html[lang=ar] .cta6 h2{font-size:clamp(40px,7vw,110px);letter-spacing:0;line-height:1.4}
.fill6{background:linear-gradient(90deg,var(--gold-2) 0 50%,rgba(247,244,239,.16) 50% 100%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent}
html[dir=rtl] .fill6{background:linear-gradient(270deg,var(--gold-2) 0 50%,rgba(247,244,239,.16) 50% 100%);background-size:200% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text}
.cta6-r{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:50px;flex-wrap:wrap}
.cta6-r p{max-width:520px;font-size:20px;opacity:.8}
html[lang=ar] .cta6-r p{font-size:16px}
.mag6{display:inline-grid;place-items:center;width:170px;height:170px;border-radius:50%;background:var(--gold);color:#fff;font-weight:700;font-size:21px;text-align:center;line-height:1.1;padding:0 18px 4px}
html[lang=ar] .mag6{font-size:17px}

/* dark theme: sand bands go dark, header/footer stay light */
html[data-theme=dark] .about6,html[data-theme=dark] .sec6,html[data-theme=dark] .cl6{background:#11161d}
html[data-theme=dark] .state6,html[data-theme=dark] .st6 b,html[data-theme=dark] .sec6 h2,html[data-theme=dark] .row6 h3{color:#eef1f4}
html[data-theme=dark] .card6:nth-child(4){background:#3a4552;color:#eef1f4}
html[data-theme=dark] .lg6{background:#fff}

/* cursor (desktop) */
.cur6{position:fixed;left:0;top:0;width:10px;height:10px;border-radius:50%;background:var(--gold-2);pointer-events:none;z-index:300;transform:translate(-50%,-50%);mix-blend-mode:difference;transition:width .3s,height .3s;display:none}
.cur6.big{width:60px;height:60px}
@media(hover:hover) and (pointer:fine){.cur6{display:block}}

@media(prefers-reduced-motion:reduce){.pre{display:none}.cue6 i::after{animation:none}}