/* D3 temporary landing page — shared by / (Arabic) and /en/ */
:root{--ink:#14111F;--ink2:#2E2940;--muted:#4A4558;--muted2:#5E5970;--quiet:#8A8499;--line:#E6E2F0;--line2:#D4CEE3;--night:#120E1F;--brand:#946AED;--brand6:#5B36C9;
--spec:linear-gradient(90deg,#3B5BDB 0%,#8E2DBF 30%,#E5157A 55%,#F15A29 80%,#F7C830 100%);--start:left;--ease:cubic-bezier(.2,.7,.2,1)}
[dir=rtl]{--spec:linear-gradient(270deg,#3B5BDB 0%,#8E2DBF 30%,#E5157A 55%,#F15A29 80%,#F7C830 100%);--start:right}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font-family:'IBM Plex Sans','IBM Plex Sans Arabic',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
[dir=rtl] body{font-family:'IBM Plex Sans Arabic','IBM Plex Sans',system-ui,sans-serif}
h1,h2,h3,p{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:4px}
.wrap{max-width:1200px;margin:0 auto;padding:0 40px}
.skip{position:absolute;inset-inline-start:-9999px}.skip:focus{inset-inline-start:16px;top:16px;background:#fff;padding:8px 12px;z-index:9}

header{border-bottom:1px solid #EEEAF5}
.hd{display:flex;align-items:center;gap:20px;height:76px}
.hd img{height:40px;width:auto;display:block}
.hd nav{margin-inline-start:auto;display:flex;align-items:center;gap:20px}
.lang{text-decoration:none;font-weight:500;color:var(--ink2);font-size:15px}
.lang:hover{color:var(--ink)}

.btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;border:1px solid transparent;transition:background-color .18s var(--ease),border-color .18s var(--ease)}
.bp{background:var(--ink);color:#fff}.bp:hover{background:var(--ink2)}
.bs{border-color:var(--line2);color:var(--ink)}.bs:hover{border-color:var(--ink)}
.bl{background:#fff;color:var(--night)}.bl:hover{background:#E9E5F2}
.dark .bs{border-color:#4A4160;color:#fff}.dark .bs:hover{border-color:#fff}
.arw{flex:none;transition:transform .25s var(--ease)}
.btn:hover .arw{transform:translateX(4px)}
[dir=rtl] .arw{transform:scaleX(-1)}[dir=rtl] .btn:hover .arw{transform:scaleX(-1) translateX(4px)}

.note{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--ink2)}
.note::before{content:"";width:18px;height:2px;border-radius:2px;background:var(--spec)}
.dark .note{color:#E4DEF3}

.hero{padding:clamp(48px,8vw,112px) 0 clamp(40px,5vw,72px)}
h1{font-size:clamp(44px,8.6vw,120px);line-height:.96;letter-spacing:-.045em;font-weight:500;margin-top:28px}
h1 span{display:block}h1 .l1{color:var(--quiet)}
[dir=rtl] h1{letter-spacing:0;line-height:1.22;font-weight:600;font-size:clamp(40px,7.2vw,100px)}
.row{display:flex;flex-wrap:wrap;gap:24px 40px;align-items:flex-end;justify-content:space-between;margin-top:clamp(28px,3.6vw,48px)}
.lead{font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:var(--muted);max-width:46ch}
[dir=rtl] .lead{line-height:1.9}
.ctas{display:flex;gap:12px;flex-wrap:wrap}

/* Continuity timeline */
.cont{margin-top:clamp(48px,6vw,88px);padding-top:28px;border-top:1px solid var(--line);display:grid;gap:10px}
.trk{display:grid;grid-template-columns:190px minmax(0,1fr);column-gap:32px;align-items:center}
.tl{font-size:14px;font-weight:600;line-height:1.4}.tl small{display:block;font-weight:400;color:var(--muted2);font-size:13px}
.bar{position:relative;height:64px}
.ln{position:absolute;inset-inline-start:0;top:34px;height:3px;border-radius:3px;transform-origin:var(--start)}
.ln.p{width:50%;background:#BDB6CC}
.ln.a{inset-inline-start:50%;width:50%;height:0;border-top:2px dashed #DAD5E5}
.ln.d{width:100%;background:var(--spec)}
.ms{position:absolute;inset-inline-start:var(--p);top:0;height:100%}
.ms i{position:absolute;top:31px;inset-inline-start:-4px;width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid var(--ink)}
.ms b{position:absolute;top:4px;inset-inline-start:-4px;white-space:nowrap;font-size:13px;font-weight:500;color:var(--ink2)}
.ms.s i{width:3px;height:21px;top:25px;inset-inline-start:-1px;border:0;border-radius:2px;background:var(--quiet)}
.ms.s b{font-weight:400;color:var(--muted2)}
.ms.e{inset-inline-start:auto;inset-inline-end:0}
.ms.e b{inset-inline-start:auto;inset-inline-end:0;font-weight:600;color:var(--ink)}
.ms.e i{inset-inline-start:auto;inset-inline-end:-6px;top:29px;width:0;height:0;border:0;border-radius:0;background:none;border-top:6px solid transparent;border-bottom:6px solid transparent;border-inline-start:9px solid #F7C830}

/* Services */
.sec{padding:clamp(64px,8vw,112px) 0;border-top:1px solid var(--line)}
.grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:40px 64px}
h2{font-size:clamp(28px,3.4vw,46px);line-height:1.08;letter-spacing:-.026em;font-weight:500;margin-top:18px}
[dir=rtl] h2{letter-spacing:0;line-height:1.35;font-weight:600}
.kick{margin-top:16px;color:var(--muted);font-size:16px;line-height:1.65;max-width:36ch}
[dir=rtl] .kick{font-size:17px;line-height:1.9}
.idx{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.idx li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:6px 28px;padding:20px 0;border-bottom:1px solid var(--line);align-items:baseline}
.idx .n{font-size:clamp(19px,1.8vw,24px);font-weight:500;letter-spacing:-.015em;line-height:1.25}
.idx .t{color:var(--muted);font-size:15px;line-height:1.55}
.idx li.core{grid-template-columns:minmax(0,1fr);padding:26px 0}
.idx li.core .n{font-size:clamp(26px,3vw,40px);letter-spacing:-.028em}
.idx li.core .tag{display:block;font-size:12px;font-weight:600;color:var(--brand6);letter-spacing:.02em;margin-bottom:8px}
[dir=rtl] .idx .n{letter-spacing:0}[dir=rtl] .idx .t{font-size:16px;line-height:1.8}

/* Contact */
.dark{background:var(--night);color:#fff}
.contact{padding:clamp(72px,9vw,128px) 0 clamp(56px,6vw,88px)}
.contact h2{font-size:clamp(40px,6.4vw,92px);line-height:.98;letter-spacing:-.04em;max-width:14ch;margin-top:24px}
[dir=rtl] .contact h2{letter-spacing:0;line-height:1.25}
.cline{height:3px;border-radius:3px;background:var(--spec);margin:clamp(36px,4.5vw,64px) 0 32px}
.crow{display:flex;flex-wrap:wrap;gap:28px 48px;justify-content:space-between;align-items:center}
.crow p{color:#B8B0CC;font-size:18px;line-height:1.6;max-width:44ch}
[dir=rtl] .crow p{line-height:1.9}
.cl{display:flex;flex-wrap:wrap;gap:24px 40px;margin-top:48px;padding-top:28px;border-top:1px solid #2B2340}
.cl a{display:flex;flex-direction:column;gap:4px;text-decoration:none;font-size:18px;font-weight:500}
.cl a span{font-size:13px;color:#B8B0CC;font-weight:400}
.cl a:hover strong{text-decoration:underline;text-underline-offset:4px}
.cl strong{font-weight:500}

footer{background:#0D0A17;color:#B8B0CC;font-size:13px}
.ft{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px 0}
.ft img{height:32px;width:auto;display:block}
.ft a{color:#C9C2DB;text-decoration:none}.ft a:hover{color:#fff}

/* Motion: one entrance on load; removed entirely for reduced motion */
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes growy{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:no-preference){
.enter{animation:rise .8s var(--ease) both;animation-delay:calc(var(--d,0)*90ms)}
.ln.p,.ln.d{animation:grow 1.5s var(--ease) .35s both}
.ln.a{animation:fade .6s ease 1.5s both}
.ms{animation:fade .5s ease both;animation-delay:calc(.55s + var(--i,0)*.22s)}
}

@media (max-width:900px){
.grid{grid-template-columns:minmax(0,1fr)}
.trk{grid-template-columns:140px minmax(0,1fr);column-gap:20px}
}
@media (max-width:640px){
.wrap{padding:0 20px}
.hd{height:64px}.hd img{height:32px}
.hd .bp{display:none}
.ctas{flex-direction:column;align-items:stretch;width:100%}.ctas .btn{justify-content:center}
.cont{grid-template-columns:1fr 1fr;column-gap:16px}
.trk{grid-template-columns:minmax(0,1fr);row-gap:16px;align-items:start}
.bar{height:280px}
.ln{top:0;inset-inline-start:3px;width:3px!important;transform-origin:top}
.ln.p{height:50%}
.ln.a{top:50%;inset-inline-start:3px;height:50%;border-top:0;border-inline-start:2px dashed #DAD5E5}
.ln.d{height:100%;background:linear-gradient(180deg,#3B5BDB 0%,#8E2DBF 30%,#E5157A 55%,#F15A29 80%,#F7C830 100%)}
.ms{inset-inline-start:0;top:var(--p);height:auto;width:100%}
.ms i{top:-4px;inset-inline-start:0}
.ms b{top:-10px;inset-inline-start:20px;white-space:normal;line-height:1.35}
.ms.s i{top:-1px;inset-inline-start:-6px;width:21px;height:3px}
.ms.e{top:auto;bottom:0;inset-inline-start:0;inset-inline-end:auto}
.ms.e b{inset-inline-start:20px;inset-inline-end:auto;top:-10px}
.ms.e i{inset-inline-start:-2.5px;inset-inline-end:auto;top:-2px;border:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid #F7C830}
@media (prefers-reduced-motion:no-preference){.ln.p,.ln.d{animation-name:growy}}
.idx li{grid-template-columns:minmax(0,1fr)}
.crow .btn{width:100%;justify-content:center}
}