/* Layout: full-bleed video/product slider under a floating Azka-style navbar, then alternating light / ink bands on a 1240px grid. Single light corporate theme by design; dark bands are set explicitly. */
:root{
  color-scheme: light;
  /* Electrometer brand manual — primary */
  --red:#E60000; --red-deep:#B30000; --grey:#6E6F71; --stone:#C1B9B3; --white:#FFFFFF;
  /* secondary */
  --slate:#505D66; --ink:#14191C;
  /* derived neutrals (warm, from stone) */
  --mist:#F5F3F1; --line:#E4DFDA; --text:#1E2326; --muted:#5F6366;
  --display:'Inter', 'Helvetica Neue', Arial, sans-serif;
  --body:'Open Sans', 'Segoe UI', Arial, sans-serif;
  --wrap:1240px; --gut:clamp(16px,4vw,40px); --radius:14px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
html[lang="ar"]{ --display:'Cairo', 'Segoe UI', Tahoma, sans-serif; --body:'Cairo', 'Segoe UI', Tahoma, sans-serif; }
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:6px}
h1,h2,h3,h4{font-family:var(--display);margin:0;text-wrap:balance}
p{margin:0}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.flip{transition:transform .25s var(--ease)}
[dir="rtl"] .flip{transform:scaleX(-1)}

/* ---------- Eyebrow + buttons ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--display);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.eyebrow::before{content:"";width:28px;height:2px;background:currentColor}
html[lang="ar"] .eyebrow{letter-spacing:0;font-size:14px;text-transform:none}
.btn{display:inline-flex;align-items:center;gap:10px;height:48px;padding-inline:22px;border-radius:10px;font-family:var(--display);font-weight:600;font-size:14.5px;transition:background .2s,color .2s,border-color .2s,transform .2s}
.btn svg{width:16px;height:16px}
.btn-red{background:var(--red);color:var(--white)}
.btn-red:hover{background:var(--red-deep)}
.btn-line{border:1.5px solid rgba(255,255,255,.55);color:var(--white)}
.btn-line:hover{border-color:var(--white);background:rgba(255,255,255,.08)}
.btn-white{background:var(--white);color:var(--red)}
.btn-white:hover{background:var(--mist)}
.btn-dark{border:1.5px solid var(--line);color:var(--ink)}
.btn-dark:hover{border-color:var(--ink)}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:600;font-size:14px;color:var(--red)}
.link-arrow svg{width:16px;height:16px;transition:transform .25s var(--ease)}
.link-arrow:hover svg{transform:translateX(4px)}
[dir="rtl"] .link-arrow:hover svg{transform:scaleX(-1) translateX(4px)}

/* ---------- Navbar ---------- */
.nav{position:fixed;top:0;inset-inline:0;z-index:60;padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 0;pointer-events:none}
.nav-bar{pointer-events:auto;position:relative;max-width:1290px;margin-inline:auto;height:66px;display:flex;align-items:center;gap:20px;padding-inline:22px;border-radius:16px;color:var(--white);background:rgba(255,255,255,0);transition:background .35s,box-shadow .35s,color .35s}
.nav.is-solid .nav-bar{background:rgba(255,255,255,.92);color:var(--ink);box-shadow:0 10px 34px rgba(20,25,28,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.logo{position:relative;display:block;height:36px;flex:none}
.logo img{height:36px;width:auto;transition:opacity .35s}
.logo .logo-color{position:absolute;inset-block-start:0;inset-inline-start:0;opacity:0}
.nav.is-solid .logo .logo-color{opacity:1}
.nav.is-solid .logo .logo-white{opacity:0}
.menu{display:flex;align-items:center;gap:2px;margin-inline:auto}
.menu > li{list-style:none;position:static}
.menu{padding:0;margin-block:0}
.menu-link{display:inline-flex;align-items:center;gap:6px;height:38px;padding-inline:13px;border-radius:9px;font-family:var(--display);font-size:13.5px;font-weight:500;opacity:.88;transition:background .2s,opacity .2s}
html[lang="ar"] .menu-link{font-size:15px}
.menu-link:hover,.menu-link[aria-expanded="true"]{opacity:1;background:rgba(255,255,255,.12)}
.nav.is-solid .menu-link:hover,.nav.is-solid .menu-link[aria-expanded="true"]{background:rgba(20,25,28,.06)}
.menu-link .chev{width:12px;height:12px;transition:transform .25s}
.menu-link[aria-expanded="true"] .chev{transform:rotate(180deg)}
.nav-tools{display:flex;align-items:center;gap:6px}
.tool{display:inline-flex;align-items:center;gap:7px;height:38px;padding-inline:11px;border-radius:9px;font-family:var(--display);font-size:13px;font-weight:600;transition:background .2s}
.tool:hover,.tool[aria-expanded="true"]{background:rgba(255,255,255,.12)}
.nav.is-solid .tool:hover,.nav.is-solid .tool[aria-expanded="true"]{background:rgba(20,25,28,.06)}
.tool svg{width:17px;height:17px}
.burger{display:none}

/* dropdown panels */
.panel{position:absolute;top:calc(100% + 10px);background:var(--white);color:var(--ink);border-radius:16px;box-shadow:0 24px 60px rgba(20,25,28,.18);border:1px solid var(--line);padding:14px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .22s,transform .22s var(--ease),visibility .22s}
.panel.is-open{opacity:1;visibility:visible;transform:none}
.panel-about{width:340px;inset-inline-start:var(--x,200px)}
.panel-lines{inset-inline:0;padding:18px}
.panel-lang{width:220px;inset-inline-end:12px;padding:8px}
.drop-item{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:10px;transition:background .2s}
.drop-item:hover{background:var(--mist)}
.drop-item strong{font-family:var(--display);font-size:14.5px;font-weight:600}
.drop-item span{font-size:13px;color:var(--muted);line-height:1.45}
.mega{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1.15fr);gap:18px}
.mega-label{font-family:var(--display);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--grey);padding:2px 4px 10px}
html[lang="ar"] .mega-label{letter-spacing:0;font-size:13px}
.mega-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mcard{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:var(--mist);transition:transform .25s var(--ease),box-shadow .25s}
.mcard:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(20,25,28,.12)}
.mcard-media{aspect-ratio:16/10;overflow:hidden;background:var(--ink)}
.mcard-media img{width:100%;height:100%;object-fit:cover}
.mcard-body{padding:12px 13px 14px;display:flex;flex-direction:column;gap:3px}
.mcard-body strong{font-family:var(--display);font-size:14px;font-weight:600}
.mcard-body span{font-size:12.5px;color:var(--muted);line-height:1.45}
.mega-azka{background:var(--ink);color:var(--white);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px}
.mega-azka .mega-label{color:var(--stone)}
.mega-azka p{font-size:13px;color:rgba(255,255,255,.7);line-height:1.5;margin-bottom:6px}
.ext{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:8px;font-family:var(--display);font-size:13.5px;font-weight:500;transition:background .2s}
.ext:hover{background:rgba(255,255,255,.08)}
.ext svg{width:14px;height:14px;opacity:.7;flex:none}
[dir="rtl"] .ext svg{transform:scaleX(-1)}
.mega-azka .link-arrow{color:var(--white);margin-top:auto;padding:10px 10px 2px;font-size:13px}
.lang-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border-radius:8px;font-size:14px;text-align:start;transition:background .2s}
.lang-item:hover:not([disabled]){background:var(--mist)}
.lang-item[disabled]{color:#9A9C9E;cursor:default}
.lang-item .check{width:16px;height:16px;color:var(--red);visibility:hidden}
.lang-item[aria-current="true"] .check{visibility:visible}
.soon{font-size:11px;font-weight:600;color:var(--grey);background:var(--mist);padding:2px 8px;border-radius:99px}

/* mobile sheet */
.sheet{position:fixed;inset:0;z-index:55;background:var(--white);color:var(--ink);padding:calc(env(safe-area-inset-top,0px) + 100px) var(--gut) 40px;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.sheet.is-open{opacity:1;visibility:visible}
.sheet details{border-bottom:1px solid var(--line)}
.sheet summary,.sheet .sheet-link{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-family:var(--display);font-size:18px;font-weight:600;list-style:none;cursor:pointer}
.sheet summary::-webkit-details-marker{display:none}
.sheet .sheet-link{border-bottom:1px solid var(--line)}
.sheet details a{display:block;padding:9px 0 9px 12px;color:var(--muted);font-size:15px}
[dir="rtl"] .sheet details a{padding:9px 12px 9px 0}
.sheet details[open] summary svg{transform:rotate(180deg)}
.sheet summary svg{width:16px;height:16px;transition:transform .25s}
.sheet-langs{display:flex;gap:8px;margin-top:24px}
.sheet-langs button{flex:1;height:44px;border-radius:10px;border:1.5px solid var(--line);font-weight:600}
.sheet-langs button[aria-current="true"]{border-color:var(--red);color:var(--red)}

/* ---------- Hero slider ---------- */
.hero{position:relative;height:clamp(620px,100svh,940px);background:var(--ink);color:var(--white);overflow:hidden;isolation:isolate}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s var(--ease),visibility 1s}
.slide.is-active{opacity:1;visibility:visible;z-index:1}
.hero.no-anim .slide,.hero.no-anim .reveal{transition:none!important}
.slide-bg{position:absolute;inset:0}
.slide-bg video,.slide-bg > img{width:100%;height:100%;object-fit:cover}
.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,25,28,.88) 0%,rgba(20,25,28,.62) 42%,rgba(20,25,28,.15) 100%),linear-gradient(0deg,rgba(20,25,28,.75) 0%,rgba(20,25,28,0) 38%)}
[dir="rtl"] .shade{background:linear-gradient(270deg,rgba(20,25,28,.88) 0%,rgba(20,25,28,.62) 42%,rgba(20,25,28,.15) 100%),linear-gradient(0deg,rgba(20,25,28,.75) 0%,rgba(20,25,28,0) 38%)}
/* product slides: visual on the inline-end side */
.slide-product{background:radial-gradient(120% 90% at 85% 40%,#2A3238 0%,var(--ink) 60%)}
[dir="rtl"] .slide-product{background:radial-gradient(120% 90% at 15% 40%,#2A3238 0%,var(--ink) 60%)}
.visual{position:absolute;inset-block:0;inset-inline-end:0;width:60%;overflow:hidden}
.visual > img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 8s linear}
.slide.is-active .visual > img{transform:scale(1)}
.visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 0%,rgba(20,25,28,.35) 35%,rgba(20,25,28,0) 70%),linear-gradient(0deg,rgba(20,25,28,.85) 0%,rgba(20,25,28,0) 35%)}
[dir="rtl"] .visual::after{background:linear-gradient(270deg,var(--ink) 0%,rgba(20,25,28,.35) 35%,rgba(20,25,28,0) 70%),linear-gradient(0deg,rgba(20,25,28,.85) 0%,rgba(20,25,28,0) 35%)}
.visual-center{display:grid;place-items:center;width:50%;padding-inline-end:var(--gut)}
.slide-product .slide-text{max-width:min(600px,46vw)}
.visual-center::after{display:none}
.glow{position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(230,0,0,.28),rgba(230,0,0,0) 65%);filter:blur(10px)}
.gas-art{position:relative;width:min(420px,70%);height:auto}
.slide-content{position:relative;z-index:2;max-width:var(--wrap);margin-inline:auto;height:100%;padding:130px var(--gut) 170px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.slide-text{max-width:640px;display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.slide h1,.slide h2{font-size:clamp(38px,5.6vw,74px);font-weight:800;line-height:1.02;letter-spacing:-.035em}
html[lang="ar"] .slide h1,html[lang="ar"] .slide h2{line-height:1.28;letter-spacing:0;font-size:clamp(34px,5vw,64px)}
.slide h1 em,.slide h2 em{font-style:normal;color:var(--red)}
.slide p{font-size:clamp(16px,1.35vw,18.5px);color:rgba(255,255,255,.8);max-width:540px;line-height:1.6}
.slide .eyebrow{color:var(--white)}
.slide .eyebrow::before{background:var(--red)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font-family:var(--display);font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.9)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.slide.is-active .reveal{opacity:1;transform:none}
.slide.is-active .reveal:nth-child(2){transition-delay:.12s}
.slide.is-active .reveal:nth-child(3){transition-delay:.22s}
.slide.is-active .reveal:nth-child(4){transition-delay:.32s}
.slide.is-active .reveal:nth-child(5){transition-delay:.42s}

/* software dashboard mock */
.dash{position:relative;width:min(600px,100%);background:var(--white);color:var(--ink);border-radius:16px;box-shadow:0 40px 90px rgba(0,0,0,.45);overflow:hidden;display:grid;grid-template-columns:132px minmax(0,1fr);font-family:'Inter',Arial,sans-serif;direction:ltr;transform:perspective(1400px) rotateY(-8deg) rotateX(3deg);transition:transform 1.2s var(--ease)}
[dir="rtl"] .dash{transform:perspective(1400px) rotateY(8deg) rotateX(3deg)}
.dash-side{background:var(--ink);color:rgba(255,255,255,.75);padding:16px 12px;display:flex;flex-direction:column;gap:4px;font-size:11.5px}
.dash-side b{color:var(--white);font-size:12px;letter-spacing:.08em;margin-bottom:10px}
.dash-side span{padding:7px 9px;border-radius:7px}
.dash-side span.on{background:var(--red);color:var(--white)}
.dash-main{padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.dash-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700}
.dash-head small{font-weight:500;color:var(--grey);font-size:11px}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.kpi{border:1px solid var(--line);border-radius:10px;padding:9px 10px}
.kpi small{display:block;font-size:10px;color:var(--grey)}
.kpi b{font-size:17px;font-variant-numeric:tabular-nums}
.kpi i{font-style:normal;font-size:10px;color:#2E8B57;font-weight:600}
.bars{height:110px;display:flex;align-items:flex-end;gap:5px;padding:8px 10px 6px;border:1px solid var(--line);border-radius:10px;background-image:linear-gradient(var(--line) 1px,transparent 1px);background-size:100% 25%}
.bars span{flex:1;background:var(--stone);border-radius:3px 3px 0 0;height:var(--h)}
.bars span.hi{background:var(--red)}
.dash-row{display:flex;gap:8px;font-size:10.5px}
.dash-row div{flex:1;border:1px solid var(--line);border-radius:8px;padding:7px 9px;display:flex;justify-content:space-between;gap:6px}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2E8B57;margin-inline-end:5px}
.dot.r{background:var(--red)}

/* pager */
.pager{position:absolute;z-index:5;inset-inline:0;bottom:calc(env(safe-area-inset-bottom,0px) + 30px)}
.pager .wrap{display:flex;align-items:flex-end;gap:28px}
.tabs{flex:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;min-width:0}
.tab{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:start;color:rgba(255,255,255,.55);font-family:var(--display);font-size:13px;font-weight:500;transition:color .25s}
.tab:hover,.tab[aria-selected="true"]{color:var(--white)}
.tab .num{font-variant-numeric:tabular-nums;font-weight:700;margin-inline-end:8px;color:rgba(255,255,255,.4)}
.tab[aria-selected="true"] .num{color:var(--red)}
.track{width:100%;height:2px;background:rgba(255,255,255,.22);overflow:hidden;border-radius:2px}
.fill{display:block;height:100%;width:100%;background:var(--red);transform:scaleX(0);transform-origin:left center}
[dir="rtl"] .fill{transform-origin:right center}
.tab.is-done .fill{transform:scaleX(1);background:rgba(255,255,255,.55)}
.tab[aria-selected="true"] .fill{animation:fill var(--dur,7s) linear forwards}
.hero.is-paused .tab[aria-selected="true"] .fill{animation-play-state:paused}
@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ctrls{display:flex;gap:8px}
.ctrl{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;transition:background .2s,border-color .2s}
.ctrl:hover{background:rgba(255,255,255,.1);border-color:var(--white)}
.ctrl svg{width:16px;height:16px}

/* ---------- Sections ---------- */
section{padding-block:clamp(72px,9vw,120px)}
.sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(36px,5vw,56px)}
.sec-head h2{font-size:clamp(30px,3.6vw,48px);font-weight:800;line-height:1.08;letter-spacing:-.03em;margin-top:16px;color:var(--ink)}
html[lang="ar"] .sec-head h2,html[lang="ar"] .intro h2{letter-spacing:0;line-height:1.35}
.sec-head p{color:var(--muted);font-size:17px;max-width:520px}
.tag{display:inline-block;font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--grey);border:1px dashed var(--stone);padding:3px 9px;border-radius:99px;vertical-align:middle}
html[lang="ar"] .tag{letter-spacing:0;font-size:12px}

/* intro */
.intro .grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,6vw,96px)}
.intro h2{font-size:clamp(30px,3.6vw,48px);font-weight:800;line-height:1.08;letter-spacing:-.03em;margin-top:16px;color:var(--ink)}
.intro h2 em{font-style:normal;color:var(--red)}
.intro-copy{display:flex;flex-direction:column;gap:22px;padding-top:36px}
.intro-copy p{font-size:17.5px;color:var(--muted)}
.stats{margin-top:clamp(48px,6vw,80px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.stat{border-top:2px solid var(--ink);padding-top:18px;display:flex;flex-direction:column;gap:6px}
.stat b{font-family:'Inter',Arial,sans-serif;font-size:clamp(36px,4vw,54px);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.stat b sup{color:var(--red);font-size:.55em;vertical-align:top;margin-inline-start:2px}
.stat span{color:var(--muted);font-size:14.5px}
.stats-note{margin-top:18px}

/* business lines */
.lines{background:var(--mist)}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s var(--ease),box-shadow .3s}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(20,25,28,.10)}
.card-media{aspect-ratio:4/3;overflow:hidden;background:var(--ink);position:relative;display:grid;place-items:center}
.card-media > img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.card:hover .card-media > img{transform:scale(1.05)}
.card-media .gas-art{width:52%}
.card-body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.card-body h3{font-size:20px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.card-body p{color:var(--muted);font-size:14.5px;line-height:1.6;flex:1}
.mini-dash{width:78%;background:var(--white);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:7px;box-shadow:0 14px 30px rgba(0,0,0,.35)}
.mini-dash .row{display:flex;gap:6px}
.mini-dash .row i{flex:1;height:22px;border-radius:5px;background:var(--mist)}
.mini-dash .row i:first-child{background:var(--red);opacity:.9}
.mini-dash .bars{height:62px;padding:5px 6px 4px;gap:3px}
.mods{display:flex;gap:6px;flex-wrap:wrap}
.mods span{font-family:'Inter',Arial,sans-serif;font-size:11.5px;font-weight:700;color:var(--ink);background:var(--mist);border-radius:6px;padding:3px 8px}
.azka-band{margin-top:22px;background:var(--ink);color:var(--white);border-radius:var(--radius);padding:clamp(24px,3vw,36px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);gap:clamp(20px,4vw,48px);align-items:center}
.azka-band h3{font-size:22px;font-weight:700;letter-spacing:-.01em}
.azka-band p{color:rgba(255,255,255,.72);font-size:15px;margin-top:8px}
.azka-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.azka-link{border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:18px;transition:border-color .25s,background .25s}
.azka-link:hover{border-color:var(--red);background:rgba(230,0,0,.08)}
.azka-link .top{display:flex;justify-content:space-between;align-items:center}
.azka-link .top svg{width:22px;height:22px;color:var(--stone)}
.azka-link .top svg.arr{width:14px;height:14px;opacity:.6}
[dir="rtl"] .azka-link .top svg.arr{transform:scaleX(-1)}
.azka-link strong{font-family:var(--display);font-size:14.5px;font-weight:600;line-height:1.3}

/* manufacturing */
.mfg{background:var(--ink);color:var(--white)}
.mfg .sec-head h2{color:var(--white)}
.mfg .sec-head p{color:rgba(255,255,255,.7)}
.mosaic{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:260px 260px;gap:14px}
.tile{position:relative;border-radius:var(--radius);overflow:hidden;background:#222}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.tile:hover img{transform:scale(1.04)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,25,28,.82),rgba(20,25,28,0) 55%)}
.tile figcaption{position:absolute;z-index:1;inset-inline:20px;bottom:18px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;font-family:var(--display);font-weight:600;font-size:17px}
.tile figcaption small{font-family:var(--body);font-weight:400;font-size:13px;color:rgba(255,255,255,.7);display:block}
.tile-a{grid-row:1/3}
.tile-d{grid-column:2/4}
figure{margin:0}
.mfg-foot{margin-top:32px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;color:rgba(255,255,255,.6);font-size:14px}

/* story */
.story .grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,6vw,90px);align-items:center}
.story-img{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:5/4}
.story-img img{width:100%;height:100%;object-fit:cover}
.story-img::before{content:"";position:absolute;z-index:1;inset-block-start:0;inset-inline-start:0;width:84px;height:6px;background:var(--red)}
.story-copy{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.story-copy h2{font-size:clamp(30px,3.6vw,46px);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--ink)}
html[lang="ar"] .story-copy h2{letter-spacing:0;line-height:1.35}
.story-copy p{color:var(--muted);font-size:17px}
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin-block:6px}
.pillars div{border-inline-start:2px solid var(--red);padding-inline-start:12px}
.pillars b{display:block;font-family:var(--display);font-size:14.5px;color:var(--ink)}
.pillars span{font-size:13px;color:var(--muted);line-height:1.45;display:block}

/* news */
.news{background:var(--mist)}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.post{background:var(--white);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column;transition:box-shadow .3s}
.post:hover{box-shadow:0 18px 44px rgba(20,25,28,.10)}
.post-media{aspect-ratio:16/9;overflow:hidden}
.post-media img{width:100%;height:100%;object-fit:cover}
.post-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px}
.post-meta{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--grey)}
.post-meta .cat{color:var(--red);font-weight:600;font-family:var(--display)}
.post h3{font-size:18.5px;font-weight:700;line-height:1.35;color:var(--ink)}
.head-link{display:flex;justify-content:flex-end}

/* cta */
.cta{background:var(--red);color:var(--white);padding-block:clamp(56px,7vw,88px);position:relative;overflow:hidden}
.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;position:relative}
.cta h2{font-size:clamp(28px,3.4vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1.1}
html[lang="ar"] .cta h2{letter-spacing:0;line-height:1.35}
.cta p{color:rgba(255,255,255,.88);font-size:17px;margin-top:10px;max-width:560px}
.cta .btn-line{border-color:rgba(255,255,255,.7)}
.cta-ring{position:absolute;width:520px;height:520px;border-radius:50%;border:70px solid rgba(255,255,255,.07);inset-inline-end:-160px;top:-200px}

/* footer */
footer{background:var(--ink);color:rgba(255,255,255,.72);padding-block:72px 32px;font-size:14.5px}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr)) minmax(0,1.3fr);gap:32px}
.foot-brand img{height:40px;width:auto}
.foot-brand p{margin-top:18px;max-width:280px}
footer h4{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--white);margin-bottom:16px}
html[lang="ar"] footer h4{letter-spacing:0;font-size:15px}
footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
footer a:hover{color:var(--white)}
footer .ext-mark{display:inline-flex;align-items:center;gap:6px}
footer .ext-mark svg{width:12px;height:12px;opacity:.6}
[dir="rtl"] footer .ext-mark svg{transform:scaleX(-1)}
.foot-bottom{margin-top:56px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}
.foot-bottom nav{display:flex;gap:20px}
.socials{display:flex;gap:10px;margin-top:20px}
.socials a{width:36px;height:36px;border-radius:9px;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center}
.socials a:hover{border-color:var(--white)}
.socials svg{width:16px;height:16px}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .menu,.nav-tools .tool-lang,.nav-tools .tool-search{display:none}
  .burger{display:inline-flex;margin-inline-start:auto}
  .nav-bar{justify-content:space-between}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .azka-band{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .foot-brand{grid-column:1/-1}
  .panel{display:none}
}
@media (max-width:860px){
  .visual{width:100%;opacity:.45}
  .visual::after{background:linear-gradient(0deg,var(--ink) 10%,rgba(20,25,28,.4) 60%,rgba(20,25,28,.2) 100%)}
  [dir="rtl"] .visual::after{background:linear-gradient(0deg,var(--ink) 10%,rgba(20,25,28,.4) 60%,rgba(20,25,28,.2) 100%)}
  .visual-center{opacity:.3}
  .slide-content{justify-content:flex-end;padding-bottom:150px}
  .tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
  .tab .label{display:none}
  .tab[aria-selected="true"] .label{display:none}
  .pager .wrap{gap:14px}
  .sec-head,.intro .grid,.story .grid{grid-template-columns:1fr}
  .intro-copy{padding-top:0}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
  .azka-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mosaic{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .tile{aspect-ratio:4/3}
  .tile-a{grid-row:auto;grid-column:1/-1;aspect-ratio:16/10}
  .tile-d{grid-column:1/-1;aspect-ratio:16/9}
  .news-grid{grid-template-columns:1fr}
  .head-link{justify-content:flex-start}
}
@media (max-width:560px){
  .cards{grid-template-columns:1fr}
  .ctrls .ctrl-prev,.ctrls .ctrl-next{display:none}
  .pillars{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  .mosaic{grid-template-columns:1fr}
  .tile,.tile-a,.tile-d{grid-column:auto;aspect-ratio:4/3}
  .nav-bar{padding-inline:14px;height:60px}
  .logo,.logo img{height:30px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}
  .tab[aria-selected="true"] .fill{animation:none;transform:scaleX(1)}
}

/* =================== v2 additions =================== */
.nav-link-cur{opacity:1!important}
/* hero product stage */
.visual-stage{position:absolute;inset-block:0;inset-inline-end:0;width:56%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:34px;padding:110px var(--gut) 150px 0}
[dir="rtl"] .visual-stage{padding:110px 0 150px var(--gut)}
.visual-stage .glow{top:50%;left:50%;transform:translate(-50%,-62%)}
.lineup{position:relative;width:100%;max-width:780px;height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55));-webkit-box-reflect:below 2px linear-gradient(transparent 70%,rgba(255,255,255,.12));transform:translateY(16px);opacity:0;transition:transform 1.1s var(--ease),opacity 1.1s var(--ease)}
.slide.is-active .lineup{transform:none;opacity:1;transition-delay:.15s}
.hero.no-anim .lineup{transition:none}
.lineup.narrow{max-width:620px}
.facts{position:relative;width:100%;max-width:780px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.facts div{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.facts b{font-family:'Inter',Arial,sans-serif;font-size:clamp(22px,2.2vw,30px);font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--white);font-variant-numeric:tabular-nums}
.facts b small{font-size:.5em;font-weight:600;color:var(--stone);letter-spacing:0;margin-inline-start:4px}
.facts span{font-size:12.5px;color:rgba(255,255,255,.66);line-height:1.4}
.facts b span,.slide-product .facts b span{font-size:1em;color:inherit;line-height:inherit} /* the number inside a figure ("20" in "20 yrs") keeps the big figure style */
.slide-product .slide-text{max-width:min(560px,40vw)}
.hero-stats{display:flex;flex-wrap:wrap;gap:8px 22px;font-family:var(--display);font-size:14px;color:rgba(255,255,255,.85)}
.hero-stats b{color:var(--white);font-weight:800;font-size:18px;margin-inline-end:6px}
.hero-stats span+span{border-inline-start:1px solid rgba(255,255,255,.25);padding-inline-start:22px}
.dash.compact{width:min(560px,100%)}

/* intro v2 */
.intro-media{border-radius:var(--radius);overflow:hidden;aspect-ratio:16/10;position:relative;margin-top:8px}
.intro-media img{width:100%;height:100%;object-fit:cover}
.intro-media figcaption{position:absolute;inset-inline-start:16px;bottom:14px;font-family:var(--display);font-size:12.5px;font-weight:600;color:var(--ink);background:rgba(255,255,255,.88);padding:5px 10px;border-radius:99px}
.intro .grid{align-items:start}
.pill-row{display:flex;flex-wrap:wrap;gap:8px}
.pill-row span{font-family:var(--display);font-size:13px;font-weight:600;color:var(--ink);background:var(--mist);border:1px solid var(--line);padding:6px 12px;border-radius:99px}
.stats.five{grid-template-columns:repeat(5,minmax(0,1fr))}

/* footprint */
.footprint{background:var(--ink);color:var(--white);position:relative;overflow:hidden}
.footprint .sec-head h2{color:var(--white)}
.footprint .sec-head p{color:rgba(255,255,255,.72)}
.fp-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:clamp(28px,4vw,44px)}
.fp-num{border-top:2px solid var(--red);padding-top:16px;display:flex;flex-direction:column;gap:6px}
.fp-num b{font-family:'Inter',Arial,sans-serif;font-size:clamp(56px,8vw,112px);font-weight:900;letter-spacing:-.05em;line-height:.9;font-variant-numeric:tabular-nums}
.fp-num b sup{font-size:.42em;color:var(--red);vertical-align:top;margin-inline-start:4px}
.fp-num span{color:rgba(255,255,255,.75);font-size:15.5px;max-width:260px}
.map{position:relative;width:100%;aspect-ratio:1800/690;margin-inline:auto}
.map > img{width:100%;height:100%;display:block;opacity:.9}
.mk{position:absolute;transform:translate(-50%,-50%);display:block}
.mk i{display:block;width:9px;height:9px;border-radius:50%;background:var(--stone);box-shadow:0 0 0 3px rgba(193,185,179,.18)}
.mk.f i{width:14px;height:14px;background:var(--red);box-shadow:0 0 0 4px rgba(230,0,0,.25)}
.mk.f::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid var(--red);opacity:0;animation:pulse 2.6s var(--ease) infinite;animation-delay:var(--d,0s)}
@keyframes pulse{0%{transform:scale(.4);opacity:.9}100%{transform:scale(2.2);opacity:0}}
.mk em{position:absolute;inset-inline-start:18px;top:50%;transform:translateY(-50%);white-space:nowrap;font-style:normal;font-family:var(--display);font-size:12.5px;font-weight:700;color:var(--white);background:rgba(20,25,28,.82);border:1px solid rgba(255,255,255,.14);padding:3px 9px;border-radius:7px;pointer-events:none;transition:background .2s,border-color .2s}
.mk.left em{inset-inline-start:auto;inset-inline-end:18px}
.mk.on em{background:var(--red);border-color:var(--red)}
.mk.on i{transform:scale(1.3)}
.legend{display:flex;flex-wrap:wrap;gap:20px;margin-top:18px;font-size:13.5px;color:rgba(255,255,255,.7)}
.legend span{display:inline-flex;align-items:center;gap:8px}
.legend i{width:11px;height:11px;border-radius:50%;background:var(--stone)}
.legend i.r{background:var(--red)}
.fp-list{margin-top:clamp(28px,4vw,44px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.fp-item{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;text-align:start;transition:border-color .2s,background .2s;cursor:default}
.fp-item:hover,.fp-item.on{border-color:var(--red);background:rgba(230,0,0,.08)}
.fp-item b{font-family:var(--display);font-size:15px;display:flex;justify-content:space-between;gap:8px}
.fp-item b small{font-family:'Inter',Arial,sans-serif;font-size:12px;color:var(--stone);font-weight:600}
.fp-item span{font-size:13px;color:rgba(255,255,255,.66);line-height:1.45}

/* product cards v2 */
.card-media.prod{background:radial-gradient(90% 80% at 50% 70%,#FFFFFF 0%,var(--mist) 70%);padding:18px}
.card-media.prod > img{object-fit:contain;width:100%;height:100%}
.card:hover .card-media.prod > img{transform:scale(1.04)}
.specs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;flex:1}
.specs li{font-size:13.5px;color:var(--muted);padding-inline-start:16px;position:relative;line-height:1.45}
.specs li::before{content:"";position:absolute;inset-inline-start:0;top:.6em;width:7px;height:2px;background:var(--red)}
.card-body p.lead{flex:none}

/* manufacturing v2 */
.caps{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.caps span{font-family:var(--display);font-size:13px;font-weight:500;padding:7px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.85)}
.capacity{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.capacity div{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:16px}
.capacity img{width:76px;height:56px;object-fit:contain;flex:none}
.capacity b{display:block;font-family:'Inter',Arial,sans-serif;font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.capacity span{font-size:13px;color:rgba(255,255,255,.66)}
.certs{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-family:'Inter',Arial,sans-serif;font-size:13px;font-weight:600;color:rgba(255,255,255,.8)}
.certs strong{font-family:var(--display);color:var(--stone);font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
html[lang="ar"] .certs strong{letter-spacing:0;font-size:14px}

/* story / timeline */
.then-now{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(16px,3vw,40px);align-items:center;background:var(--mist);border-radius:var(--radius);padding:clamp(22px,3vw,34px);margin-bottom:clamp(36px,5vw,56px)}
.tn{display:flex;flex-direction:column;gap:10px}
.tn h3{font-family:'Inter',Arial,sans-serif;font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.04em;line-height:1;color:var(--grey)}
.tn.now h3{color:var(--red)}
.tn ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:15px;color:var(--text)}
.tn ul b{font-family:'Inter',Arial,sans-serif;font-weight:800}
.tn-arrow{width:56px;height:56px;border-radius:50%;background:var(--white);display:grid;place-items:center;color:var(--red);box-shadow:0 6px 18px rgba(20,25,28,.08)}
.tn-arrow svg{width:22px;height:22px}
.timeline{overflow-x:auto;padding-bottom:12px;scrollbar-width:thin}
.timeline ol{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);gap:0;min-width:min-content}
.timeline li{position:relative;padding:28px 20px 0 0;border-top:2px solid var(--line)}
[dir="rtl"] .timeline li{padding:28px 0 0 20px}
.timeline li::before{content:"";position:absolute;top:-7px;inset-inline-start:0;width:12px;height:12px;border-radius:50%;background:var(--white);border:2px solid var(--red)}
.timeline li:last-child::before{background:var(--red)}
.timeline time{font-family:'Inter',Arial,sans-serif;font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.timeline p{font-size:14px;color:var(--muted);margin-top:6px;line-height:1.55;max-width:230px}

/* projects */
.proj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.proj{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.proj-media{aspect-ratio:16/10;overflow:hidden;position:relative;background:var(--ink)}
.proj-media img{width:100%;height:100%;object-fit:cover}
.proj-media .big{position:absolute;inset-inline-start:16px;bottom:14px;color:var(--white);font-family:'Inter',Arial,sans-serif;font-weight:900;font-size:40px;letter-spacing:-.04em;line-height:1;text-shadow:0 2px 18px rgba(0,0,0,.5)}
.proj-media .big small{display:block;font-family:var(--body);font-size:13px;font-weight:600;letter-spacing:0;margin-top:4px}
html[lang="ar"] .proj-media .big small{font-family:'Cairo',sans-serif}
.proj-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,25,28,.75),rgba(20,25,28,0) 55%)}
.proj-media .big{z-index:1}
.proj-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px}
.proj-body .post-meta{margin:0}
.proj-body h3{font-size:18.5px;font-weight:700;line-height:1.3;color:var(--ink)}
.proj-body p{font-size:14.5px;color:var(--muted);line-height:1.55}
.inits{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.init{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:12px}
.init img{width:150px;height:110px;object-fit:cover;border-radius:10px}
.init h3{font-size:16.5px;font-weight:700;color:var(--ink);line-height:1.3}
.init p{font-size:14px;color:var(--muted);margin-top:4px}

/* clients marquee */
.clients{padding-block:44px;border-block:1px solid var(--line);background:var(--white);overflow:hidden}
.clients .lbl{text-align:center;font-family:var(--display);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--grey);margin-bottom:22px}
html[lang="ar"] .clients .lbl{letter-spacing:0;font-size:14px}
.marquee{display:flex;width:max-content;animation:marq 60s linear infinite;direction:ltr}
.marquee:hover{animation-play-state:paused}
.marquee span{font-family:'Inter',Arial,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.02em;color:#9C9FA2;padding-inline:26px;white-space:nowrap;display:flex;align-items:center;gap:26px}
.marquee span::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--stone)}
@keyframes marq{to{transform:translateX(-50%)}}

/* =================== software page =================== */
.sw-hero{position:relative;background:radial-gradient(90% 90% at 80% 30%,#2A3238 0%,var(--ink) 60%);color:var(--white);padding:calc(env(safe-area-inset-top,0px) + 150px) 0 90px;overflow:hidden}
[dir="rtl"] .sw-hero{background:radial-gradient(90% 90% at 20% 30%,#2A3238 0%,var(--ink) 60%)}
.sw-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,5vw,64px);align-items:center}
.sw-hero h1{font-size:clamp(36px,5vw,66px);font-weight:800;line-height:1.03;letter-spacing:-.035em;margin-top:18px}
html[lang="ar"] .sw-hero h1{letter-spacing:0;line-height:1.3}
.sw-hero h1 em{font-style:normal;color:var(--red)}
.sw-hero p{color:rgba(255,255,255,.78);font-size:18px;margin-top:20px;max-width:540px}
.sw-hero .actions{margin-top:28px}
.sw-hero .dash{transform:none;width:100%}
.sw-hero .glow{right:-120px;top:-60px}
[dir="rtl"] .sw-hero .glow{right:auto;left:-120px}
.crumbs{font-family:var(--display);font-size:13px;color:rgba(255,255,255,.6);display:flex;gap:8px;align-items:center}
.crumbs a:hover{color:var(--white)}
.proof{background:var(--white);padding-block:0}
.proof .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;transform:translateY(-44px);background:var(--white);border-radius:var(--radius);box-shadow:0 20px 50px rgba(20,25,28,.12);border:1px solid var(--line);padding:0}
.proof div{padding:24px 26px;display:flex;flex-direction:column;gap:6px;border-inline-start:1px solid var(--line)}
.proof div:first-child{border-inline-start:0}
.proof b{font-family:'Inter',Arial,sans-serif;font-size:clamp(30px,3.2vw,42px);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--ink)}
.proof b sup{color:var(--red);font-size:.5em;vertical-align:top}
.proof span{font-size:13.5px;color:var(--muted);line-height:1.45}
.proof-wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.layers{display:flex;flex-direction:column;gap:8px}
.layer{display:grid;grid-template-columns:200px minmax(0,1fr);gap:8px}
.layer-name{background:var(--ink);color:var(--white);border-radius:10px;padding:14px 16px;font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:10px}
html[lang="ar"] .layer-name{letter-spacing:0;text-transform:none;font-size:14.5px}
.layer-name i{width:8px;height:8px;border-radius:2px;background:var(--red);flex:none}
.layer-mods{display:flex;flex-wrap:wrap;gap:8px}
.mod{flex:1 1 150px;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:13px 15px;display:flex;flex-direction:column;gap:2px;transition:border-color .2s,transform .2s}
.mod:hover{border-color:var(--red);transform:translateY(-2px)}
.mod b{font-family:var(--display);font-size:14.5px;color:var(--ink)}
.mod span{font-size:12.5px;color:var(--muted);line-height:1.4}
.layer.core .layer-name{background:var(--red)}
.layer.shared .mod{background:transparent;border-style:dashed}
.layer.shared .mod b{font-size:13px;font-weight:600}
.feat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.feat{background:var(--white);padding:26px 26px 28px;display:flex;flex-direction:column;gap:10px}
.feat svg{width:28px;height:28px;color:var(--red)}
.feat h3{font-size:17.5px;font-weight:700;color:var(--ink)}
.feat p{font-size:14.5px;color:var(--muted);line-height:1.55}
.arch{background:var(--ink);color:var(--white)}
.arch .sec-head h2{color:var(--white)}
.arch .sec-head p{color:rgba(255,255,255,.72)}
.flow{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr) 40px minmax(0,1.3fr) 40px minmax(0,1fr);align-items:stretch}
.flow-col{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px}
.flow-col h4{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--stone)}
html[lang="ar"] .flow-col h4{letter-spacing:0;font-size:14px}
.flow-col span{font-family:var(--display);font-size:14px;font-weight:500;padding:9px 12px;border-radius:8px;background:rgba(255,255,255,.06)}
.flow-col.platform{border-color:var(--red);background:rgba(230,0,0,.07)}
.flow-col.platform span{background:rgba(255,255,255,.08)}
.flow-col.platform .sec{background:var(--red);color:var(--white);text-align:center;font-weight:700}
.flow-arrow{display:grid;place-items:center;color:var(--red)}
.flow-arrow svg{width:22px;height:22px}
.stack{margin-top:22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.stack div{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px 16px}
.stack b{display:block;font-family:var(--display);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--stone);margin-bottom:6px}
html[lang="ar"] .stack b{letter-spacing:0;font-size:13.5px}
.stack span{font-family:'Inter',Arial,sans-serif;font-size:14px;color:rgba(255,255,255,.85)}
.cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.case{border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:14px;background:var(--white)}
.case-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.case-top b{font-family:'Inter',Arial,sans-serif;font-size:44px;font-weight:900;letter-spacing:-.045em;line-height:.95;color:var(--red)}
.case-top b small{display:block;font-family:var(--body);font-size:13px;font-weight:600;color:var(--grey);letter-spacing:0;margin-top:6px}
html[lang="ar"] .case-top b small{font-family:'Cairo',sans-serif}
.case h3{font-size:20px;font-weight:700;color:var(--ink)}
.case .where{font-size:13px;color:var(--grey);font-family:var(--display);font-weight:600}
.case ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}
.case li{font-size:14.5px;color:var(--muted);padding-inline-start:16px;position:relative}
.case li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:7px;height:2px;background:var(--red)}
.managed{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.managed div{border-top:2px solid var(--ink);padding-top:14px}
.managed b{font-family:var(--display);font-size:15.5px;color:var(--ink);display:block;margin-bottom:6px}
.managed span{font-size:14px;color:var(--muted);line-height:1.5}
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;counter-reset:st}
.step{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px;position:relative}
.step b{font-family:var(--display);font-size:16px;color:var(--ink)}
.step b::before{counter-increment:st;content:counter(st,decimal-leading-zero);display:block;font-family:'Inter',Arial,sans-serif;font-size:12px;font-weight:700;color:var(--red);margin-bottom:6px}
.step span{font-size:13.5px;color:var(--muted);line-height:1.5}
.note-line{margin-top:24px;font-size:14px;color:var(--muted)}
.note-line a{color:var(--red);font-weight:600}

@media (max-width:1100px){
  .fp-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .proj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats.five{grid-template-columns:repeat(3,minmax(0,1fr))}
  .flow{grid-template-columns:1fr;gap:10px}
  .flow-arrow{transform:rotate(90deg);height:30px}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .managed{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stack{grid-template-columns:repeat(2,minmax(0,1fr))}
  .proof .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .proof div:nth-child(3){border-inline-start:0}
  .proof div:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (max-width:860px){
  .visual-stage{width:100%;inset-block-end:auto;padding:96px var(--gut) 0;gap:0;justify-content:flex-start}
  [dir="rtl"] .visual-stage{padding:96px var(--gut) 0}
  .visual-stage .facts{display:none}
  .visual-stage .lineup{max-width:min(520px,92%);-webkit-box-reflect:unset}
  .visual-stage .dash{display:none}
  .visual-stage .glow{width:320px;height:320px;transform:translate(-50%,-80%)}
  .slide-product .slide-text{max-width:100%}
  .hero-stats{font-size:13px;gap:6px 14px}
  .hero-stats span+span{padding-inline-start:14px}
  .fp-nums{grid-template-columns:1fr;gap:14px}
  .fp-num{flex-direction:row;align-items:baseline;gap:14px}
  .mk em{display:none}
  .mk.f i{width:10px;height:10px}
  .mk i{width:6px;height:6px}
  .capacity{grid-template-columns:1fr}
  .then-now{grid-template-columns:1fr}
  .tn-arrow{transform:rotate(90deg)}
  [dir="rtl"] .tn-arrow{transform:rotate(90deg)}
  .proj-grid,.inits,.cases,.feat-grid{grid-template-columns:1fr}
  .init{grid-template-columns:110px minmax(0,1fr)}
  .init img{width:110px;height:90px}
  .sw-hero .wrap{grid-template-columns:1fr}
  .layer{grid-template-columns:1fr}
  .stats.five{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .fp-list,.steps,.managed,.stack,.proof .wrap{grid-template-columns:1fr}
  .proof div{border-inline-start:0!important;border-top:1px solid var(--line)}
  .proof div:first-child{border-top:0}
}
@media (prefers-reduced-motion:reduce){.marquee{animation:none}.mk.f::before{display:none}}
.map{direction:ltr}
@media (min-width:861px){
  .visual-stage{width:50%;padding-inline-start:32px;padding-inline-end:max(var(--gut),calc((100vw - var(--wrap)) / 2 + var(--gut)))}
  [dir="rtl"] .visual-stage{padding-inline-start:32px;padding-inline-end:max(var(--gut),calc((100vw - var(--wrap)) / 2 + var(--gut)))}
  .slide-product .slide-text{max-width:min(520px,calc(50vw - max(var(--gut),calc((100vw - var(--wrap)) / 2 + var(--gut))) - 24px))}
  .slide-product h2{font-size:clamp(36px,4.6vw,66px)}
}
.stat b span,.fp-num b span{font:inherit;color:inherit;max-width:none;display:inline}
.timeline{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);cursor:grab}
[dir="rtl"] .timeline{-webkit-mask-image:linear-gradient(270deg,#000 85%,transparent);mask-image:linear-gradient(270deg,#000 85%,transparent)}
.timeline ol{grid-auto-columns:minmax(190px,1fr)}
.timeline li:last-child{padding-inline-end:120px}
.timeline{cursor:auto}
/* satellite map */
.map{border-radius:16px;overflow:hidden;background:#06121f;box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.08)}
.map > img.sat{width:100%;height:100%;object-fit:cover;opacity:1}
.map::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 120% at 50% 50%,transparent 60%,rgba(6,18,31,.55) 100%)}
.borders-wrap,.borders-wrap svg{position:absolute;inset:0;width:100%;height:100%}
.borders path{fill:rgba(255,255,255,0);stroke:rgba(255,255,255,.32);stroke-width:.7;vector-effect:non-scaling-stroke;transition:fill .2s;cursor:default}
.borders path.m{fill:rgba(255,255,255,.10)}
.borders path.f{fill:rgba(230,0,0,.42);stroke:#ff8a8a;stroke-width:1}
.borders path:hover{fill:rgba(255,255,255,.22)}
.borders path.f:hover,.borders path.f.on{fill:rgba(230,0,0,.7)}
.mk{z-index:2;pointer-events:none}
.mk.f{pointer-events:auto}
.mk:not(.f){display:none}
.mk em{box-shadow:0 4px 14px rgba(0,0,0,.4)}
.map-tip{position:absolute;z-index:3;pointer-events:none;transform:translate(-50%,calc(-100% - 12px));font-family:var(--display);font-size:12.5px;font-weight:600;color:var(--ink);background:var(--white);padding:4px 10px;border-radius:7px;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.legend i{background:rgba(255,255,255,.35)}

/* =================== product line pages =================== */
.pl-hero{position:relative;background:radial-gradient(90% 90% at 75% 40%,#2A3238 0%,var(--ink) 62%);color:var(--white);padding:calc(env(safe-area-inset-top,0px) + 140px) 0 70px;overflow:hidden}
[dir="rtl"] .pl-hero{background:radial-gradient(90% 90% at 25% 40%,#2A3238 0%,var(--ink) 62%)}
.pl-hero .wrap{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(24px,4vw,56px);align-items:center}
.pl-hero h1{font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.03;letter-spacing:-.035em;margin-top:18px}
html[lang="ar"] .pl-hero h1{letter-spacing:0;line-height:1.3}
.pl-hero h1 em{font-style:normal;color:var(--red)}
.pl-hero p.lead{color:rgba(255,255,255,.78);font-size:18px;margin-top:20px;max-width:540px}
.pl-hero .actions{margin-top:28px}
.pl-hero .chips{margin-top:22px}
.pl-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:28px}
.pl-stage .glow{left:50%;top:40%;transform:translate(-50%,-50%)}
.pl-stage .lineup{opacity:1;transform:none;max-width:720px}
.pl-stage .facts{max-width:720px}
.sub-nav{position:sticky;top:calc(env(safe-area-inset-top,0px) + 92px);z-index:30;background:transparent;margin-top:-1px}
.sub-nav .wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block:10px}
.sub-nav a{flex:none;font-family:var(--display);font-size:13.5px;font-weight:600;padding:8px 14px;border-radius:99px;background:var(--white);border:1px solid var(--line);color:var(--ink);box-shadow:0 4px 14px rgba(20,25,28,.06)}
.sub-nav a:hover{border-color:var(--ink)}
.func-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.func{border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px;background:var(--white)}
.func svg{width:26px;height:26px;color:var(--red)}
.func b{font-family:var(--display);font-size:15px;color:var(--ink);line-height:1.3}
.func span{font-size:13.5px;color:var(--muted);line-height:1.45}
.range{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.range div{background:var(--mist);border-radius:12px;padding:16px 18px}
.range b{display:block;font-family:var(--display);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey);margin-bottom:8px}
html[lang="ar"] .range b{letter-spacing:0;font-size:13.5px}
.range span{font-family:var(--display);font-size:15.5px;font-weight:600;color:var(--ink)}
/* model catalogue */
.series-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:28px}
.series-intro h2{font-size:clamp(30px,3.6vw,48px);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--ink);margin-top:16px}
html[lang="ar"] .series-intro h2{letter-spacing:0;line-height:1.35}
.series-intro p{color:var(--muted);font-size:16.5px}
.series-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.series-badges span{font-family:'Inter',Arial,sans-serif;font-size:12px;font-weight:700;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:6px;padding:4px 9px}
.cat-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.filters{display:flex;flex-wrap:wrap;gap:8px}
.fchip{font-family:var(--display);font-size:13.5px;font-weight:600;padding:8px 14px;border-radius:99px;border:1.5px solid var(--line);background:var(--white);color:var(--ink);transition:all .2s}
.fchip:hover{border-color:var(--ink)}
.fchip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--white)}
.cat-hint{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:8px}
.cat-hint svg{width:16px;height:16px;color:var(--red)}
.model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mcard2{background:var(--white);border:1.5px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .25s,transform .25s}
.mcard2:hover{box-shadow:0 18px 40px rgba(20,25,28,.10);transform:translateY(-3px)}
.mcard2.sel{border-color:var(--red);box-shadow:0 0 0 3px rgba(230,0,0,.12)}
.mc-media{position:relative;aspect-ratio:1/1;background:radial-gradient(80% 70% at 50% 60%,#fff 0%,var(--mist) 75%);display:grid;place-items:center;padding:22px}
.mc-media img{max-height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(20,25,28,.16))}
.mc-badge{position:absolute;top:12px;inset-inline-start:12px;font-family:var(--display);font-size:11.5px;font-weight:700;background:var(--ink);color:var(--white);padding:4px 9px;border-radius:99px}
.mc-body{padding:18px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.mc-type{font-family:var(--display);font-size:12px;font-weight:600;color:var(--red)}
.mc-body h3{font-size:21px;font-weight:800;color:var(--ink);letter-spacing:-.02em;font-family:'Inter',Arial,sans-serif}
.mc-keys{margin:4px 0 0;display:flex;flex-direction:column;gap:6px;flex:1}
.mc-keys div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:6px;font-size:13px}
.mc-keys dt{color:var(--muted)}
.mc-keys dd{margin:0;color:var(--ink);font-weight:600;text-align:end}
.mc-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}
.btn-sm{font-family:var(--display);font-size:13px;font-weight:600;height:36px;padding-inline:14px;border-radius:9px;transition:all .2s}
.btn-sm.ghost{border:1.5px solid var(--line);color:var(--ink)}
.btn-sm.ghost:hover{border-color:var(--ink)}
.btn-sm.ghost-d{border:1.5px solid rgba(255,255,255,.25);color:var(--white)}
.cmp-check{display:inline-flex;align-items:center;gap:7px;font-family:var(--display);font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;user-select:none}
.cmp-check input{width:17px;height:17px;accent-color:var(--red);cursor:pointer}
.also{margin-top:22px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:center;background:var(--mist);border-radius:var(--radius);padding:22px 26px}
.also img{width:100%;height:auto}
.also h3{font-size:18px;font-weight:700;color:var(--ink)}
.also p{font-size:14.5px;color:var(--muted);margin-top:6px}
/* compare tray */
.cmp-tray{position:fixed;inset-inline:0;bottom:0;z-index:70;padding:0 16px calc(env(safe-area-inset-bottom,0px) + 14px);transform:translateY(120%);transition:transform .35s var(--ease);pointer-events:none}
.cmp-tray.show{transform:none}
.tray-in{pointer-events:auto;max-width:1100px;margin-inline:auto;background:var(--ink);color:var(--white);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.35);padding:12px 12px 12px 16px;display:flex;justify-content:space-between;align-items:center;gap:14px}
[dir="rtl"] .tray-in{padding:12px 16px 12px 12px}
.tray-items{display:flex;gap:8px;min-width:0;overflow-x:auto}
.tray-item{flex:none;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border-radius:10px;padding:6px 8px;font-size:13.5px}
.tray-item img{width:28px;height:28px;object-fit:contain;background:var(--white);border-radius:6px;padding:2px}
.tray-item b{font-family:'Inter',Arial,sans-serif}
.tray-item button{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.12);font-size:15px;line-height:1}
.tray-item.empty{border:1.5px dashed rgba(255,255,255,.2);background:transparent;color:rgba(255,255,255,.5);padding:10px 12px;font-size:12.5px}
.tray-actions{display:flex;gap:8px;flex:none}
.tray-actions .btn{height:42px}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.toast{position:fixed;z-index:90;left:50%;bottom:110px;transform:translateX(-50%);background:var(--white);color:var(--ink);border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;box-shadow:0 14px 40px rgba(0,0,0,.25)}
/* drawer + compare modal */
.drawer,.cmp-modal{position:fixed;inset:0;z-index:80}
.drawer-scrim,.cmp-scrim{position:absolute;inset:0;background:rgba(20,25,28,.55);opacity:0;transition:opacity .25s}
.drawer.open .drawer-scrim,.cmp-modal.open .cmp-scrim{opacity:1}
.drawer-panel{position:absolute;top:0;bottom:0;inset-inline-end:0;width:min(640px,100%);background:var(--white);color:var(--text);overflow-y:auto;transform:translateX(100%);transition:transform .3s var(--ease);padding:calc(env(safe-area-inset-top,0px) + 26px) 28px 40px}
[dir="rtl"] .drawer-panel{transform:translateX(-100%)}
.drawer.open .drawer-panel{transform:none}
.drawer-close,.cmp-close{position:absolute;top:calc(env(safe-area-inset-top,0px) + 16px);inset-inline-end:16px;width:40px;height:40px;border-radius:50%;background:var(--mist);display:grid;place-items:center;z-index:2}
.drawer-close svg,.cmp-close svg{width:18px;height:18px}
.dr-head{display:grid;grid-template-columns:170px minmax(0,1fr);gap:22px;align-items:center;margin-top:10px}
.dr-img{aspect-ratio:3/4;background:radial-gradient(80% 70% at 50% 60%,#fff 0%,var(--mist) 75%);border-radius:14px;display:grid;place-items:center;padding:14px}
.dr-img img{max-height:100%;width:auto}
.dr-head h2{font-family:'Inter',Arial,sans-serif;font-size:30px;font-weight:800;letter-spacing:-.03em;color:var(--ink);margin-top:4px}
.dr-head p{font-size:15px;color:var(--muted);margin-top:8px}
.dr-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.dr-actions .btn{height:42px;font-size:13.5px}
.drawer h4{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--grey);margin:28px 0 12px}
html[lang="ar"] .drawer h4{letter-spacing:0;font-size:14px}
.dr-feats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dr-feats li{font-size:14px;background:var(--mist);border-radius:8px;padding:9px 12px;color:var(--ink);font-weight:500}
table.spec{width:100%;border-collapse:collapse;font-size:14.5px}
table.spec th,table.spec td{text-align:start;padding:11px 0;border-bottom:1px solid var(--line);vertical-align:top}
table.spec th{color:var(--muted);font-weight:500;width:46%;padding-inline-end:14px}
table.spec td{color:var(--ink);font-weight:600}
.dr-src{font-size:12.5px;color:var(--grey);margin-top:16px}
.cmp-panel{position:absolute;inset:clamp(0px,4vh,48px) clamp(0px,4vw,64px);background:var(--white);border-radius:18px;display:flex;flex-direction:column;overflow:hidden;transform:translateY(20px);opacity:0;transition:transform .3s var(--ease),opacity .3s}
.cmp-modal.open .cmp-panel{transform:none;opacity:1}
.cmp-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 76px 16px 28px;border-bottom:1px solid var(--line)}
[dir="rtl"] .cmp-top{padding:20px 28px 16px 76px}
.cmp-title{font-size:24px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.cmp-diff{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer}
.cmp-diff input{width:17px;height:17px;accent-color:var(--red)}
.cmp-table{overflow:auto;flex:1}
.cmp-table table{border-collapse:separate;border-spacing:0;width:100%;min-width:640px;font-size:14.5px}
.cmp-table th,.cmp-table td{padding:13px 18px;text-align:start;border-bottom:1px solid var(--line);vertical-align:top}
.cmp-table thead th{position:sticky;top:0;background:var(--white);z-index:2;border-bottom:2px solid var(--ink);vertical-align:bottom}
.cmp-table .sticky{position:sticky;inset-inline-start:0;background:var(--white);z-index:1;color:var(--muted);font-weight:500;width:220px;min-width:170px}
.cmp-table thead th.sticky{z-index:3;color:var(--grey);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
html[lang="ar"] .cmp-table thead th.sticky{letter-spacing:0;font-size:13.5px}
.cmp-table td{color:var(--ink);font-weight:600}
.cmp-table tr.diff td{background:rgba(230,0,0,.035)}
.cmp-table tr.grp td{background:var(--mist);font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--grey);padding-block:8px}
html[lang="ar"] .cmp-table tr.grp td{letter-spacing:0;font-size:13.5px}
.cmp-col{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.cmp-col img{height:90px;width:auto;margin-bottom:8px}
.cmp-col b{font-family:'Inter',Arial,sans-serif;font-size:19px;font-weight:800;color:var(--ink)}
.cmp-col span{font-size:12.5px;color:var(--red);font-weight:600;font-family:var(--display)}
.cmp-rm{font-size:12.5px;color:var(--muted);text-decoration:underline;margin-top:4px}
.refs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ref{border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--white)}
.ref b{display:block;font-family:'Inter',Arial,sans-serif;font-size:30px;font-weight:900;letter-spacing:-.04em;color:var(--red);line-height:1}
.ref strong{display:block;font-family:var(--display);font-size:15px;color:var(--ink);margin-top:10px}
.ref span{display:block;font-size:13.5px;color:var(--muted);margin-top:4px;line-height:1.45}
.std{display:flex;flex-wrap:wrap;gap:8px}
.std span{font-family:'Inter',Arial,sans-serif;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.18);border-radius:7px;padding:6px 10px}
.comm-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:center}
.comm-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:22px}
.comm-list span{font-family:var(--display);font-size:14px;font-weight:500;padding:10px 12px;border-radius:9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
@media (max-width:1100px){.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.func-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.refs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){
  .pl-hero .wrap,.series-intro,.comm-grid,.also{grid-template-columns:1fr}
  .pl-stage .facts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .range{grid-template-columns:1fr}
  .dr-head{grid-template-columns:110px minmax(0,1fr)}
  .dr-feats{grid-template-columns:1fr}
  .tray-in{flex-direction:column;align-items:stretch}
  .tray-actions{justify-content:flex-end}
  .cmp-panel{inset:0;border-radius:0}
  .cmp-top{flex-direction:column;align-items:flex-start}
}
@media (max-width:560px){.model-grid,.func-grid,.refs{grid-template-columns:1fr}.pl-stage .facts{grid-template-columns:1fr}.facts span{font-size:12px}.comm-list{grid-template-columns:1fr}}
.sub-nav{position:relative;top:auto;border-bottom:1px solid var(--line);background:var(--white)}
.sub-nav a{box-shadow:none}
.mc-media{aspect-ratio:auto;height:250px;overflow:hidden}
.mc-media img{height:100%;max-height:206px;width:auto}
.mc-keys dd,table.spec td,.cmp-table td,.facts b,.tray-item b{unicode-bidi:plaintext}
@media (max-width:560px){.mc-media{height:200px}.mc-media img{max-height:160px}}
@media (max-width:560px){.cmp-table .sticky{width:112px;min-width:112px;font-size:13px}.cmp-table th,.cmp-table td{padding:11px 12px}.cmp-table table{min-width:520px}}
/* map: name tags only, no dots */
.mk.f i{opacity:0}
.mk.f::before{display:none}
.mk em{font-size:12px;padding:2px 8px}
/* satellite country cards */
.fp-item{position:relative;overflow:hidden;min-height:178px;justify-content:flex-end;border-color:rgba(255,255,255,.1)}
.fp-item::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,16,20,.94) 22%,rgba(10,16,20,.35) 70%,rgba(10,16,20,.15) 100%);transition:background .3s}
.fp-item > *{position:relative}
.fp-item:hover,.fp-item.on{border-color:var(--red)}
.fp-item:hover::before,.fp-item.on::before{background:linear-gradient(0deg,rgba(10,16,20,.9) 22%,rgba(120,0,0,.25) 100%)}
.fp-item span{color:rgba(255,255,255,.82)}
.fp-item b small{background:rgba(255,255,255,.14);padding:2px 7px;border-radius:99px;color:#fff}
.mcard2.flash{animation:flash 1.6s var(--ease)}
@keyframes flash{0%,100%{box-shadow:0 0 0 3px rgba(230,0,0,.12)}30%{box-shadow:0 0 0 10px rgba(230,0,0,.25)}}
/* ---------- finder ---------- */
.who{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.who-c{border:1.5px solid var(--line);border-radius:16px;padding:22px 20px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;background:var(--white);text-align:start;transition:border-color .2s,box-shadow .25s,transform .25s}
.who-c:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,25,28,.08)}
.who-c svg{width:56px;height:56px;color:var(--ink);transition:color .2s}
.who-c b{font-family:var(--display);font-size:17px;color:var(--ink)}
.who-c span{font-size:13.5px;color:var(--muted)}
.who-c[aria-checked="true"]{border-color:var(--red);box-shadow:0 0 0 4px rgba(230,0,0,.1)}
.who-c[aria-checked="true"] svg{color:var(--red)}
.who-c .spark{stroke:var(--red);opacity:0}
.who-c[aria-checked="true"] .spark{opacity:1;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.rec{margin-top:16px;display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:26px;align-items:center;background:var(--ink);color:var(--white);border-radius:18px;padding:20px 26px;overflow:hidden;position:relative}
.rec::after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(230,0,0,.25),transparent 65%);inset-inline-start:-120px;top:-120px;pointer-events:none}
.rec > *{position:relative;z-index:1}
.rec-img{background:radial-gradient(80% 70% at 50% 60%,#fff 0%,#E9E6E2 80%);border-radius:14px;height:170px;display:grid;place-items:center;padding:12px}
.rec-img img{max-height:100%;width:auto;transition:transform .4s var(--ease),opacity .3s}
.rec.swap .rec-img img{transform:scale(.9) translateY(8px);opacity:0}
.rec h3{font-family:'Inter',Arial,sans-serif;font-size:32px;font-weight:800;letter-spacing:-.03em;margin-top:6px}
.rec p{color:rgba(255,255,255,.72);font-size:15px;margin-top:6px;max-width:560px}
.rec-keys{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.rec-keys span{font-size:12.5px;border:1px solid rgba(255,255,255,.18);border-radius:99px;padding:4px 10px;color:rgba(255,255,255,.88);unicode-bidi:plaintext}
.rec-actions{display:flex;flex-direction:column;gap:8px}
.range-strip{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13.5px;color:var(--muted);align-items:center}
.range-strip span:first-child{font-family:var(--display);font-weight:700;color:var(--ink)}
.range-strip span+span{padding-inline-start:18px;border-inline-start:1px solid var(--line)}
/* ---------- live demo ---------- */
.demo{background:radial-gradient(70% 90% at 80% 40%,#262E34 0%,var(--ink) 65%);color:var(--white)}
[dir="rtl"] .demo{background:radial-gradient(70% 90% at 20% 40%,#262E34 0%,var(--ink) 65%)}
.demo-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.demo h2{font-size:clamp(30px,3.6vw,48px);font-weight:800;letter-spacing:-.03em;line-height:1.06;margin-top:16px}
html[lang="ar"] .demo h2{letter-spacing:0;line-height:1.35}
.demo-copy > p{color:rgba(255,255,255,.72);font-size:16.5px;margin-top:14px;max-width:560px}
.ctl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:26px}
.ctl{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;background:rgba(255,255,255,.03);transition:border-color .3s,background .3s}
.ctl.ping{border-color:var(--red);background:rgba(230,0,0,.08)}
.ctl b{font-family:var(--display);font-size:14px;display:flex;align-items:center;gap:8px}
.ctl .n{width:20px;height:20px;border-radius:50%;background:var(--red);font-size:11px;display:grid;place-items:center;flex:none}
.seg{display:flex;background:rgba(255,255,255,.08);border-radius:9px;padding:3px}
.seg button{flex:1;font-size:13px;font-weight:600;padding:7px;border-radius:7px;color:rgba(255,255,255,.8);transition:background .2s}
.seg button.on{background:var(--red);color:#fff}
.mini{align-self:flex-start;font-family:var(--display);font-size:13px;font-weight:600;padding:8px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.25);transition:all .2s}
.mini:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.mini[disabled]{opacity:.4;cursor:not-allowed}
.tgl{display:inline-flex;align-items:center;gap:10px;cursor:pointer}
.tgl input{position:absolute;opacity:0;width:1px;height:1px}
.tgl .tr{width:46px;height:26px;border-radius:99px;background:rgba(255,255,255,.2);position:relative;transition:background .2s}
.tgl .tr::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}
.tgl input:checked + .tr{background:#2E8B57}
.tgl input:checked + .tr::after{transform:translateX(20px)}
[dir="rtl"] .tgl input:checked + .tr::after{transform:translateX(-20px)}
.tgl input:focus-visible + .tr{outline:2px solid var(--red);outline-offset:3px}
.tgl em{font-style:normal;font-size:13px;color:rgba(255,255,255,.8)}
input[type=range]{width:100%;accent-color:var(--red)}
.loadbar{position:relative;height:22px;border-radius:7px;background:rgba(255,255,255,.08);overflow:hidden}
.loadbar i{position:absolute;inset-block:0;inset-inline-start:0;width:30%;background:linear-gradient(90deg,#2E8B57,#eca815);transition:width .6s var(--ease),background .3s}
.loadbar i.over{background:var(--red)}
.loadbar span{position:relative;font-size:12px;font-weight:700;padding-inline-start:8px;line-height:22px;font-family:'Inter',Arial,sans-serif;unicode-bidi:plaintext}
.demo-stage{display:flex;flex-direction:column;align-items:center;gap:18px}
.meter-wrap{position:relative;width:min(300px,80%)}
.meter-wrap .msvg{width:100%;height:auto;filter:drop-shadow(0 30px 50px rgba(0,0,0,.5))}
.meter-wrap.trip .msvg{animation:shake .4s}
@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.relay{position:absolute;bottom:22%;inset-inline-end:-46px;background:var(--white);color:var(--ink);border-radius:10px;padding:6px 10px;font-family:'Inter',Arial,sans-serif;font-weight:800;font-size:12px;display:flex;align-items:center;gap:6px;box-shadow:0 10px 24px rgba(0,0,0,.4)}
.relay i{width:9px;height:9px;border-radius:50%;background:#2E8B57}
.relay.off i{background:var(--red)}
.packet{position:absolute;top:4%;inset-inline-end:8%;width:12px;height:12px;border-radius:50%;background:#00AFD8;box-shadow:0 0 14px #00AFD8;opacity:0}
.packet.go{animation:fly 1.1s var(--ease) forwards}
@keyframes fly{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(60px,-80px) scale(.5)}}
[dir="rtl"] .packet.go{animation-name:flyr}
@keyframes flyr{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(-60px,-80px) scale(.5)}}
.hes{width:100%;max-width:440px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(0,0,0,.25);overflow:hidden}
.hes-top{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px}
.hes-top b{font-family:var(--display)}
.hes-top .ok{color:#7CD992;font-weight:600}
.hes-top .warn{color:#ff8a8a;font-weight:600}
.hes-log{list-style:none;margin:0;padding:10px 14px;height:150px;overflow:hidden;display:flex;flex-direction:column;gap:6px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:rgba(255,255,255,.75);direction:ltr;text-align:left}
.hes-log li{animation:in .3s var(--ease)}
@keyframes in{from{opacity:0;transform:translateY(-6px)}}
.hes-log b{color:#7CD992;font-weight:700}.hes-log em{font-style:normal;color:#ff8a8a;font-weight:700}.hes-log i{font-style:normal;color:#00AFD8;font-weight:700}
/* ---------- journey ---------- */
.journey{background:var(--mist)}
.jr-title{font-size:clamp(30px,3.6vw,48px);font-weight:800;letter-spacing:-.03em;color:var(--ink);margin-top:14px;line-height:1.08}
html[lang="ar"] .jr-title{letter-spacing:0;line-height:1.35}
.jr-sub{color:var(--muted);font-size:16.5px;margin-top:12px}
.jr-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:26px 0 36px}
.jr-tabs button{font-family:var(--display);font-size:13.5px;font-weight:600;padding:9px 16px;border-radius:99px;border:1.5px solid var(--line);background:var(--white);color:var(--ink);transition:all .2s}
.jr-tabs button[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:var(--white)}
.jr-flow{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px;align-items:start}
.jr-line{position:absolute;top:58px;height:3px;inset-inline:calc(100% / var(--n) / 2);background:repeating-linear-gradient(90deg,var(--stone) 0 8px,transparent 8px 14px)}
.jr-prog{position:absolute;top:58px;height:3px;inset-inline-start:calc(100% / var(--n) / 2);width:0;background:var(--red);transition:width .7s var(--ease)}
.jr-dot{position:absolute;top:52px;width:15px;height:15px;border-radius:50%;background:var(--red);box-shadow:0 0 0 6px rgba(230,0,0,.2),0 0 18px rgba(230,0,0,.6);transform:translateX(-50%);transition:left .7s var(--ease),right .7s var(--ease);z-index:2}
[dir="rtl"] .jr-dot{transform:translateX(50%)}
.jr-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;opacity:.55;transition:opacity .4s}
.jr-node .ic{width:116px;height:116px;border-radius:26px;background:var(--white);border:1.5px solid var(--line);display:grid;place-items:center;box-shadow:0 14px 30px rgba(20,25,28,.07);transition:border-color .3s,box-shadow .3s,transform .3s}
.jr-node .ic img{max-width:86px;max-height:86px}
.jr-node .ic svg{width:48px;height:48px;color:var(--ink)}
.jr-node b{font-family:var(--display);font-size:15.5px;color:var(--ink)}
.jr-node.done{opacity:1}
.jr-node.cur{opacity:1}
.jr-node.cur .ic{border-color:var(--red);transform:translateY(-4px);box-shadow:0 0 0 6px rgba(230,0,0,.1),0 18px 34px rgba(20,25,28,.1)}
.jr-node.cur .ic svg{color:var(--red)}
.jr-caption{margin:34px auto 0;max-width:720px;display:flex;gap:16px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:16px 20px;min-height:84px}
.jr-caption b{display:block;font-family:var(--display);font-size:13px;color:var(--red)}
.jr-caption span{font-size:15.5px;color:var(--ink)}
.jr-play{flex:none;width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--white);display:grid;place-items:center}
.jr-play svg{width:16px;height:16px}
[dir="rtl"] .jr-play svg{transform:scaleX(-1)}
@media (max-width:1100px){.who{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-grid{grid-template-columns:1fr}.rec{grid-template-columns:120px minmax(0,1fr)}.rec-actions{grid-column:1/-1;flex-direction:row}}
@media (max-width:860px){
  .jr-flow{grid-auto-flow:row;grid-auto-columns:auto;gap:14px}
  .jr-line,.jr-prog,.jr-dot{display:none}
  .jr-node{flex-direction:row;text-align:start;gap:14px}
  .jr-node .ic{width:64px;height:64px;border-radius:16px;flex:none}
  .jr-node .ic img{max-width:48px;max-height:48px}.jr-node .ic svg{width:28px;height:28px}
  .relay{inset-inline-end:-8px}
}
@media (max-width:560px){.ctl-grid{grid-template-columns:1fr}.rec{grid-template-columns:1fr}.rec-img{height:140px}.range-strip span+span{border:0;padding:0}}
@media (prefers-reduced-motion:reduce){.who-c .spark{animation:none}}
.jr-dot{z-index:0}
.jr-node{z-index:1}
@media (max-width:560px){.tray-item.empty{display:none}.tray-in{padding:10px}.tray-actions .btn{height:38px;font-size:13px}}
.fp-item,.fp-item:hover,.fp-item.on{background-color:#0b1620;background-size:cover;background-position:center;background-repeat:no-repeat}
.fp-item{transition:border-color .25s,transform .25s}
.fp-item:hover,.fp-item.on{transform:translateY(-3px)}

/* ===== Journey: illustrated city scene ===== */
.jr-scene{direction:ltr;border-radius:24px;overflow:hidden;background:var(--white);border:1px solid var(--line);box-shadow:0 24px 60px rgba(20,25,28,.08)}
.jr-scene .city{display:block;width:100%;height:auto}
.jchip{cursor:pointer}
.jchip circle{fill:#fff;stroke:var(--red);stroke-width:2.5;transition:fill .3s}
.jchip text{font:800 13px Inter,Arial,sans-serif;fill:var(--red);pointer-events:none}
.jchip.on circle{fill:var(--red)}
.jchip.on text{fill:#fff}
.jchip:hover circle{stroke-width:4}
@media (max-width:700px){
  .jr-scene{border-radius:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .jr-scene .city{width:760px;max-width:none}
}

/* ===== AZKA theme (lighter navy, AZKA blue accents) ===== */
:root{--az-1:#245A9C;--az-2:#183F70;--az-blue:#2873B9;--az-sky:#7DBBF2}
.azka-theme{background:linear-gradient(160deg,var(--az-1) 0%,var(--az-2) 100%);color:#fff}
section.azka-theme{position:relative;overflow:hidden}
section.azka-theme::before{content:"";position:absolute;inset:-20% -10% auto auto;width:60%;aspect-ratio:1;background:radial-gradient(circle,rgba(125,187,242,.22),transparent 65%);pointer-events:none}
section.azka-theme>.wrap{position:relative}
.azka-theme .eyebrow{color:var(--az-sky)}
.azka-theme .eyebrow::before{background:var(--az-sky)}
.azka-theme .comm-list span{background:rgba(255,255,255,.08);border-color:rgba(125,187,242,.28)}
.azka-theme .std span{border-color:rgba(125,187,242,.3)}
.azka-theme h3{color:#fff}
.azka-theme #standards h3{color:var(--az-sky)!important}
.azka-badge{display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border-radius:99px;background:rgba(255,255,255,.1);border:1px solid rgba(125,187,242,.35);font-family:var(--display);font-size:13px;font-weight:600;color:#fff;margin-bottom:18px}
html[dir="rtl"] .azka-badge{padding:5px 5px 5px 14px}
.azka-badge b,.azka-pill{background:var(--az-blue);color:#fff;font-family:var(--display);font-weight:800;font-size:11.5px;letter-spacing:.08em;padding:5px 11px;border-radius:99px}
.azka-band.azka-theme{box-shadow:0 24px 50px rgba(24,63,112,.25)}
.azka-band .azka-badge{margin-bottom:12px}
.azka-theme .azka-link{background:rgba(255,255,255,.08);border-color:rgba(125,187,242,.25)}
.azka-theme .azka-link:hover{background:rgba(255,255,255,.14);border-color:var(--az-sky)}
.mega-azka.azka-theme .mega-label{color:#fff;display:flex;align-items:center;gap:8px}
.mega-azka .azka-pill{font-size:10px;padding:3px 8px}
.mega-azka.azka-theme .ext:hover{background:rgba(255,255,255,.1)}
.azka-theme .azka-link .top svg{color:var(--az-sky)}

/* ===== Bento stats ===== */
.bento{margin-top:clamp(40px,5vw,72px);display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);gap:14px}
.bento>div{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s}
.bento>div:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(20,25,28,.1)}
.bento i{display:block;margin-bottom:auto}
.bento i svg{width:28px;height:28px;color:var(--red)}
.bento b{display:block;margin-top:14px;font-family:'Inter',Arial,sans-serif;font-weight:900;font-size:clamp(40px,3.8vw,52px);letter-spacing:-.04em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.bento b span{font:inherit;color:inherit;display:inline}
.bento b sup{color:var(--red);font-size:.5em;vertical-align:top;margin-inline-start:2px}
.bento>div>span{font-size:14.5px;color:var(--muted);line-height:1.45}
.bento .big{grid-row:span 2;background:var(--red);border:0;color:#fff;justify-content:flex-end}
.bento .big::after{content:"";position:absolute;inset:auto -30% -50% auto;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%);pointer-events:none}
.bento .big i svg{color:#fff;width:44px;height:44px}
.bento .big b{font-size:clamp(72px,8vw,118px);color:#fff}
.bento .big b sup{color:#fff}
.bento .big>span{color:rgba(255,255,255,.92);font-size:17px;font-weight:600;max-width:300px}
/* single-row variant */
.bento.row{grid-auto-rows:auto;margin-top:0;margin-bottom:clamp(28px,4vw,44px)}
.bento.row .big{grid-row:auto}
.bento.row .big b{font-size:clamp(64px,6.4vw,96px)}
/* on dark sections */
.bento.dark>div:not(.big){background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.bento.dark>div:not(.big) b{color:#fff}
.bento.dark>div:not(.big)>span{color:rgba(255,255,255,.72)}
/* big + 3: last card spans the remaining two columns */
.bento.four>div:last-child{grid-column:span 2}
.sw-proof{padding-block:clamp(36px,4vw,56px) 0}
.sw-proof .bento{margin-top:0}
@media (max-width:860px){
  .bento,.bento.row{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}
  .bento .big{grid-column:1/-1;grid-row:auto;min-height:220px}
  .bento.row .big{min-height:0}
  .bento.four>div:last-child{grid-column:auto}
  .bento.five-odd>div:last-child{grid-column:1/-1}
}
@media (max-width:420px){.bento>div{padding:18px}.bento b{font-size:36px}.bento>div>span{font-size:13.5px}}
html[dir="rtl"] .bento b{direction:ltr;text-align:right}

/* ===== Water page ===== */
.also.narrow{grid-template-columns:150px minmax(0,1fr)}
.also.narrow img{max-height:140px;object-fit:contain}
.wscene{position:relative;width:100%;max-width:560px;direction:ltr}
.wsvg{display:block;width:100%;height:auto}
.wlbl{font:600 11px Inter,Arial,sans-serif;fill:rgba(255,255,255,.55)}
html[lang="ar"] .wlbl{font-family:Cairo,Arial,sans-serif;font-size:12px}
.wlbl.red{fill:#ff8a8a}
.wflow{stroke:#00AFD8;stroke-width:3.5;stroke-dasharray:9 9;opacity:0;transition:opacity .3s}
.wflow.on{opacity:1;animation:wflow .5s linear infinite}
@keyframes wflow{to{stroke-dashoffset:-18}}
.wstream path{stroke:#00AFD8;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:5 7;fill:none}
.wstream{opacity:0;transition:opacity .3s}.wstream.on{opacity:1}.wstream.on path{animation:wdrip .5s linear infinite}
@keyframes wdrip{to{stroke-dashoffset:-12}}
#wLeak .drop{animation:wdrop 1.2s ease-in infinite}
#wLeak.dry .drop{animation:none;opacity:0}
@keyframes wdrop{0%{transform:translateY(0);opacity:1}80%{opacity:1}100%{transform:translateY(30px);opacity:0}}
#wDial{transform-box:fill-box;transform-origin:50% 100%}
@keyframes wspin{to{transform:rotate(360deg)}}
.wbadge{position:absolute;top:6px;left:6px;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:99px;padding:6px 12px;font:700 12px Inter,Arial,sans-serif;font-variant-numeric:tabular-nums}
.wbadge svg{width:13px;height:13px;color:#F2C94C}
.wbadge.right{left:auto;right:6px;background:#fff;color:var(--ink);border:0;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.wbadge.right i{width:9px;height:9px;border-radius:50%;background:#2E8B57}
.wbadge.right.closed i{background:var(--red)}
.wflowtxt{position:absolute;bottom:44px;right:14px;font:500 12px Inter,Arial,sans-serif;color:rgba(255,255,255,.6)}
.wflowtxt b{color:#00AFD8;font-size:15px;margin-left:4px;font-variant-numeric:tabular-nums}
.wscene .packet{top:62%;left:20%;right:auto}
.wscene .packet.go{animation-name:fly}
/* ways to pay */
.pay-ways{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pw{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:8px;transition:transform .3s var(--ease),box-shadow .3s}
.pw:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,25,28,.1)}
.pw-art{height:120px;border-radius:12px;background:var(--mist);display:grid;place-items:center;margin-bottom:8px}
.pw-art svg{width:120px;height:80px}
.pw-art img{max-height:104px;max-width:70%;object-fit:contain}
.pw b{font-family:var(--display);font-size:16.5px;color:var(--ink)}
.pw span{font-size:14px;color:var(--muted);line-height:1.5}
@media (max-width:980px){.pay-ways{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.pay-ways{grid-template-columns:1fr}.also.narrow{grid-template-columns:1fr}}
.mc-media{padding-top:44px}
.mc-media img{max-height:186px}
.model-grid.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1100px){.model-grid.cols3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.model-grid.cols3{grid-template-columns:1fr}.mc-media{padding-top:40px}.mc-media img{max-height:140px}}
.wflowtxt b,#credTxt,#gCredTxt,#limVal{unicode-bidi:isolate;direction:ltr;display:inline-block}

/* ===== Gas demo ===== */
.gflow{stroke:#F2C94C;stroke-width:3.5;stroke-dasharray:9 9;opacity:0;transition:opacity .3s}
.gflow.on{opacity:1;animation:wflow .7s linear infinite}
.flame{transition:opacity .3s}
.flame path:first-child{transform-box:fill-box;transform-origin:50% 100%;animation:flick .35s ease-in-out infinite alternate}
@keyframes flick{from{transform:scaleY(.92) skewX(-3deg)}to{transform:scaleY(1.06) skewX(3deg)}}
#gLeakG .puff{animation:puff 1.4s ease-out infinite}
#gLeakG.dry .puff{animation:none;opacity:0}
@keyframes puff{0%{transform:translate(0,0);opacity:1}100%{transform:translate(-10px,-10px);opacity:0}}
.wbadge.right.test i{background:#F2C94C}
#gCardG{transition:opacity .3s}
@media (prefers-reduced-motion:reduce){.wflow.on,.gflow.on,.flame path,#gLeakG .puff,#wLeak .drop,.wstream.on path{animation:none}}
#gScene .wflowtxt{right:auto;left:7%;bottom:7%}
/* AZKA logo in a white bubble */
.azka-logo{display:inline-flex;align-items:center;background:#fff;border-radius:99px;padding:6px 12px;box-shadow:0 4px 12px rgba(10,30,60,.18)}
.azka-logo img{display:block;height:17px;width:auto}
.azka-logo.sm{padding:4px 9px}.azka-logo.sm img{height:11px}
.azka-badge{padding-block:4px}

/* ===== Footprint: presence colours + hover card ===== */
.borders path.pr{cursor:pointer}
.borders path.r-frd{fill:rgba(230,0,0,.62);stroke:#ff9a9a;stroke-width:1}
.borders path.r-f{fill:rgba(242,169,59,.62);stroke:#ffd18a;stroke-width:1}
.borders path.r-i{fill:rgba(255,255,255,.34);stroke:#fff;stroke-width:.9}
.borders path.pr:hover,.borders path.hov{stroke:#fff;stroke-width:2.2;filter:drop-shadow(0 0 6px rgba(255,255,255,.55))}
.borders path.r-frd.hov,.borders path.r-frd:hover{fill:rgba(230,0,0,.85)}
.borders path.r-f.hov,.borders path.r-f:hover{fill:rgba(242,169,59,.85)}
.borders path.r-i.hov,.borders path.r-i:hover{fill:rgba(255,255,255,.55)}
.map{overflow:visible!important}
.map > img.sat{border-radius:16px}
.fp-legend{align-items:center;gap:14px 24px}
.fp-legend b{font:700 12px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--stone)}
.fp-legend i{width:22px!important;height:14px!important;border-radius:4px!important;border:1px solid rgba(255,255,255,.5)}
.fp-legend i.frd{background:rgba(230,0,0,.75)!important}.fp-legend i.f{background:rgba(242,169,59,.75)!important}.fp-legend i.ins{background:rgba(255,255,255,.4)!important}
.fp-legend em{font-style:normal;color:rgba(255,255,255,.5);margin-inline-start:auto}
.fp-card{position:absolute;z-index:8;width:320px;background:#fff;color:var(--ink);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.45);padding:16px 18px;animation:fcin .2s var(--ease)}
@keyframes fcin{from{opacity:0;transform:translateY(6px)}}
.fp-card::before{content:"";position:absolute;left:-7px;top:calc(50% - 7px);width:14px;height:14px;background:#fff;transform:rotate(45deg)}
.fp-card.flip::before{left:auto;right:-7px}
.fp-card.docked{position:relative;left:auto!important;top:auto!important;width:auto;margin-top:12px}
.fp-card.docked::before{display:none}
.fc-hd{display:flex;align-items:center;gap:10px}
.fc-flag{width:32px;height:24px;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.1);object-fit:cover}
.fc-hd h4{font-family:var(--display);font-size:19px;font-weight:800;margin:0}
.fc-co{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding:8px 10px;border:1px solid var(--line);border-radius:10px}
.fc-co img{height:24px;width:auto}
.fc-co span{font-size:12px;color:var(--muted);flex:1;min-width:120px}
.fc-big{display:flex;align-items:baseline;gap:8px;margin-top:12px}
.fc-big b{font:900 30px/1 Inter;letter-spacing:-.03em}
.fc-big span{font-size:13px;color:var(--muted)}
.fp-card p{font-size:13.5px;color:var(--muted);margin:8px 0 0;line-height:1.5}
.fc-cl{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.fc-cl small{font:700 11px Inter;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.fc-cl img{height:24px;width:auto;max-width:90px;object-fit:contain}
html[lang="ar"] .fp-card{text-align:right}
@media (max-width:760px){.fp-legend em{margin:0;width:100%}}

/* ===== Live tally band ===== */
.tally{padding-block:clamp(28px,4vw,48px) 0;background:var(--white)}
.tally-band{position:relative;overflow:hidden;background:var(--red);color:#fff;border-radius:22px;padding:clamp(26px,3.4vw,40px) clamp(24px,3.6vw,48px);display:grid;grid-template-columns:auto 1fr;grid-template-areas:"live live" "num txt";align-items:end;gap:10px 36px}
.tally-band::after{content:"";position:absolute;right:-140px;top:-160px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 65%);pointer-events:none}
.tally-live{grid-area:live;display:inline-flex;align-items:center;gap:8px;font:700 12px Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.tally-live i{width:9px;height:9px;border-radius:50%;background:#fff;animation:tlp 1.6s infinite}
@keyframes tlp{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}70%{box-shadow:0 0 0 10px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.tally-num{grid-area:num;font:900 clamp(52px,8.4vw,112px)/.95 Inter,Arial,sans-serif;letter-spacing:-.045em;font-variant-numeric:tabular-nums;direction:ltr;white-space:nowrap}
.tally-num sup{font-size:.5em;vertical-align:top;margin-inline-start:4px;position:relative;top:.08em}
.tally-num span.bump{animation:tbump .5s var(--ease)}
@keyframes tbump{40%{text-shadow:0 0 22px rgba(255,255,255,.8)}}
.tally-band p{grid-area:txt;font:600 clamp(16px,1.6vw,21px)/1.35 var(--display);max-width:360px;padding-bottom:.6em;position:relative;z-index:1}
html[lang="ar"] .tally-band p{font-family:Cairo,Arial,sans-serif}
@media (max-width:860px){.tally-band{grid-template-columns:1fr;grid-template-areas:"live" "num" "txt"}.tally-band p{padding:0}}
html[lang="ar"] .fp-card{direction:rtl}
.map::after{border-radius:16px}

/* ===== Intro: New Capital photo + network + hi-res meters ===== */
.city-art{aspect-ratio:16/11;overflow:visible!important;margin-bottom:34px}
.city-art .city-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:var(--radius)}
.city-net{position:absolute;inset:0;width:100%;height:100%;border-radius:var(--radius)}
.cn-flow path{stroke-dasharray:7 9;animation:cnf 1.4s linear infinite;filter:drop-shadow(0 0 4px rgba(0,0,0,.4))}
@keyframes cnf{to{stroke-dashoffset:-32}}
.cn-dots circle{stroke:#fff;stroke-width:2.5;transform-box:fill-box;transform-origin:center;animation:cnd 2.4s ease-in-out infinite}
.cn-dots circle:nth-child(2n){animation-delay:.6s}.cn-dots circle:nth-child(3n){animation-delay:1.2s}
@keyframes cnd{50%{transform:scale(1.35)}}
.city-meters{position:absolute;left:5%;bottom:-30px;height:58%;display:flex;align-items:flex-end;gap:2%;pointer-events:none}
.city-meters img{height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 22px 26px rgba(0,0,0,.45))}
.city-meters img:nth-child(2){height:96%}
.city-meters img:nth-child(3){height:62%}
html[dir="rtl"] .city-meters{left:auto;right:5%}
@media (prefers-reduced-motion:reduce){.cn-flow path,.cn-dots circle{animation:none}}
/* intro stats: 5 cards in a row */
.bento.five{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:auto}
.bento.five>div{min-height:170px}
@media (max-width:1100px){.bento.five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.bento.five{grid-template-columns:repeat(2,minmax(0,1fr))}.bento.five>div:first-child{grid-column:1/-1}}
/* logo marquee */
.marquee.logos{gap:14px;animation-duration:70s;padding-block:4px}
.marquee.logos .lt{flex:none;width:156px;height:78px;border-radius:14px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;padding:12px 16px;transition:transform .25s,box-shadow .25s}
.marquee.logos .lt:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(20,25,28,.1)}
.marquee.logos .lt img{max-width:100%;max-height:48px;object-fit:contain}
.clients{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.marquee.logos .lt::after{display:none}

/* ===== Talk to us ===== */
.fab-talk{position:fixed;z-index:60;bottom:22px;inset-inline-end:22px;display:flex;align-items:center;gap:9px;background:var(--red);color:#fff;border-radius:99px;padding:13px 20px 13px 16px;font:700 14.5px var(--display);box-shadow:0 14px 34px rgba(230,0,0,.38);transition:transform .2s,box-shadow .2s}
.fab-talk:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(230,0,0,.45)}
.fab-talk svg{width:20px;height:20px}
.cmodal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px}
.cm-bg{position:absolute;inset:0;background:rgba(20,25,28,.55);backdrop-filter:blur(4px)}
.cm-box{position:relative;width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;color:var(--ink);border-radius:20px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:fcin .25s var(--ease)}
.cm-box h3{font-size:24px;font-weight:800;letter-spacing:-.02em}
.cm-sub{color:var(--muted);font-size:14.5px;margin-top:6px}
.cm-x{position:absolute;top:14px;inset-inline-end:14px;width:36px;height:36px;border-radius:50%;background:var(--mist);font-size:22px;line-height:1}
.cm-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.cm-grid label{display:flex;flex-direction:column;gap:6px;font:600 13px var(--display)}
.cm-grid .full{grid-column:1/-1}
.cm-grid input,.cm-grid select,.cm-grid textarea{font:500 14.5px var(--body,inherit);padding:11px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);width:100%;box-sizing:border-box}
.cm-grid input:focus,.cm-grid select:focus,.cm-grid textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(230,0,0,.12)}
.cm-grid .err{border-color:var(--red);background:#FFF5F5}
.cm-send{margin-top:16px;width:100%;justify-content:center}
.cm-ok{margin-top:18px;background:#E7F7EE;color:#1E6B41;border-radius:12px;padding:16px;font-weight:600}
body.cm-open{overflow:hidden}
@media (max-width:560px){.cm-grid{grid-template-columns:1fr}.fab-talk span{display:none}.fab-talk{padding:14px}}
.btn-line-d{border:1.5px solid rgba(255,255,255,.4);color:#fff;background:transparent}
.btn-line-d:hover{border-color:#fff}
body.has-tray .fab-talk{bottom:104px}
.cmp-top{flex-wrap:wrap;gap:12px}
.cmp-quote{margin-inline-start:auto;height:40px}
@media (max-width:860px){.tray-actions .btn-line-d{display:none}}

/* ===== Finder: several recommendations ===== */
.recs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;transition:opacity .2s,transform .2s}
.recs.swap{opacity:0;transform:translateY(6px)}
@media (min-width:981px){.recs:has(> .rc:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}}
.rc{position:relative;border:1.5px solid var(--line);border-radius:18px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:8px}
.rc.best{border-color:var(--red);box-shadow:0 0 0 4px rgba(230,0,0,.08)}
.rc-tag{position:absolute;top:14px;inset-inline-start:14px;z-index:1;font:700 11.5px var(--display);padding:4px 10px;border-radius:99px;background:var(--mist);color:var(--ink)}
.rc.best .rc-tag{background:var(--red);color:#fff}
.rc-img{height:150px;border-radius:12px;background:radial-gradient(80% 70% at 50% 60%,#fff,var(--mist));display:grid;place-items:center;padding:30px 10px 10px}
.rc-img img{max-height:112px;max-width:100%;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(20,25,28,.16))}
.rc h4{font-family:var(--display);font-size:18px;font-weight:800;margin-top:4px}
.rc-why{font-size:13.5px;color:var(--muted);line-height:1.45}
.rc dl{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;font-size:12.5px;margin:2px 0 0}
.rc dt{color:var(--muted)}.rc dd{margin:0;font-weight:600;text-align:end;unicode-bidi:plaintext}
.rc-row{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}
.rc-ck{display:flex;align-items:center;gap:8px;font:600 13.5px var(--display);cursor:pointer}
.rc-ck input{position:absolute;opacity:0;width:1px;height:1px}
.rc-ck i{width:20px;height:20px;border-radius:6px;border:2px solid var(--line);display:grid;place-items:center;transition:all .15s}
.rc-ck input:checked + i{background:var(--red);border-color:var(--red)}
.rc-ck input:checked + i::after{content:"";width:9px;height:5px;border:2.4px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.rc-ck input:focus-visible + i{outline:2px solid var(--red);outline-offset:2px}
.rc-det{font-size:13.5px}
.rec-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px;background:var(--ink);color:#fff;border-radius:16px;padding:12px 14px 12px 18px;font-size:14px}
.rec-bar em{font-style:normal;color:rgba(255,255,255,.55);margin-inline-start:6px}
.rb-act{display:flex;gap:8px;flex-wrap:wrap}
.rb-act .btn{height:42px}
.rb-act .btn[disabled]{opacity:.45;cursor:not-allowed}
@media (max-width:980px){.recs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.recs{grid-template-columns:1fr}.rec-bar{flex-direction:column;align-items:stretch}.rb-act .btn{flex:1;justify-content:center}}

/* ===== Tariff control + panel ===== */
.ctl.wide{grid-column:1/-1}
.tf-ctl b{flex-wrap:wrap}
.tf-sample{margin-inline-start:auto;font:500 11.5px Inter,Arial,sans-serif;color:rgba(255,255,255,.5)}
.tf-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.tf-seg{flex:1;min-width:240px}
.tf-cur{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:9px;padding:7px 10px;font:700 13px Inter,Arial,sans-serif}
.tf-cur option{color:#14191C}
.tf-in{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:9px;padding:4px 10px;font:600 12px Inter,Arial,sans-serif;color:rgba(255,255,255,.7)}
.tf-in.live{border-color:#F2C94C;color:#F2C94C}
.tf-in input,.tp-slab input{width:64px;background:transparent;border:0;color:#fff;font:800 15px Inter,Arial,sans-serif;padding:4px 0;-moz-appearance:textfield}
.tf-in input:focus,.tp-slab input:focus{outline:none;border-bottom:2px solid var(--red)}
.tf-in em,.tf-unit{font-style:normal;color:rgba(255,255,255,.55);font-size:12px}
.tf-panel{margin-top:10px;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 14px;background:rgba(255,255,255,.03)}
.tp-h{font:600 12px Inter,Arial,sans-serif;color:rgba(255,255,255,.6);margin-bottom:8px}
.tp-slabs{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:6px;margin-bottom:10px}
.tp-slab{position:relative;overflow:hidden;border-radius:10px;padding:8px 10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);display:block;cursor:text}
.tp-slab.cur{border-color:var(--red)}
.tp-slab i{position:absolute;top:0;bottom:0;inset-inline-start:0;background:rgba(230,0,0,.32);transition:width .6s var(--ease)}
.tp-slab span,.tp-slab b{position:relative;display:block}
.tp-slab span{font:600 11.5px Inter,Arial,sans-serif;color:rgba(255,255,255,.7);unicode-bidi:plaintext}
.tp-slab b{display:flex;align-items:center;gap:4px}
.tp-slab b em{font-style:normal;font:600 11px Inter;color:rgba(255,255,255,.55)}
.tp-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font:600 13px Inter,Arial,sans-serif;color:rgba(255,255,255,.7)}
.tp-foot b{color:#fff;unicode-bidi:isolate}
.tp-bill{font-size:17px}
/* inline CTAs */
.demo-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:16px;padding:14px 16px;border-radius:14px;background:rgba(230,0,0,.1);border:1px dashed rgba(230,0,0,.6);font:600 15px var(--display);color:#fff}
.jr-cta{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:22px auto 0;font:600 15.5px var(--display);color:var(--ink)}
/* slim top-up strip */
.slim-pay{display:grid;grid-template-columns:minmax(0,1.15fr) repeat(4,minmax(0,1fr));gap:10px;margin-top:22px;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:12px}
.sp-h{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:4px 8px}
.sp-h b{font:800 16px var(--display);color:var(--ink)}.sp-h span{font-size:12.5px;color:var(--muted)}
.sp-i{background:var(--mist);border-radius:12px;padding:10px 12px;display:flex;gap:10px;align-items:center}
.sp-i svg,.sp-i img{width:44px;height:34px;object-fit:contain;flex:none}
.sp-i b{display:block;font:700 13.5px var(--display);color:var(--ink)}.sp-i span{font-size:12px;color:var(--muted);line-height:1.35}
@media (max-width:1100px){.slim-pay{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-h{grid-column:1/-1}}
@media (max-width:520px){.slim-pay{grid-template-columns:1fr}.tp-slabs{grid-template-columns:1fr}}
.msvg{direction:ltr}
.jr-cta .btn-line{color:var(--ink);border:1.5px solid var(--ink);background:transparent}.jr-cta .btn-line:hover{background:var(--ink);color:#fff}
.cmodal[hidden],.fp-card[hidden]{display:none!important}

/* ===== Hero product slides: bigger meters + stat cards (option A) ===== */
@media (min-width:861px){
  .slide-product .slide-text{max-width:400px!important}
  .slide-product h2{font-size:clamp(34px,3.9vw,56px)!important}
  .slide-product .slide-text p{font-size:16px}
  .slide-product .visual-stage{width:62%!important;padding:100px max(var(--gut),calc((100vw - var(--wrap)) / 2 + var(--gut))) 128px 24px!important;gap:20px!important}
  [dir="rtl"] .slide-product .visual-stage{padding:100px 24px 128px max(var(--gut),calc((100vw - var(--wrap)) / 2 + var(--gut)))!important}
  .slide-product .lineup,.slide-product .lineup.narrow{max-width:none!important;width:100%!important}
  .slide-product .facts{max-width:none!important;gap:12px}
  .slide-product .facts div{padding:18px 20px;border-radius:16px;gap:6px;background:rgba(255,255,255,.06)}
  .slide-product .facts b{font-size:48px!important}
  .slide-product .facts span{font-size:14.5px}
}
.slide-product .facts b{direction:ltr;unicode-bidi:isolate}
@media (max-width:860px){
  .slide-product .visual-stage{padding:84px 12px 0!important}
  .slide-product .visual-stage .lineup{max-width:100%!important;width:100%}
}

/* ===== Footprint: slim stat strip + compact hover card (chosen) ===== */

.footprint .bento.row{display:flex!important;gap:0!important;border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;margin-bottom:24px!important}
.footprint .bento.row>div{flex:1;min-height:0!important;flex-direction:row!important;align-items:center;justify-content:flex-start!important;gap:14px!important;padding:14px 20px!important;border:0!important;border-radius:0!important;background:rgba(255,255,255,.04)!important;border-inline-start:1px solid rgba(255,255,255,.12)!important}
.footprint .bento.row>div:first-child{border:0!important;background:var(--red)!important}
.footprint .bento.row>div::after{display:none}
.footprint .bento.row i{margin:0!important}.footprint .bento.row i svg{width:24px!important;height:24px!important}
.footprint .bento.row b{font-size:36px!important;margin:0!important}
.footprint .bento.row>div>span{font-size:14px!important;max-width:none!important}

.fp-card{width:264px!important;padding:12px 14px!important;border-radius:14px!important}
.fc-hd h4{font-size:16px!important}.fc-flag{width:26px!important;height:19px!important}
.fc-co{margin-top:8px!important;padding:6px 8px!important}.fc-co img{height:18px!important}.fc-co span{font-size:11px!important}
.fc-big{margin-top:8px!important}.fc-big b{font-size:22px!important}.fc-big span{font-size:12px!important}
.fp-card p{font-size:12.5px!important;margin-top:6px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fc-cl{margin-top:8px!important;padding-top:8px!important;gap:8px!important}.fc-cl img{height:16px!important}.fc-cl small{font-size:10px!important}

@media (max-width:760px){.footprint .bento.row{flex-direction:column!important}.footprint .bento.row>div{border-inline-start:0!important;border-top:1px solid rgba(255,255,255,.12)!important}}

/* ===== Software page: module explorer + deployments ===== */
.sx-explore{background:var(--mist)}
.sx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sx-mc{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:start;border:1.5px solid var(--line);border-radius:16px;padding:16px 16px 18px;background:#fff;font:inherit;color:inherit;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s var(--ease),background .2s}
.sx-mc:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(20,25,28,.08)}
.sx-mc b{font:800 16.5px/1.2 var(--display);color:var(--ink);letter-spacing:-.01em}
.sx-mc span:not(.sx-ico){font-size:13px;line-height:1.45;color:var(--muted)}
.sx-mc .sx-arr{position:absolute;top:16px;inset-inline-end:16px;font-style:normal;font-weight:800;color:var(--line);transition:color .2s,transform .2s}
[dir=rtl] .sx-mc .sx-arr{transform:scaleX(-1)}
.sx-mc:hover .sx-arr{color:var(--red)}
.sx-mc.on{border-color:var(--red);background:#FFF8F8;box-shadow:0 0 0 4px rgba(230,0,0,.08)}
.sx-mc.on .sx-arr{color:var(--red)}
.sx-mc.one{background:var(--ink);border-color:var(--ink)}
.sx-mc.one b{color:#fff}.sx-mc.one span:not(.sx-ico){color:rgba(255,255,255,.68)}.sx-mc.one .sx-ico{background:rgba(255,255,255,.12);color:#fff}
.sx-mc.one.on{border-color:var(--red);box-shadow:0 0 0 4px rgba(230,0,0,.18)}
.sx-ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#FDE7E7;color:var(--red);flex:none}
.sx-ico svg{width:20px;height:20px}
.sx-mc.on .sx-ico{background:var(--red);color:#fff}
.sx-det{margin-top:16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(20px,3vw,40px);align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(20px,2.6vw,32px)}
.sx-det.in .sx-copy,.sx-det.in .sx-scr{animation:sxIn .45s var(--ease) both}
.sx-det.in .sx-scr{animation-delay:.06s}
@keyframes sxIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.sx-copy h3{font:800 clamp(24px,2.4vw,30px)/1.12 var(--display);letter-spacing:-.02em;color:var(--ink);margin-top:12px}
.sx-copy p{color:var(--muted);margin-top:8px;font-size:15.5px}
.sx-copy ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:9px}
.sx-copy li{display:flex;gap:10px;font-size:14.5px;color:var(--ink);line-height:1.45}
.sx-copy li::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 8 3 3 5-6' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/12px no-repeat;flex:none;margin-top:2px}
.sx-links{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:18px}
.sx-links small{font:700 11.5px Inter,var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--grey);margin-inline-end:4px}
[lang=ar] .sx-links small{letter-spacing:0;font-family:Cairo,sans-serif}
.sx-links button{font:600 12.5px var(--body);padding:6px 11px;border-radius:99px;background:var(--mist);border:1px solid var(--line);color:var(--ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.sx-links button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.sx-ask{margin-top:18px;background:none;border:0;padding:0;font:700 14px var(--display);color:var(--red);cursor:pointer}
.sx-ask:hover{text-decoration:underline}
.sx-ask .flip{display:inline-block}[dir=rtl] .sx-ask .flip{transform:scaleX(-1)}
.sx-scr{background:#0F151A;border-radius:16px;padding:14px;color:#fff;box-shadow:0 24px 60px rgba(20,25,28,.22);font-family:Inter,Arial,sans-serif;min-width:0}
[lang=ar] .sx-scr{font-family:Cairo,Inter,sans-serif}
.sx-bar{display:flex;gap:6px;align-items:center;margin-bottom:10px}.sx-bar i{width:9px;height:9px;border-radius:50%;background:#2A343B}
.sx-bar em{margin-inline-start:auto;font-style:normal;font-size:10.5px;color:rgba(255,255,255,.35);letter-spacing:.04em}
.sx-t{font-weight:700;font-size:13px;display:flex;justify-content:space-between;gap:10px;color:rgba(255,255,255,.88)}
.sx-t span{color:#7CD992;font-weight:600;white-space:nowrap;animation:sxPulse 2s ease-in-out infinite}
@keyframes sxPulse{50%{opacity:.45}}
.sx-kp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}
.sx-kp div{background:#18222A;border-radius:10px;padding:10px}
.sx-kp b{display:block;font:800 clamp(18px,1.9vw,23px) Inter;letter-spacing:-.02em;direction:ltr;text-align:start}
[dir=rtl] .sx-kp b{text-align:right}
.sx-kp small{font-size:11px;color:rgba(255,255,255,.55);line-height:1.3;display:block;margin-top:2px}
.sx-chart{height:104px;background:#18222A;border-radius:10px;padding:10px;display:flex;align-items:flex-end;gap:5px;direction:ltr}
.sx-chart i{flex:1;background:linear-gradient(#ff6b6b,#E60000);border-radius:3px 3px 0 0;opacity:.75;transition:height .6s var(--ease)}
.sx-chart i.hi{opacity:1;background:linear-gradient(#9AF0B0,#2E8B57)}
.sx-rows{margin-top:8px;display:grid;gap:5px}
.sx-rows div{display:flex;justify-content:space-between;gap:10px;font-size:11.5px;background:#18222A;border-radius:8px;padding:7px 10px;color:rgba(255,255,255,.78)}
.sx-det.in .sx-rows div{animation:sxIn .4s var(--ease) both;animation-delay:var(--d)}
.sx-rows em{font-style:normal;color:#9FB0BC;font-weight:700;white-space:nowrap}.sx-rows em.g{color:#7CD992}.sx-rows em.r{color:#ff8a8a}
/* deployments */
.sx-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.sx-tabs button{font:700 14px var(--display);padding:10px 16px;border-radius:99px;border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.sx-tabs button:hover{border-color:var(--ink)}
.sx-tabs button.on{background:var(--red);border-color:var(--red);color:#fff}
.sx-dep{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;align-items:stretch}
.sx-dcard{background:var(--ink);color:#fff;border-radius:22px;padding:clamp(22px,2.6vw,30px);position:relative;overflow:hidden}
.sx-dcard.in>*{animation:sxIn .45s var(--ease) both}
.sx-where{font:700 12px Inter,var(--body);letter-spacing:.14em;text-transform:uppercase;color:#ff8a8a}
[lang=ar] .sx-where{letter-spacing:0;font-family:Cairo,sans-serif;font-size:14px}
.sx-big{font:900 clamp(56px,6.6vw,84px)/1 Inter;letter-spacing:-.05em;margin-top:12px;direction:ltr;text-align:start}
[dir=rtl] .sx-big{text-align:right;direction:rtl}
.sx-big small{font-size:clamp(16px,1.7vw,21px);letter-spacing:0;margin-inline-start:10px;color:rgba(255,255,255,.7);font-weight:700}
[lang=ar] .sx-big small{font-family:Cairo,sans-serif}
.sx-gauge{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.sx-gauge div{background:rgba(255,255,255,.06);border-radius:12px;padding:10px 12px}
.sx-gauge b{font:800 21px Inter;display:block;direction:ltr;text-align:start}
[dir=rtl] .sx-gauge b{text-align:right}
.sx-gauge small{font-size:11.5px;color:rgba(255,255,255,.62);line-height:1.3;display:block;margin-top:2px}
.sx-gauge i{display:block;height:5px;border-radius:5px;background:rgba(255,255,255,.12);margin-top:8px;overflow:hidden}
.sx-gauge i u{display:block;height:100%;width:var(--w);background:#2E8B57;border-radius:5px;animation:sxGrow 1.1s var(--ease) both .2s}
@keyframes sxGrow{from{width:0}}
.sx-split{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
.sx-dcard ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px;font-size:14.5px;color:rgba(255,255,255,.82)}
.sx-dcard li{display:flex;gap:8px}.sx-dcard li::before{content:"→";color:var(--red);font-weight:800;flex:none}
[dir=rtl] .sx-dcard li::before{content:"←"}
.sx-modlbl{margin-top:20px;font:700 11px Inter,var(--body);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45)}
[lang=ar] .sx-modlbl{letter-spacing:0;font-family:Cairo,sans-serif;font-size:13px}
.sx-mods{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.sx-mods button{font:700 12px var(--body);padding:5px 10px;border-radius:8px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.45);border:0;cursor:pointer;transition:background .2s,color .2s}
.sx-mods button.on{background:var(--red);color:#fff}
.sx-mods button:hover{background:#fff;color:var(--ink)}
.sx-map{position:relative;border-radius:22px;overflow:hidden;background:#0E1A26;min-height:400px;direction:ltr}
.sx-mapin{position:absolute;left:0;top:0;width:3000px;height:1150px;transform-origin:0 0;transition:transform 1.1s cubic-bezier(.65,0,.25,1);will-change:transform}
.sx-mapin img{width:100%;height:100%;display:block;max-width:none}
.sx-map::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 70% at 50% 50%,transparent 40%,rgba(14,26,38,.75));pointer-events:none}
.sx-pins{position:absolute;inset:0;z-index:2}
.sx-pin{position:absolute;transform:translate(-50%,-50%);opacity:0;transition:opacity .35s;transition-delay:var(--d)}
.sx-pins.show .sx-pin{opacity:1}
.sx-pin i{display:block;width:16px;height:16px;border-radius:50%;background:var(--red);box-shadow:0 0 0 7px rgba(230,0,0,.25),0 0 0 16px rgba(230,0,0,.1)}
.sx-pins.show .sx-pin i{animation:sxPing 2.4s ease-out infinite}
@keyframes sxPing{0%{box-shadow:0 0 0 0 rgba(230,0,0,.5),0 0 0 0 rgba(230,0,0,.2)}70%{box-shadow:0 0 0 12px rgba(230,0,0,0),0 0 0 24px rgba(230,0,0,0)}100%{box-shadow:0 0 0 0 rgba(230,0,0,0)}}
.sx-pin.s i{width:12px;height:12px;background:#fff}
.sx-pin em{position:absolute;left:18px;top:50%;transform:translateY(-50%);white-space:nowrap;font:700 12px Inter,Cairo,sans-serif;font-style:normal;color:#fff;background:rgba(20,25,28,.82);padding:4px 9px;border-radius:7px}
@media (max-width:1000px){.sx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-det{grid-template-columns:1fr}.sx-dep{grid-template-columns:1fr}.sx-map{min-height:300px}}
@media (max-width:560px){.sx-mc{padding:13px}.sx-mc span:not(.sx-ico){font-size:12px}.sx-mc .sx-arr{display:none}.sx-tabs{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding-inline:16px;scrollbar-width:none}.sx-tabs button{white-space:nowrap;flex:none}.sx-gauge{gap:6px}.sx-gauge div{padding:8px}.sx-gauge b{font-size:17px}.sx-kp b{font-size:17px}.sx-map{min-height:260px}}
.sx-pin.l em{left:auto;right:18px}
.sx-pin.nod i{width:7px;height:7px;box-shadow:none;animation:none!important;background:rgba(255,255,255,.8)}
.sx-pin.nod em{background:rgba(20,25,28,.55);font-weight:600}
.sx-pin.ring::before{content:"";position:absolute;left:50%;top:50%;width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.55)}
.sx-mapin img{filter:saturate(.85) contrast(1.05)}
/* software v2: autoplay, linked deployments, real screens */
.sx-explore .wrap{position:relative}
.sx-auto{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;font:600 12.5px var(--body);color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:99px;padding:6px 12px;cursor:pointer}
.sx-auto i{font-style:normal;font-size:10px;color:var(--red);width:10px;text-align:center}
.sx-auto:hover{border-color:var(--ink);color:var(--ink)}
.sx-prog{position:absolute;left:14px;right:14px;bottom:8px;height:3px;border-radius:3px;background:transparent;overflow:hidden;font-style:normal}
.sx-grid.auto .sx-mc.on .sx-prog{background:rgba(230,0,0,.12)}
.sx-prog u{display:block;height:100%;width:0;background:var(--red);border-radius:3px}
.sx-mc.one .sx-prog u{background:#fff}
.sx-det{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-areas:"head scr" "rest scr";align-items:start;row-gap:0}
.sx-head{grid-area:head}.sx-det .sx-scr{grid-area:scr;align-self:center}.sx-rest{grid-area:rest}
.sx-det.in .sx-head,.sx-det.in .sx-rest{animation:sxIn .45s var(--ease) both}
.sx-head h3{font:800 clamp(22px,2.4vw,30px)/1.12 var(--display);letter-spacing:-.02em;color:var(--ink);margin-top:12px}
.sx-head p{color:var(--muted);margin-top:8px;font-size:15.5px}
.sx-rest ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.sx-rest li{display:flex;gap:10px;font-size:14.5px;color:var(--ink);line-height:1.45}
.sx-rest li::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 8 3 3 5-6' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/12px no-repeat;flex:none;margin-top:2px}
.sx-fxl{margin-top:20px}
.sx-fxl>small,.sx-links small{display:block;font:700 11.5px Inter,var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--grey);margin-bottom:8px}
.sx-links small{display:inline;margin:0 4px 0 0}
[lang=ar] .sx-fxl>small{letter-spacing:0;font-family:Cairo,sans-serif;font-size:13px}
.sx-fxs{display:grid;gap:8px}
.sx-fx{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 12px;text-align:start;background:var(--ink);color:#fff;border:0;border-radius:12px;padding:10px 14px;cursor:pointer;font:inherit;transition:transform .2s var(--ease),background .2s}
.sx-fx:hover{transform:translateY(-1px);background:#232B30}
.sx-fx b{font:800 13px var(--display);white-space:nowrap;color:#ff8a8a}
.sx-fx>span{font-size:13px;color:rgba(255,255,255,.85);line-height:1.35}
.sx-fx em{font-style:normal;font:700 12px var(--display);white-space:nowrap;color:#fff;opacity:.6}
.sx-fx:hover em{opacity:1}
[dir=rtl] .sx-fx em .flip{display:inline-block;transform:scaleX(-1)}
.sx-mods button.flash{animation:sxFlash 1.4s ease-out 3}
@keyframes sxFlash{0%{box-shadow:0 0 0 0 rgba(255,255,255,.9)}100%{box-shadow:0 0 0 10px rgba(255,255,255,0)}}
/* real screens */
.sx-shots{display:flex;flex-direction:column;gap:10px;min-width:0}
.sx-win{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(20,25,28,.12)}
.sx-win.in{animation:sxIn .45s var(--ease) both}
.sx-wbar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--ink);color:rgba(255,255,255,.8);font:600 12.5px var(--body)}
.sx-wbar i{width:9px;height:9px;border-radius:50%;background:#3A454D}.sx-wbar span{margin-inline-start:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-shot{display:block;width:100%;padding:0;border:0;background:#F3F5F6;cursor:zoom-in;aspect-ratio:16/10;overflow:hidden}
.sx-shot img{width:100%;height:100%;object-fit:contain;object-position:top center;display:block;transition:transform .5s var(--ease)}
.sx-shot:hover img{transform:scale(1.03)}
.sx-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sx-thumbs button{display:flex;flex-direction:column;gap:5px;padding:5px;border-radius:10px;border:1.5px solid var(--line);background:#fff;cursor:pointer;text-align:start;font:600 11.5px var(--body);color:var(--muted);transition:border-color .2s}
.sx-thumbs button img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top;border-radius:6px;display:block;background:#F3F5F6}
.sx-thumbs button span{padding:0 3px 2px;line-height:1.25}
.sx-thumbs button.on{border-color:var(--red);color:var(--ink)}
.sx-thumbs button:hover{border-color:var(--ink)}
.sx-real{font-size:12px;color:var(--grey);margin:0}
.sx-lb{position:fixed;inset:0;z-index:200;background:rgba(10,14,16,.86);display:grid;place-items:center;padding:24px;cursor:zoom-out}
.sx-lb[hidden]{display:none!important}
.sx-lb figure{margin:0;max-width:min(1300px,96vw)}
.sx-lb img{max-width:100%;max-height:84vh;border-radius:12px;display:block;background:#fff}
.sx-lb figcaption{color:#fff;font:600 14px var(--body);margin-top:10px;text-align:center}
.sx-lb>button{position:absolute;top:16px;inset-inline-end:20px;width:42px;height:42px;border-radius:50%;border:0;background:#fff;font-size:24px;cursor:pointer}
@media (max-width:1000px){
 .sx-det{grid-template-columns:1fr;grid-template-areas:"head" "scr" "rest";row-gap:16px}
}
@media (max-width:640px){
 .sx-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 .sx-mc{align-items:center;text-align:center;padding:9px 4px 12px;gap:6px;border-radius:12px}
 .sx-mc:hover{transform:none;box-shadow:none}
 .sx-mc .sx-ico{width:32px;height:32px;border-radius:9px}.sx-mc .sx-ico svg{width:17px;height:17px}
 .sx-mc b{font-size:11.5px;line-height:1.2;letter-spacing:0}
 .sx-mc .sx-sh,.sx-mc .sx-arr{display:none}
 .sx-prog{left:8px;right:8px;bottom:5px}
 .sx-det{margin-top:10px;padding:16px;border-radius:18px;row-gap:12px}
 .sx-head h3{font-size:21px;margin-top:8px}.sx-head p{font-size:14px}
 .sx-scr{padding:11px}.sx-chart{height:64px}.sx-kp{margin:8px 0}.sx-kp div{padding:8px}
 .sx-rows div:nth-child(3){display:none}
 .sx-fx{grid-template-columns:1fr auto}.sx-fx>span{grid-column:1/-1;grid-row:2}
 .sx-thumbs button span{display:none}
}
.sx-tabs{scroll-margin-top:100px}#modules,#cases{scroll-margin-top:20px}

/* ===== About page ===== */
.ab-hero{position:relative;background:var(--ink);color:#fff;padding:calc(env(safe-area-inset-top,0px) + 150px) 0 56px;overflow:hidden}
.ab-hero .ab-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;filter:saturate(.7)}
.ab-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,25,28,.55),rgba(20,25,28,.2) 40%,rgba(20,25,28,.92))}
.ab-hero .wrap{position:relative;z-index:1}
.ab-hero h1{font-size:clamp(38px,5.6vw,76px);font-weight:800;line-height:1.02;letter-spacing:-.04em;margin-top:18px;max-width:900px}
.ab-hero h1 em{font-style:normal;color:var(--red)}
.ab-hero p{font-size:clamp(16px,1.4vw,19px);color:rgba(255,255,255,.78);max-width:640px;margin-top:18px}
.ab-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin-top:clamp(36px,5vw,64px);background:rgba(255,255,255,.14);border-radius:16px;overflow:hidden}
.ab-stats div{background:rgba(20,25,28,.72);backdrop-filter:blur(6px);padding:16px 18px}
.ab-stats b{display:block;font:900 clamp(24px,2.6vw,34px)/1 Inter;letter-spacing:-.03em}
.ab-stats sup{font-size:.55em;color:var(--red);vertical-align:top;margin-inline-start:1px}
.ab-stats div>span{display:block;font-size:12.5px;color:rgba(255,255,255,.65);margin-top:6px}
.hx{background:#fff}
.hx-stick{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;padding-top:96px;padding-bottom:20px;box-sizing:border-box}
.hx-grid{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:clamp(24px,4vw,56px);width:100%;height:100%;align-items:stretch}
.hx-left{display:flex;flex-direction:column;min-height:0}
.hx-left h2{font-size:clamp(28px,3.2vw,42px);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--ink);margin-top:14px}
.hx-year{font:900 clamp(78px,9vw,128px)/.9 Inter;letter-spacing:-.06em;color:var(--ink);margin-top:clamp(14px,2.5vh,28px);direction:ltr;text-align:start}
[dir=rtl] .hx-year{text-align:right}
.hx-year.flip{animation:hxFlip .45s var(--ease)}
@keyframes hxFlip{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.hx-era{font:700 15px var(--display);color:var(--red);margin-top:10px;min-height:1.3em}
.hx-list{list-style:none;margin:clamp(14px,2.4vh,26px) 0 0;padding:0 0 0 2px;border-inline-start:3px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;align-content:start}
.hx-list button{position:relative;background:none;border:0;padding:4px 14px;font:700 14px Inter;color:var(--grey);cursor:pointer;text-align:start;width:100%}
.hx-list button:hover{color:var(--ink)}
.hx-list button.past{color:var(--ink);opacity:.55}
.hx-list button.on{color:var(--red);opacity:1}
.hx-list li:nth-child(odd) button.on::before{content:"";position:absolute;inset-inline-start:-5px;top:6px;width:7px;height:16px;border-radius:3px;background:var(--red)}
.hx-list li:nth-child(even) button.on::before{content:"";position:absolute;inset-inline-start:2px;top:6px;width:7px;height:16px;border-radius:3px;background:var(--red)}
.hx-hint{margin-top:auto;font-size:12.5px;color:var(--grey);padding-top:12px}
.hx-right{display:flex;flex-direction:column;gap:12px;min-height:0}
.hx-map{position:relative;flex:1 1 auto;min-height:200px;border-radius:22px;overflow:hidden;background:#0E1A26;direction:ltr}
.hx-mapin{position:absolute;left:0;top:0;width:3000px;height:1150px;transform-origin:0 0}
.hx-mapin img{width:100%;height:100%;max-width:none;display:block;filter:saturate(.8) brightness(.8)}
.hx-map::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 80% at 50% 50%,transparent 50%,rgba(14,26,38,.6));pointer-events:none}
.hx-pins{position:absolute;inset:0;z-index:2}
.hx-pin{position:absolute;transform:translate(-50%,-50%);animation:hxPop .5s var(--ease) both}
@keyframes hxPop{from{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}
.hx-pin i{display:block;border-radius:50%}
.hx-pin.f i{width:13px;height:13px;background:var(--red);box-shadow:0 0 0 5px rgba(230,0,0,.25)}
.hx-pin.p i{width:9px;height:9px;background:transparent;border:2px solid #fff}
.hx-pin.r i{width:11px;height:11px;background:#fff}
.hx-pin.new i{animation:sxPing 1.8s ease-out infinite}
.hx-pin.new.f i{width:16px;height:16px}
.hx-pin em{position:absolute;left:14px;top:50%;transform:translateY(-50%);white-space:nowrap;font:700 11.5px Inter,Cairo,sans-serif;font-style:normal;color:#fff;background:rgba(20,25,28,.82);padding:3px 8px;border-radius:6px}
.hx-pin em.l{left:auto;right:14px}
.hx-pin.new em{background:var(--red)}
.hx-legend{position:absolute;left:12px;bottom:10px;z-index:3;display:flex;gap:12px;font:600 11.5px var(--body);color:rgba(255,255,255,.8);background:rgba(14,26,38,.7);padding:5px 10px;border-radius:8px}
.hx-legend span{display:flex;align-items:center;gap:6px}
.hx-legend i{display:inline-block;border-radius:50%}.hx-legend i.f{width:9px;height:9px;background:var(--red)}.hx-legend i.p{width:8px;height:8px;border:2px solid #fff;box-sizing:border-box}
.hx-box{background:var(--ink);color:#fff;border-radius:20px;padding:18px 22px;position:relative;flex:none}
.hx-box.in>*{animation:sxIn .4s var(--ease) both}
.hx-box h3{font:800 clamp(18px,1.7vw,22px)/1.2 var(--display);letter-spacing:-.01em}
.hx-box p{font-size:14.5px;color:rgba(255,255,255,.76);margin-top:6px;line-height:1.5}
.hx-logos{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.hx-logos span{background:#fff;border-radius:9px;padding:6px 10px;height:40px;display:grid;place-items:center}
.hx-logos img{max-height:28px;max-width:130px}
.hx-check{position:absolute;top:14px;inset-inline-end:16px;font:700 10.5px var(--body);letter-spacing:.04em;color:#FFD27A;border:1px dashed #FFD27A;border-radius:6px;padding:2px 7px}
.hx-count{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex:none}
.hx-count div{background:var(--mist);border-radius:14px;padding:12px 16px;transition:background .3s}
.hx-count div.bump{background:#FDE7E7}
.hx-count b{display:block;font:900 clamp(24px,2.4vw,32px)/1 Inter;color:var(--ink);letter-spacing:-.03em}
.hx-count small{font-size:12.5px;color:var(--muted)}
@media (max-width:1100px){.ab-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:899px){
 .hx-stick{padding-top:84px;padding-bottom:12px;align-items:stretch}
 .hx-grid{grid-template-columns:1fr;gap:10px;grid-template-rows:auto minmax(0,1fr)}
 .hx-left h2{display:none}
 .hx-left .eyebrow{display:none}
 .hx-left{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:0 12px}
 .hx-year{font-size:58px;margin:0;grid-row:1}
 .hx-era{grid-row:1;margin:0 0 8px;font-size:13.5px}
 .hx-list{grid-column:1/-1;display:flex;overflow-x:auto;border:0;border-bottom:2px solid var(--line);margin-top:8px;padding:0;gap:0;scrollbar-width:none}
 .hx-list::-webkit-scrollbar{display:none}
 .hx-list button{padding:6px 10px 8px;font-size:13px}
 .hx-list li button.on::before{inset-inline-start:10px!important;top:auto!important;bottom:-2px;width:calc(100% - 20px)!important;height:3px!important}
 .hx-hint{display:none}
 .hx-right{gap:8px}
 .hx-map{min-height:150px;border-radius:16px}
 .hx-box{padding:14px 16px;border-radius:16px}.hx-box p{font-size:13.5px}
 .hx-logos span{height:34px;padding:5px 8px}.hx-logos img{max-height:22px;max-width:100px}
 .hx-count{gap:6px}.hx-count div{padding:9px 10px}.hx-count b{font-size:22px}.hx-count small{font-size:11px;line-height:1.2;display:block}
 .ab-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.hx-map{flex:none;aspect-ratio:2.35/1;min-height:0;max-height:calc(100svh - 400px)}
.hx-right{justify-content:center}
@media (max-width:899px){.hx-map{aspect-ratio:auto;flex:1 1 auto;min-height:150px;max-height:none}.hx-right{justify-content:flex-start}}
@media (max-width:899px){.hx-map{flex:none;aspect-ratio:1.75/1;min-height:0}}
.hx-count b sup{font-size:.5em;line-height:0;vertical-align:.9em;color:var(--red);margin-inline-start:1px}
/* About: group & subsidiaries */
.gx{background:#E3DED9}
.gx .sec-head p{color:#4F5356}
.gx-top{display:flex;justify-content:center;position:relative}
.gx-core{width:250px;height:92px;border-radius:18px;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 8px rgba(230,0,0,.1),0 14px 30px rgba(20,25,28,.08)}
.gx-core img{max-height:56px;max-width:200px}
.gx-top::after{content:"";position:absolute;left:50%;top:92px;width:2px;height:30px;background:#C9C2BB}
.gx-br{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px;margin-top:60px;position:relative}
.gx-br::before{content:"";position:absolute;left:28%;right:22%;top:-30px;height:2px;background:#C9C2BB}
.gx-reg{position:relative;background:#F6F4F2;border-radius:20px;padding:18px}
.gx-reg::before{content:"";position:absolute;left:50%;top:-30px;width:2px;height:30px;background:#C9C2BB}
.gx-reg h3{font:800 18px var(--display);color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:10px}
.gx-reg h3 i{font-style:normal;font:700 12px var(--body);padding:3px 10px;border-radius:99px;background:var(--red);color:#fff;white-space:nowrap}
.gx-flags{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px;font-size:12.5px;color:var(--muted)}
.gx-flag{width:16px;height:11px;border-radius:2px;object-fit:cover;display:inline-block;vertical-align:-1px}
.gx-flags span{margin-inline-start:4px}
.gx-sub{margin-top:14px}
.gx-sub>small{display:block;font:700 11.5px Inter,var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--grey);margin-bottom:8px}
[lang=ar] .gx-sub>small{letter-spacing:0;font-family:Cairo,sans-serif;font-size:13px}
.gx-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.gx-reg:last-child .gx-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.gx-co{display:flex;flex-direction:column;gap:6px;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:8px;cursor:pointer;font:inherit;text-align:start;transition:transform .2s var(--ease),box-shadow .2s,border-color .2s}
.gx-co:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(20,25,28,.1);border-color:var(--ink)}
.gx-co.on{border-color:var(--red);box-shadow:0 0 0 4px rgba(230,0,0,.15)}
.gx-lg{height:44px;display:grid;place-items:center}
.gx-lg img{max-height:32px;max-width:92%}
.gx-lg b,.gx-plg b{font:800 13px var(--display);color:var(--red);text-transform:uppercase;letter-spacing:.02em;text-align:center}
.gx-co small{display:flex;justify-content:space-between;align-items:center;font:600 11px Inter;color:var(--muted)}
.gx-co small em{font-style:normal;color:#B26F00}
.gx-sheet{position:fixed;inset:0;z-index:95}
.gx-sheet[hidden]{display:none!important}
.gx-shade{position:absolute;inset:0;background:rgba(10,14,16,.45);opacity:0;transition:opacity .28s}
.gx-panel{position:absolute;top:0;bottom:0;inset-inline-end:0;width:min(440px,100%);background:#fff;color:var(--ink);display:flex;flex-direction:column;box-shadow:-30px 0 80px rgba(0,0,0,.3);transform:translateX(100%);transition:transform .32s var(--ease);overflow:auto}
[dir=rtl] .gx-panel{transform:translateX(-100%)}
.gx-sheet.in .gx-shade{opacity:1}.gx-sheet.in .gx-panel{transform:none}
.gx-panel.swap .gx-in{animation:sxIn .35s var(--ease)}
.gx-ph{height:210px;flex:none;background:#ccc center/cover;position:relative}
.gx-x{position:absolute;top:14px;inset-inline-end:14px;width:38px;height:38px;border-radius:50%;border:0;background:#fff;font-size:22px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.gx-in{padding:20px 24px}
.gx-plg{display:inline-grid;place-items:center;min-height:44px}.gx-plg img{max-height:40px;max-width:200px}
.gx-in h3{font:800 23px var(--display);letter-spacing:-.02em;margin-top:10px}
.gx-in p{font-size:14.5px;color:var(--muted);margin-top:6px}
.gx-kv{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.gx-kv div{background:var(--mist);border-radius:10px;padding:10px 12px}.gx-kv b{display:flex;gap:6px;align-items:center;font:800 14.5px var(--display)}.gx-kv small{font-size:11.5px;color:var(--muted)}
.gx-prods{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.gx-prods span{font:600 12px var(--body);background:#FDE7E7;color:var(--red);padding:4px 10px;border-radius:99px}
.gx-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.gx-btns a,.gx-btns span{font:700 14px var(--display);padding:11px 18px;border-radius:99px;text-decoration:none}
.gx-a{background:var(--red);color:#fff}.gx-b{border:1.5px solid var(--line);color:var(--ink)}
.gx-btns .off{opacity:.45;cursor:not-allowed}
.gx-nav{margin-top:auto;display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:12px 18px}
.gx-nav button{background:none;border:0;font:700 13px var(--display);color:var(--muted);cursor:pointer;padding:6px}
.gx-nav button:hover{color:var(--red)}
[dir=rtl] .gx-nav .flip{display:inline-block;transform:scaleX(-1)}
@media (max-width:900px){.gx-br{grid-template-columns:1fr;margin-top:40px}.gx-br::before{display:none}.gx-reg::before{display:none}.gx-top::after{height:20px}.gx-reg:last-child .gx-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.gx-cards,.gx-reg:last-child .gx-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.gx-core{width:200px;height:74px}.gx-top::after{top:74px}.gx-ph{height:170px}}
/* footprint: flag tiles under the map + one-line tag for project-only countries */
.fdock{display:grid;grid-template-columns:auto repeat(8,minmax(0,1fr));gap:8px;align-items:stretch;margin-top:14px}
.fdock:empty{display:none}
.fd-l{align-self:center;font:700 11px Inter,var(--body);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6);max-width:96px;line-height:1.45}
[lang=ar] .fd-l{letter-spacing:0;font-family:Cairo,sans-serif;font-size:12.5px}
.fdock button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#fff;border-radius:14px;padding:12px;cursor:pointer;font:inherit;text-align:start;transition:background .2s,border-color .2s,transform .2s var(--ease)}
.fdock button img{width:36px;height:25px;border-radius:4px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.25);margin-bottom:4px}
.fdock button span{font:700 13.5px var(--display);line-height:1.2}
.fdock button small{font-size:11px;color:rgba(255,255,255,.55)}
.fdock button i{position:absolute;top:12px;inset-inline-end:12px;width:8px;height:8px;border-radius:50%;background:#F2A93B}
.fdock button.frd i{background:var(--red)}
.fdock button:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.09)}
.fdock button.on{background:#fff;color:var(--ink);border-color:#fff}.fdock button.on small{color:var(--muted)}
.fp-card.ins{width:auto!important;max-width:none!important;padding:8px 14px!important;border-radius:999px!important;display:flex!important;align-items:center;gap:10px;white-space:nowrap}
.fp-card.ins::before{display:none}
.fp-card.ins .fc-hd{margin:0!important}.fp-card.ins .fc-hd h4{font-size:14px!important}.fp-card.ins .fc-flag{width:22px!important;height:16px!important}
.fp-card.ins .fc-big{margin:0!important;padding-inline-start:10px;border-inline-start:1px solid var(--line);display:flex;align-items:baseline;gap:5px}
.fp-card.ins .fc-big b{font-size:15px!important}.fp-card.ins .fc-big span{font-size:11px!important}
.fp-card.ins p,.fp-card.ins .fc-cl{display:none!important}
.fp-card.ins.docked{display:inline-flex!important}
@media (max-width:1000px){.fdock{grid-template-columns:repeat(4,minmax(0,1fr))}.fd-l{grid-column:1/-1;max-width:none}}
@media (max-width:420px){.fdock button{padding:10px}.fdock button img{width:30px;height:21px}.fdock button span{font-size:12.5px}.fdock button small{display:none}}
/* About history v2: film strip */
.hx2{background:var(--mist);padding-block:clamp(56px,7vw,96px)}
.h2-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.h2-head h2{font-size:clamp(28px,3.4vw,44px);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--ink);margin-top:14px}
.h2-ctl{display:flex;align-items:center;gap:10px;font:600 13px var(--body);color:var(--muted)}
.hc-btn{width:40px;height:40px;border-radius:50%;border:0;background:var(--ink);color:#fff;font-size:12px;cursor:pointer;display:grid;place-items:center;transition:background .2s}
.h2-ctl.on .hc-btn{background:var(--red)}
.h2-ctl.on span{color:var(--ink)}
.h2-strip{margin-top:clamp(20px,3vw,32px);overflow-x:auto;scrollbar-width:none;padding:14px 4px 4px}
.h2-strip::-webkit-scrollbar{display:none}
.hs-rail{position:relative;height:112px;margin:0 30px;min-width:840px}
.hs-track{position:absolute;left:0;right:0;top:68px;height:4px;border-radius:4px;background:#DDD6CF}
.hs-track u{position:absolute;inset-inline-start:0;top:0;bottom:0;width:0;border-radius:4px;background:var(--red);box-shadow:0 0 12px rgba(230,0,0,.45)}
.hs-ms{position:absolute;top:0;inset-inline-start:var(--x);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;background:none;border:0;padding:0;cursor:pointer;width:76px;font:inherit}
[dir=rtl] .hs-ms{transform:translateX(50%)}
.hs-ms .bub{width:46px;height:46px;border-radius:50%;background:#fff;border:1.5px solid var(--line);display:grid;place-items:center;overflow:hidden;transition:transform .35s var(--ease),border-color .3s,box-shadow .3s;margin-top:4px}
.hs-ms .bub img{max-width:36px;max-height:22px}
.hs-ms .bub img.fl{width:30px;height:21px;border-radius:3px;object-fit:cover;max-width:none}
.hs-ms .bub i{font-style:normal;color:var(--grey)}
.hs-ms .dot{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #D0C8C0;margin-top:9px;transition:all .3s;position:relative;z-index:1}
.hs-ms b{font:800 13.5px Inter;color:#A3A7AA;margin-top:7px;transition:color .3s,font-size .3s}
.hs-ms.past .dot{background:var(--red);border-color:var(--red)}.hs-ms.past b{color:var(--ink)}
.hs-ms.on .bub{transform:translateY(-8px) scale(1.25);border:2.5px solid var(--red);box-shadow:0 12px 24px rgba(230,0,0,.25)}
.hs-ms.on .dot{border-color:var(--red);box-shadow:0 0 0 6px rgba(230,0,0,.2)}
.hs-ms.on b{color:var(--red);font-size:16px}
.hs-ms:hover .bub{border-color:var(--ink)}
.h2-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:20px;margin-top:20px;align-items:stretch}
.h2-story{background:var(--ink);color:#fff;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;min-height:460px}
.h2-story.in .hs-ph img{animation:hsZoom 6.5s ease-out both}
.h2-story.in .hs-in>*{animation:sxIn .45s var(--ease) both}
.h2-story.in .hs-in>*:nth-child(2){animation-delay:.05s}.h2-story.in .hs-in>*:nth-child(3){animation-delay:.1s}.h2-story.in .hs-in>*:nth-child(4){animation-delay:.15s}
@keyframes hsZoom{from{transform:scale(1.12)}to{transform:scale(1)}}
.hs-ph{position:relative;height:200px;overflow:hidden;flex:none}
.hs-ph img{width:100%;height:100%;object-fit:cover;display:block}
.hs-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,25,28,0) 40%,rgba(20,25,28,.85))}
.hs-yr{position:absolute;z-index:1;inset-inline-start:20px;bottom:-4px;font:900 clamp(56px,6vw,80px)/1 Inter;letter-spacing:-.05em;color:#fff;direction:ltr}
.hs-in{padding:18px 22px 20px;display:flex;flex-direction:column;flex:1}
.hs-in small{font:800 13px var(--display);color:#ff8a8a}
.hs-in h3{font:800 clamp(19px,1.8vw,23px)/1.2 var(--display);letter-spacing:-.01em;margin-top:4px}
.hs-in p{font-size:14.5px;color:rgba(255,255,255,.76);margin-top:6px;line-height:1.5}
.hs-stats{display:flex;gap:18px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);font-size:12.5px;color:rgba(255,255,255,.6)}
.hs-stats b{font:900 18px Inter;color:#fff;margin-inline-end:3px}
.h2-story .hx-logos{margin-bottom:12px}
.h2-map{position:relative;border-radius:22px;overflow:hidden;background:#0E1A26;min-height:460px;direction:ltr}
.h2-map::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 80% at 50% 45%,transparent 50%,rgba(14,26,38,.55));pointer-events:none}
.h2-tray{position:absolute;z-index:4;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:rgba(10,14,16,.62);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px 12px;color:#fff}
[dir=rtl] .h2-tray{direction:rtl}
.h2-tray>b{font:900 24px Inter}
.h2-tray>small{font-size:11.5px;color:rgba(255,255,255,.72);max-width:86px;line-height:1.3}
.ht-flags{display:flex;gap:6px;flex-wrap:wrap}
.ht-slot{width:32px;height:22px;border-radius:4px;border:1.5px dashed rgba(255,255,255,.3);display:grid;place-items:center;overflow:hidden}
.ht-slot.got{border:0;box-shadow:0 0 0 1px rgba(255,255,255,.3)}
.ht-slot img{width:100%;height:100%;object-fit:cover;display:block}
.ht-slot.wait img{opacity:0}
.ht-slot.pop{animation:htPop .5s var(--ease)}
@keyframes htPop{0%{transform:scale(1.5);box-shadow:0 0 0 4px var(--red)}100%{transform:scale(1)}}
.hx-flyer{position:absolute;z-index:6;width:42px;height:30px;border-radius:4px;object-fit:cover;box-shadow:0 0 0 2px #fff,0 10px 24px rgba(0,0,0,.45);pointer-events:none}
@media (max-width:899px){
 .h2-main{grid-template-columns:1fr}
 .h2-story{min-height:0}.hs-ph{height:160px}
 .h2-map{min-height:0;aspect-ratio:1.5/1}
 .hs-rail{min-width:900px}
 .h2-tray>small{display:none}.ht-slot{width:28px;height:19px}
}
/* About: mission, vision & values (option C) */
.mvv{background:#fff;padding-block:clamp(64px,8vw,110px)}
.mv-mis{font:800 clamp(30px,4.2vw,56px)/1.14 var(--display);letter-spacing:-.03em;margin-top:18px;max-width:1080px;color:#D9D3CD}
[lang=ar] .mv-mis{font-family:Cairo,sans-serif;line-height:1.35;letter-spacing:0}
.mv-mis .mw{transition:color .35s}
.mv-mis .mw.on{color:var(--ink)}
.mv-mis .mw.r.on{color:var(--red)}
.mv-vis{display:flex;gap:18px;align-items:flex-start;margin-top:clamp(24px,3vw,36px);max-width:920px;background:var(--mist);border-radius:18px;padding:20px 24px}
.mv-vis b{font:800 12px Inter,var(--body);letter-spacing:.14em;color:var(--red);text-transform:uppercase;white-space:nowrap;margin-top:5px}
[lang=ar] .mv-vis b{letter-spacing:0;font-family:Cairo,sans-serif;font-size:14px}
.mv-vis p{font:600 clamp(16px,1.5vw,19px)/1.5 var(--display);color:var(--ink)}
.mv-vh{margin-top:clamp(40px,5vw,60px)}
.mv-acc{display:flex;gap:10px;height:clamp(280px,30vw,360px);margin-top:16px}
.mv-p{flex:1;min-width:0;border:0;padding:0;border-radius:20px;position:relative;overflow:hidden;background:var(--ink) center/cover;color:#fff;cursor:pointer;text-align:start;font:inherit;transition:flex .55s cubic-bezier(.4,0,.2,1)}
.mv-p::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,25,28,.15),rgba(20,25,28,.85));transition:background .4s}
.mv-p:not(.open)::after{background:linear-gradient(180deg,rgba(20,25,28,.45),rgba(20,25,28,.9))}
.mv-p.open{flex:3.2}
.mv-p:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.mv-p .n{position:absolute;z-index:1;top:16px;inset-inline-start:18px;font:900 14px Inter;color:#ff8a8a}
.mv-p .t{position:absolute;z-index:1;inset-inline:18px;bottom:18px}
.mv-p .t b{font:800 21px var(--display);display:block;white-space:nowrap}
.mv-p .d{display:block;font-size:14.5px;color:rgba(255,255,255,.85);margin-top:6px;max-width:420px;opacity:0;transform:translateY(8px);transition:opacity .35s .15s,transform .35s .15s}
.mv-p.open .d{opacity:1;transform:none}
.mv-p:not(.open) .t b{writing-mode:vertical-rl;transform:rotate(180deg);font-size:18px}
[dir=rtl] .mv-p:not(.open) .t b{transform:none}
.mv-p:not(.open) .d{display:none}
@media (max-width:760px){
 .mv-acc{flex-direction:column;height:auto}
 .mv-p{flex:none;height:64px}
 .mv-p.open{flex:none;height:220px}
 .mv-p:not(.open) .t b{writing-mode:horizontal-tb;transform:none}
 .mv-p:not(.open) .t{bottom:50%;transform:translateY(50%)}
 .mv-p:not(.open) .n{top:50%;transform:translateY(-50%)}
 .mv-p:not(.open) .t{inset-inline-start:56px}
 .mv-vis{flex-direction:column;gap:8px}
}
/* history: El Sewedy roots (1938, 1962) */
.hs-ms .bub img{object-fit:contain}
.hs-her,.hs-cut{display:none}
.hx2.roots .hs-her{display:block;position:absolute;top:-6px;bottom:-4px;inset-inline-start:-22px;width:calc(var(--w) + 22px);border-radius:16px;background:linear-gradient(180deg,rgba(15,76,150,.07),rgba(15,76,150,.12));border:1.5px dashed rgba(15,76,150,.3);z-index:0}
.hx2.roots .hs-her em{position:absolute;top:-11px;inset-inline-start:14px;font:800 10.5px Inter,var(--body);letter-spacing:.12em;text-transform:uppercase;color:#0F4C96;background:var(--mist);padding:0 6px;font-style:normal;white-space:nowrap}
[lang=ar] .hx2.roots .hs-her em{letter-spacing:0;font-family:Cairo,sans-serif;font-size:12px}
.hx2.roots .hs-ms.her .dot{border-color:#7FA2CF}
.hx2.roots .hs-ms.her.past .dot{background:#0F4C96;border-color:#0F4C96}
.hx2.roots .hs-ms.her.on .bub{border-color:#0F4C96;box-shadow:0 12px 24px rgba(15,76,150,.25)}
.hx2.roots .hs-ms.her.on b{color:#0F4C96}
.hs-ms{z-index:1}
.hs-logo{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(120% 120% at 70% 20%,#2B3A4A,#14191C 70%)}
.hs-logo img{max-height:110px;max-width:60%;filter:drop-shadow(0 10px 24px rgba(0,0,0,.4))}
.h2-story.her .hs-logo img[src*="crane"]{filter:brightness(0) invert(1) drop-shadow(0 10px 24px rgba(0,0,0,.4));max-height:90px}
.hx2.roots .h2-story.her{background:#0F2A47}
.hx2.roots .h2-story.her .hs-logo{background:radial-gradient(120% 120% at 70% 20%,#2A5A92,#0F2A47 70%)}
.hx2.roots .h2-story.her .hs-in small{color:#9CC2F0}
.hx2.roots .h2-story.her .hs-logo img[src*="zsg"]{background:#fff;border-radius:18px;padding:14px 18px;max-height:130px}
.h2-story.her .hs-logo img[src*="zsg"]{background:#fff;border-radius:18px;padding:14px 18px;max-height:130px}
.hs-ph .hs-logo img{width:auto;height:auto;object-fit:contain;animation:none!important;max-height:120px;max-width:62%}
.hs-ph .hs-logo img[src*="dam"]{max-height:130px;max-width:70%;background:none;padding:0}
.hs-logo{padding-bottom:30px}
.hx2.roots .hs-her em{top:auto;bottom:-9px}
.hx2.roots .h2-strip{padding-bottom:18px}
.hs-logo{padding-bottom:64px}
.h2-story.her .hs-ph::after{background:linear-gradient(180deg,transparent 55%,rgba(20,25,28,.75))}
/* group: EMG and SEI side by side */
.gx-fam{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1fr);gap:18px;align-items:start}
.gx-fam .gx-br{margin-top:60px}
.gx-br.one{grid-template-columns:1fr}
.gx-br.one::before{display:none}
.gx-sei .gx-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.gx-core.sei{width:auto;padding:0 22px}
.gx-core.sei img{max-height:40px;max-width:240px}
.gx-sei .gx-reg h3 i{background:#C1121F}
@media (max-width:1100px){.gx-fam{grid-template-columns:1fr;gap:48px}}
/* About: sustainability & community (impact pillars) */
.cs{background:var(--mist);padding-block:clamp(64px,8vw,104px)}
.cs-head h2{font-size:clamp(30px,3.6vw,46px);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--ink);margin-top:14px}
.cs-head p{font-size:16.5px;color:var(--muted);margin-top:10px;max-width:640px}
.cs-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;margin-top:clamp(24px,3vw,36px);align-items:start}
.cs-tabs{display:flex;flex-direction:column;gap:8px}
.cs-tabs button{display:flex;gap:12px;align-items:center;text-align:start;border:1.5px solid var(--line);background:#fff;border-radius:16px;padding:12px 14px;font:inherit;color:inherit;cursor:pointer;transition:background .25s,border-color .25s,transform .2s var(--ease)}
.cs-tabs button:hover{border-color:var(--ink)}
.cs-tabs .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--mist);color:var(--red);flex:none;transition:background .25s,color .25s}
.cs-tabs .ic svg{width:21px;height:21px}
.cs-tabs .tx{min-width:0;flex:1}
.cs-tabs b{display:block;font:800 15px var(--display);color:var(--ink)}
.cs-tabs small{display:block;font-size:12px;color:var(--muted);margin-top:1px}
.cs-tabs i{display:block;height:3px;border-radius:3px;background:transparent;margin-top:7px;overflow:hidden}
.cs-tabs u{display:block;height:100%;width:0;background:var(--red)}
.cs-tabs button.on{background:var(--ink);border-color:var(--ink)}
.cs-tabs button.on b{color:#fff}.cs-tabs button.on small{color:rgba(255,255,255,.65)}
.cs-tabs button.on .ic{background:var(--red);color:#fff}
.cs-tabs button.on i{background:rgba(255,255,255,.18)}
.cs-stage{position:relative;border-radius:24px;overflow:hidden;background:var(--ink);color:#fff;min-height:470px;display:flex;touch-action:pan-y}
.cs-media{position:absolute;inset:0}
.cs-media img.bg{width:100%;height:100%;object-fit:cover;display:block}
.cs-stage.in .cs-media img{animation:hsZoom 7s ease-out both}
.cs-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,25,28,.96) 32%,rgba(20,25,28,.12));pointer-events:none}
[dir=rtl] .cs-stage::after{background:linear-gradient(270deg,rgba(20,25,28,.96) 32%,rgba(20,25,28,.12))}
.cs-ph{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;background:repeating-linear-gradient(135deg,#2B333A 0 16px,#262E34 16px 32px);color:rgba(255,255,255,.5);font:700 12px Inter,var(--body)}
.cs-ph svg{width:56px;height:56px}
.cs-stage.noph::after{background:linear-gradient(90deg,rgba(20,25,28,.85) 40%,rgba(20,25,28,0))}
.cs-in{position:relative;z-index:1;padding:clamp(22px,3vw,34px);max-width:540px;display:flex;flex-direction:column;align-items:flex-start;min-height:470px;box-sizing:border-box}
.cs-stage.in .cs-in>*{animation:sxIn .45s var(--ease) both}
.cs-stage.in .cs-in>*:nth-child(2){animation-delay:.05s}.cs-stage.in .cs-in>*:nth-child(3){animation-delay:.1s}.cs-stage.in .cs-in>*:nth-child(n+4){animation-delay:.15s}
.cs-chip{font:700 11px Inter,var(--body);letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)}
[lang=ar] .cs-chip{letter-spacing:0;font-family:Cairo,sans-serif;font-size:12.5px}
.cs-in h3{font:800 clamp(24px,2.6vw,32px)/1.12 var(--display);letter-spacing:-.02em;margin-top:14px;color:#fff}
.cs-in p{font-size:15.5px;color:rgba(255,255,255,.82);margin-top:10px;line-height:1.55}
.cs-tbc{margin-top:12px;font:600 12.5px var(--body);color:#FFD27A;border:1px dashed rgba(255,210,122,.6);border-radius:10px;padding:6px 10px}
.cs-lg{display:inline-grid;place-items:center;background:#fff;border-radius:10px;padding:7px 12px;height:44px;margin-top:16px;max-width:100%}
.cs-lg img{max-height:30px;max-width:260px}
.cs-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:auto;padding-top:20px;width:100%}
.cs-facts div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:10px 12px;backdrop-filter:blur(6px)}
.cs-facts b{display:block;font:900 22px Inter;letter-spacing:-.02em}
.cs-facts small{font-size:11.5px;color:rgba(255,255,255,.68);line-height:1.3;display:block;margin-top:2px}
.cs-dots{display:none}
@media (max-width:900px){
 .cs-grid{grid-template-columns:1fr;gap:12px}
 .cs-tabs{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none;margin-inline:-16px;padding:2px 16px 4px;gap:8px}
 .cs-tabs::after{content:"";flex:0 0 8px}
 .cs-tabs::-webkit-scrollbar{display:none}
 .cs-tabs button{flex:none;scroll-snap-align:start;padding:8px 14px 8px 8px;border-radius:99px;gap:8px}
 .cs-tabs .ic{width:32px;height:32px;border-radius:50%}.cs-tabs .ic svg{width:17px;height:17px}
 .cs-tabs small{display:none}
 .cs-tabs b{font-size:13.5px;white-space:nowrap}
 .cs-tabs i{margin-top:4px;height:2px}
 .cs-stage{flex-direction:column;min-height:0}
 .cs-media{position:relative;height:210px;flex:none}
 .cs-stage::after{display:none}
 .cs-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,var(--ink))}
 .cs-in{min-height:0;max-width:none;padding:4px 18px 20px;flex:1}
 .cs-in h3{font-size:22px}
 .cs-in p{font-size:14.5px}
 .cs-facts{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:16px}
 .cs-facts b{font-size:18px}
 .cs-dots{display:flex;justify-content:center;gap:6px;margin-top:12px}
 .cs-dots button{width:8px;height:8px;border-radius:99px;border:0;padding:0;background:#CFC8C1;transition:width .3s,background .3s;cursor:pointer}
 .cs-dots button.on{width:22px;background:var(--red)}
}

/* ===================== Quality & Certifications page ===================== */
.qx-hero{position:relative;background:var(--ink);color:#fff;padding:calc(env(safe-area-inset-top,0px) + 150px) 0 46px;overflow:visible;z-index:5}
.qx-hero::before{content:"";position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 88% 8%,rgba(230,0,0,.34),transparent 38%),radial-gradient(circle at 10% 110%,rgba(110,111,113,.35),transparent 40%);pointer-events:none}
.qx-hero .wrap{position:relative}
.qx-hero h1{font-size:clamp(36px,5.2vw,68px);font-weight:800;line-height:1.03;letter-spacing:-.04em;margin-top:18px;max-width:880px}
.qx-lead{font-size:clamp(16px,1.4vw,18px);color:rgba(255,255,255,.72);margin-top:14px;max-width:620px}
.qx-sb{position:relative;max-width:740px;margin-top:28px;z-index:6}
.qx-in{display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:6px 6px 6px 18px;color:var(--ink);box-shadow:0 20px 50px rgba(0,0,0,.35);cursor:text}
.qx-in svg{width:22px;height:22px;color:var(--muted);flex:none}
.qx-in input{flex:1;min-width:0;border:0;outline:0;background:none;font:600 18px var(--display);color:var(--ink);height:48px}
.qx-in input::placeholder{color:#9A9DA0;font-weight:500}
.qx-in input::-webkit-search-cancel-button{display:none}
.qx-in button{background:var(--red);color:#fff;border-radius:13px;padding:0 20px;height:46px;font:700 14.5px var(--display);flex:none}
.qx-in button:hover{background:var(--red-deep)}
.qx-dd{position:absolute;left:0;right:0;top:calc(100% + 10px);background:#fff;border-radius:18px;color:var(--ink);box-shadow:0 30px 60px rgba(0,0,0,.45);padding:8px;max-height:min(70vh,520px);overflow:auto;animation:sxIn .25s var(--ease)}
.qx-dd mark,.qx-g mark{background:#FFE08A;color:inherit;border-radius:3px;padding:0 1px}
.qx-yes{display:flex;gap:14px;align-items:center;width:100%;text-align:start;background:#EAF7EE;border-radius:14px;padding:14px;margin-bottom:4px}
.qx-yes .ck{width:42px;height:42px;border-radius:50%;background:#1F9D55;color:#fff;display:grid;place-items:center;font:900 20px Inter;flex:none}
.qx-yes b{display:block;font:800 17px var(--display)}.qx-yes small{display:block;font-size:13px;color:#3D5A47;margin-top:2px}
.qx-yes em{margin-inline-start:auto;font:700 13px var(--display);font-style:normal;background:var(--ink);color:#fff;border-radius:10px;padding:9px 12px;white-space:nowrap}
.qx-r{display:flex;gap:12px;align-items:center;width:100%;text-align:start;padding:10px 12px;border-radius:12px}
.qx-r:hover,.qx-r:focus-visible{background:var(--mist)}
.qx-r b{display:block;font:700 14.5px var(--display)}.qx-r small{display:block;font-size:12.5px;color:var(--muted);line-height:1.35}
.qx-r em{margin-inline-start:auto;font:700 11px Inter;font-style:normal;color:var(--muted);background:var(--mist);border-radius:99px;padding:3px 9px;white-space:nowrap}
.qx-ic{width:44px;height:38px;border-radius:10px;background:var(--mist);display:grid;place-items:center;font:900 10px Inter;color:var(--ink);flex:none;text-align:center;line-height:1.1;padding:2px}
.qx-ic.lg{background:#fff;border:1px solid var(--line)}.qx-ic.lg img{max-width:36px;max-height:26px;object-fit:contain}
.qx-more{display:block;width:100%;text-align:center;padding:11px;font:700 13.5px var(--display);color:var(--red);border-top:1px solid var(--line);margin-top:4px}
.qx-no{padding:16px}.qx-no b{display:block;font:800 18px var(--display);color:var(--ink)}.qx-no p{font-size:14px;color:var(--muted);margin:6px 0 14px;max-width:560px}
.qx-sugg{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap;align-items:center}
.qx-sugg small{font:600 12.5px var(--body);color:rgba(255,255,255,.55);margin-inline-end:2px}
.qx-sugg button{border:1px solid rgba(255,255,255,.22);border-radius:99px;padding:5px 12px;font:600 12.5px var(--display);color:#fff;transition:background .2s,border-color .2s}
.qx-sugg button:hover{background:rgba(255,255,255,.1);border-color:#fff}
.qx-jump{display:flex;gap:8px;margin-top:40px;flex-wrap:wrap}
.qx-jump a{display:flex;gap:8px;align-items:center;font:700 13.5px var(--display);color:rgba(255,255,255,.82);padding:9px 14px 9px 9px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);transition:background .2s}
[dir=rtl] .qx-jump a{padding:9px 9px 9px 14px}
.qx-jump a:hover{background:rgba(255,255,255,.14);color:#fff}
.qx-jump a b{font:900 13px Inter;background:var(--red);color:#fff;border-radius:8px;padding:3px 7px;min-width:26px;text-align:center}
.qx-head h2{font-size:clamp(30px,3.6vw,46px);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--ink);margin-top:14px}
.qx-head p{font-size:16.5px;color:var(--muted);margin-top:10px;max-width:660px}
/* deck */
.qx-deck-sec{padding-block:clamp(64px,8vw,104px);scroll-margin-top:80px}
.qx-deck{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;margin-top:clamp(20px,3vw,34px)}
.qx-stack{position:relative;height:520px;outline:0;touch-action:pan-y;user-select:none}
.qx-card{position:absolute;left:50%;top:50%;margin:0;width:min(300px,72%);transition:transform .55s var(--ease),opacity .45s;cursor:pointer}
.qx-card img{width:100%;border-radius:10px;box-shadow:0 22px 46px rgba(20,25,28,.22);background:#fff;display:block}
.qx-card figcaption{position:absolute;left:12px;bottom:12px;font:800 12px Inter;background:var(--ink);color:#fff;border-radius:8px;padding:5px 9px;opacity:0;transition:opacity .3s}
.qx-card.on figcaption{opacity:1}
.qx-card.on{cursor:grab}
.qx-stack:focus-visible .qx-card.on img{outline:3px solid var(--red);outline-offset:4px}
.qx-tag{display:inline-flex;font:700 11px Inter;letter-spacing:.08em;text-transform:uppercase;color:var(--red);background:#FDE7E7;border-radius:99px;padding:5px 10px}
[lang=ar] .qx-tag{letter-spacing:0;font-family:Cairo,sans-serif;font-size:12.5px}
.qx-num{font:900 clamp(44px,5vw,64px)/1 Inter;letter-spacing:-.04em;color:var(--ink);margin-top:14px;direction:ltr;text-align:start}
[dir=rtl] .qx-num{text-align:right}
.qx-num small{display:block;font:800 15px Inter;letter-spacing:.02em;color:var(--red);margin-bottom:4px}
.qx-det h3{font:800 clamp(20px,2vw,24px) var(--display);margin-top:8px;color:var(--ink)}
.qx-det p{font-size:15.5px;color:var(--muted);margin-top:10px;max-width:520px}
.qx-det.in>*{animation:sxIn .45s var(--ease) both}.qx-det.in>*:nth-child(2){animation-delay:.04s}.qx-det.in>*:nth-child(3){animation-delay:.08s}.qx-det.in>*:nth-child(n+4){animation-delay:.12s}
.qx-kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px;max-width:560px}
.qx-kv div{background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px}
.qx-kv b{display:block;font:800 14px var(--display);color:var(--ink);line-height:1.3}.qx-kv small{font-size:11.5px;color:var(--muted)}
.qx-kv i.tbc{font:600 11.5px var(--body);font-style:normal;color:#8A5A00;background:#FFF4DE;border:1px dashed #E2B65C;border-radius:6px;padding:1px 6px}
.qx-nav{display:flex;gap:8px;margin-top:20px;align-items:center;flex-wrap:wrap}
.qx-nav>button{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font-weight:800;background:#fff;transition:border-color .2s,background .2s}
.qx-nav>button:hover{border-color:var(--ink)}
.qx-dots{display:flex;gap:5px;margin-inline:8px}.qx-dots button{width:8px;height:8px;border-radius:99px;background:#CFC8C1;transition:width .3s,background .3s}.qx-dots button.on{width:24px;background:var(--red)}
.qx-copy{margin-inline-start:auto;font:700 13.5px var(--display);color:var(--red);border-bottom:1.5px solid currentColor;padding-bottom:1px}
/* full list */
.qx-all{background:var(--mist);padding-block:clamp(64px,8vw,104px);scroll-margin-top:60px}
.qx-gt{display:flex;gap:12px;align-items:center;margin-top:24px;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:6px 8px 6px 16px;transition:border-color .2s,box-shadow .2s;cursor:text}
.qx-gt:focus-within{border-color:var(--ink);box-shadow:0 10px 30px rgba(20,25,28,.08)}
.qx-gt svg{width:20px;height:20px;color:var(--muted);flex:none}
.qx-gt input{flex:1;min-width:0;border:0;outline:0;background:none;font:600 16px var(--display);color:var(--ink);height:42px}
.qx-gt input::-webkit-search-cancel-button{display:none}
.qx-clr{font:700 12.5px Inter;color:var(--muted);background:var(--mist);border-radius:99px;padding:7px 12px}
.qx-f{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.qx-f button{border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:7px 13px;font:700 13.5px var(--display);display:flex;gap:8px;align-items:center;transition:background .2s,border-color .2s}
.qx-f button:hover{border-color:var(--ink)}
.qx-f button i{font:700 11px Inter;font-style:normal;background:var(--mist);border-radius:99px;padding:2px 7px;color:var(--muted)}
.qx-f button.on{background:var(--ink);border-color:var(--ink);color:#fff}.qx-f button.on i{background:var(--red);color:#fff}
.qx-f button.zero{opacity:.45}
.qx-res{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:12px}
.qx-res b{font:800 15px var(--display);color:var(--ink)}.qx-res small{color:var(--muted);font-size:13px}
.qx-g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:12px}
.qx-t{position:relative;background:#fff;border:1.5px solid var(--line);border-radius:16px;height:156px;padding:14px;display:flex;flex-direction:column;text-align:start;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s;animation:sxIn .35s var(--ease) both}
.qx-t:hover{border-color:var(--ink);transform:translateY(-2px)}
.qx-face{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;transition:opacity .25s}
.qx-face.lg{align-items:center}.qx-face.lg img{max-height:56px;max-width:88%;object-fit:contain}
.qx-face.iso b{font:900 24px/1.05 Inter;letter-spacing:-.03em;color:var(--ink)}.qx-face.iso b em{font-style:normal;color:var(--red);white-space:nowrap}
.qx-face small{font-size:12px;color:var(--muted);line-height:1.3;margin-top:4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.qx-face.std b{font:700 14.5px/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ink);direction:ltr;text-align:start}
.qx-face.txt b{font:900 22px/1.05 Inter;color:var(--ink);letter-spacing:-.02em}
.qx-t.g-std{background:#FBFAF9;border-style:dashed}
.qx-nm{display:flex;justify-content:space-between;align-items:center;gap:6px;font:700 12px var(--display);color:var(--ink);margin-top:8px;position:relative;z-index:1}
.qx-nm>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qx-w{display:flex;gap:5px;align-items:center;color:var(--muted);font-weight:600;flex:none}
.qx-w>span:not(.qx-ty){display:none}
.qx-fl{width:20px;height:14px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.qx-ty{display:flex;gap:3px}.qx-ty i{width:7px;height:7px;border-radius:50%}
.qx-ty .t-e{background:var(--red)}.qx-ty .t-w{background:#2873B9}.qx-ty .t-g{background:#E09B1A}
.qx-back{position:absolute;inset:0;background:var(--ink);color:#fff;padding:14px 14px 34px;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s var(--ease);pointer-events:none}
.qx-back b{display:block;font:800 13.5px/1.25 var(--display)}.qx-back p{font-size:12px;color:rgba(255,255,255,.75);margin-top:6px;line-height:1.42;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.qx-t.flip{border-color:var(--ink);box-shadow:0 14px 30px rgba(20,25,28,.22)}
.qx-t.flip .qx-back{opacity:1;transform:none}
.qx-t.flip .qx-nm{color:#fff}.qx-t.flip .qx-w{color:#FFB3B3}.qx-t.flip .qx-w>span:not(.qx-ty){display:inline}
@media (hover:hover){.qx-t:not(.g-std):hover .qx-back{opacity:1;transform:none}.qx-t:not(.g-std):hover .qx-nm{color:#fff}.qx-t:not(.g-std):hover .qx-w{color:#FFB3B3}.qx-t:not(.g-std):hover .qx-w>span:not(.qx-ty){display:inline}}
.qx-t.ping{animation:qxPing 1.6s var(--ease)}
@keyframes qxPing{0%,100%{box-shadow:0 0 0 0 rgba(230,0,0,0)}30%{box-shadow:0 0 0 6px rgba(230,0,0,.35)}}
.qx-none{margin-top:14px;border:1.5px dashed #D9D2CB;border-radius:18px;background:#fff}
/* lab */
.qx-lab{padding-block:clamp(64px,8vw,104px);scroll-margin-top:80px}
.qx-lab-in{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
.qx-lab-ph{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:200px 200px;gap:10px}
.qx-lab-ph img{width:100%;height:100%;object-fit:cover;border-radius:18px}
.qx-lab-ph img:first-child{grid-row:span 2}
.qx-lab h2{font-size:clamp(28px,3.2vw,42px);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--ink);margin-top:14px}
.qx-lab-in>div>p{font-size:15.5px;color:var(--muted);margin-top:12px}
.qx-lt{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}
.qx-lt button{border:1.5px solid var(--line);border-radius:99px;padding:7px 13px;font:700 13px var(--display);transition:background .2s,border-color .2s}
.qx-lt button:hover{border-color:var(--ink)}.qx-lt button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.qx-ld{margin-top:12px;font-size:14.5px;color:var(--ink);background:var(--mist);border-radius:14px;padding:14px 16px;min-height:74px;animation:sxIn .35s var(--ease)}
.qx-lab-lg{display:flex;gap:22px;align-items:center;margin-top:20px}.qx-lab-lg img{height:44px;width:auto;object-fit:contain}
/* partner band */
.qx-partner{padding:0 0 clamp(64px,8vw,104px)}
.qx-pt{position:relative;overflow:hidden;background:var(--ink);color:#fff;border-radius:28px;padding:clamp(28px,4vw,52px);display:grid;grid-template-columns:1.4fr auto;gap:28px;align-items:center}
.qx-pt::before{content:"";position:absolute;right:-90px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(230,0,0,.4),transparent 65%)}
[dir=rtl] .qx-pt::before{right:auto;left:-90px}
.qx-pt>*{position:relative}
.qx-pt h2{font-size:clamp(26px,3vw,40px);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-top:12px}
.qx-pt p{font-size:16px;color:rgba(255,255,255,.75);margin-top:10px;max-width:600px}
.qx-pt-b{display:flex;flex-direction:column;gap:10px}
@media (max-width:1100px){.qx-g{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:900px){
 .qx-hero{padding-top:calc(env(safe-area-inset-top,0px) + 112px)}
 .qx-in{padding:5px 5px 5px 14px;border-radius:16px}.qx-in input{font-size:16px;height:44px}.qx-in button{padding:0 14px;height:42px}
 .qx-jump{margin-top:28px;flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding-inline:16px;scrollbar-width:none}.qx-jump::-webkit-scrollbar{display:none}.qx-jump a{flex:none}
 .qx-yes{flex-wrap:wrap}.qx-yes em{margin-inline-start:56px}
 .qx-deck{grid-template-columns:1fr}
 .qx-stack{height:380px}.qx-card{width:min(230px,62%)}
 .qx-kv{grid-template-columns:1fr 1fr 1fr}.qx-kv b{font-size:12.5px}
 .qx-copy{margin-inline-start:0;width:100%;margin-top:6px}
 .qx-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .qx-t{height:146px;padding:12px}
 .qx-res small{display:none}
 .qx-f{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding-inline:16px;scrollbar-width:none}.qx-f::-webkit-scrollbar{display:none}.qx-f button{flex:none}
 .qx-lab-in{grid-template-columns:1fr}.qx-lab-ph{grid-template-rows:150px 150px}
 .qx-pt{grid-template-columns:1fr}.qx-pt-b .btn{justify-content:center}
}
/* full list: show more / compact rows / carousels */
.qx-g.cut{position:relative;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 90px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 90px),transparent)}
.qx-more2{display:flex;justify-content:center;margin-top:-30px;position:relative;z-index:1}
.qx-more2 button{display:flex;gap:10px;align-items:center;background:var(--ink);color:#fff;border-radius:99px;padding:12px 22px;font:700 14px var(--display);box-shadow:0 12px 26px rgba(20,25,28,.25)}
.qx-more2 button span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--red);font-size:12px}
.qx-more2 button.less{background:#fff;color:var(--ink);border:1.5px solid var(--line);box-shadow:none}
.qx-more2:has(.less){margin-top:16px}
.qx-g.rows{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.qx-g.rows .qx-t{height:96px;padding:8px;border-radius:12px}
.qx-g.rows .qx-face.iso b{font-size:15px}.qx-g.rows .qx-face small{display:none}.qx-g.rows .qx-face.lg img{max-height:34px}
.qx-g.rows .qx-face.std b{font-size:11px}.qx-g.rows .qx-face.txt b{font-size:15px}
.qx-g.rows .qx-nm{font-size:10.5px;margin-top:4px}.qx-g.rows .qx-fl{width:14px;height:10px}.qx-g.rows .qx-ty{display:none}
.qx-g.rows .qx-back{padding:8px 8px 24px}.qx-g.rows .qx-back b{font-size:11px}.qx-g.rows .qx-back p{display:none}
.qx-g.car{display:block}
.qx-cr+.qx-cr{margin-top:18px}
.qx-crh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.qx-crh b{font:800 15px var(--display);color:var(--ink)}.qx-crh b i{font:700 11px Inter;font-style:normal;background:#fff;border-radius:99px;padding:2px 7px;color:var(--muted);margin-inline-start:4px}
.qx-crh button{font:700 13px var(--display);color:var(--red)}
.qx-crs{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding:2px 16px 6px;scrollbar-width:none}.qx-crs::-webkit-scrollbar{display:none}
.qx-crs .qx-t{flex:0 0 42%;scroll-snap-align:start}
/* quality hero: split with floating certificates */
.qx-sp{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.qx-sp>div{min-width:0}
.qx-fan{position:relative;height:440px;pointer-events:none}
.qx-fan .ring{position:absolute;inset:6% 4%;border-radius:50%;overflow:hidden;opacity:.55}.qx-fan .ring img{width:100%;height:100%;object-fit:cover}
.qx-fan .ring::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent 30%,var(--ink) 72%)}
.qx-fan .sc{position:absolute;width:42%;left:29%;top:12%;border-radius:8px;box-shadow:0 24px 50px rgba(0,0,0,.5);animation:qxFl 6s ease-in-out infinite}
.qx-fan .sc:nth-of-type(2){transform:rotate(-9deg) translateX(-46%);animation-delay:-2s}.qx-fan .sc:nth-of-type(3){transform:rotate(9deg) translateX(46%);animation-delay:-4s}
.qx-fan .bdg{position:absolute;background:#fff;color:var(--ink);border-radius:12px;padding:8px 12px;font:800 13px var(--display);display:flex;gap:8px;align-items:center;box-shadow:0 12px 30px rgba(0,0,0,.4);animation:qxFl 5s ease-in-out infinite;direction:ltr}
.qx-fan .bdg i{width:20px;height:20px;border-radius:50%;background:#1F9D55;color:#fff;display:grid;place-items:center;font:900 11px Inter;font-style:normal}
.qx-fan .b1{left:2%;top:58%;animation-delay:-1s}.qx-fan .b2{right:2%;top:20%;animation-delay:-3s}.qx-fan .b3{right:8%;bottom:6%}
@keyframes qxFl{50%{margin-top:-8px}}
@media (prefers-reduced-motion:reduce){.qx-fan .sc,.qx-fan .bdg{animation:none}}
.qx-star{position:absolute;top:8px;inset-inline-end:10px;font-size:12px;color:#E09B1A;z-index:2}
.qx-star.s{position:static}
@media (max-width:900px){.qx-sp{grid-template-columns:1fr;gap:0}.qx-fan{height:260px;order:-1;margin-bottom:-6px}.qx-fan .bdg{font-size:11.5px}.qx-fan .b2{right:6%}}

/* ===================== Manufacturing page ===================== */
.mf-hero{position:relative;background:var(--ink);color:#fff;padding:calc(env(safe-area-inset-top,0px) + 150px) 0 56px;overflow:hidden}
.mf-hero .mf-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;max-width:none}
.mf-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,25,28,.85),rgba(20,25,28,.35) 70%),linear-gradient(180deg,transparent 55%,rgba(20,25,28,.95))}
[dir=rtl] .mf-hero::after{background:linear-gradient(270deg,rgba(20,25,28,.85),rgba(20,25,28,.35) 70%),linear-gradient(180deg,transparent 55%,rgba(20,25,28,.95))}
.mf-hero .wrap{position:relative;z-index:1}
.mf-hero h1{font-size:clamp(38px,5.4vw,74px);font-weight:800;line-height:1.02;letter-spacing:-.04em;margin-top:18px;max-width:920px}
.mf-hero h1 em{font-style:normal;color:var(--red);display:block}
.mf-hero p{font-size:clamp(16px,1.4vw,19px);color:rgba(255,255,255,.8);max-width:620px;margin-top:18px}
.mf-btns{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}
.mf-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:clamp(36px,5vw,60px);background:rgba(255,255,255,.14);border-radius:16px;overflow:hidden;max-width:900px}
.mf-stats div{background:rgba(20,25,28,.72);backdrop-filter:blur(6px);padding:16px 18px}
.mf-stats b{display:block;font:900 clamp(24px,2.6vw,34px)/1 Inter;letter-spacing:-.03em}
.mf-stats div>span{font-size:13px;color:rgba(255,255,255,.7)}
.mf-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.mf-head h2{font-size:clamp(30px,3.6vw,46px);font-weight:800;line-height:1.08;letter-spacing:-.03em;margin-top:14px}
.mf-head p{font-size:16px;color:var(--muted);margin-top:10px;max-width:600px}
/* walk the line */
.mf-line{background:var(--ink);color:#fff;padding-block:clamp(64px,8vw,104px);scroll-margin-top:60px}
.mf-line .eyebrow{color:#FF6B6B}.mf-line .mf-head p{color:rgba(255,255,255,.68)}
.mf-tabs{display:flex;gap:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:99px;padding:4px}
.mf-tabs button{display:flex;gap:8px;align-items:center;padding:9px 16px;border-radius:99px;font:700 14px var(--display);color:rgba(255,255,255,.72);transition:background .25s,color .25s}
.mf-tabs button i{width:9px;height:9px;border-radius:50%}
.mf-tabs .t-e i{background:#E60000}.mf-tabs .t-w i{background:#2873B9}.mf-tabs .t-g i{background:#E09B1A}
.mf-tabs button.on{background:#fff;color:var(--ink)}
.mf-fac{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:26px;font-size:14px;color:rgba(255,255,255,.7);animation:sxIn .4s var(--ease)}
.mf-fac b{color:#fff;font:800 16px var(--display)}.mf-fac em{font-style:normal;color:#FFD27A}
.mf-dot{width:10px;height:10px;border-radius:50%}
.mf-cap1{margin-inline-start:auto;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:99px;padding:5px 12px;font-size:13px}.mf-cap1 b{font:900 14px Inter}
.mf-belt{position:relative;margin-top:18px;padding-top:40px;overflow-x:auto;scrollbar-width:none}
.mf-belt::-webkit-scrollbar{display:none}
.mf-track{position:absolute;left:0;top:62px;width:100%;min-width:calc(var(--n) * 96px);height:10px}
.mf-track::before{content:"";position:absolute;inset:0;border-radius:99px;background:repeating-linear-gradient(90deg,#2B343A 0 18px,#222A30 18px 36px);background-size:36px 10px;animation:mfBelt 1.2s linear infinite}
@keyframes mfBelt{to{background-position:36px 0}}
[dir=rtl] .mf-track::before{animation-direction:reverse}
.mf-fill{position:absolute;top:0;height:10px;border-radius:99px;background:var(--c);transition:width .6s var(--ease),left .6s var(--ease);opacity:.9}
.mf-meter{position:absolute;top:-40px;width:34px;height:32px;margin-left:-17px;border-radius:7px;background:#E9EEF1;box-shadow:0 8px 16px rgba(0,0,0,.45);transition:left .6s var(--ease)}
.mf-meter::before{content:"";position:absolute;left:5px;right:5px;top:5px;height:9px;border-radius:2px;background:#9FC3A8}
.mf-meter::after{content:"";position:absolute;left:50%;bottom:5px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--c)}
.mf-meter.t-w{border-radius:50% 50% 8px 8px;background:#C9A15A}.mf-meter.t-w::before{background:#F4F1E8;left:8px;right:8px;border-radius:50%;height:12px}
.mf-meter.t-g{background:#D9DEE2}
.mf-belt ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(96px,1fr));position:relative}
.mf-belt li button{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;width:100%;padding:0 4px}
.mf-belt li b{width:44px;height:44px;border-radius:50%;background:#1E262B;border:2px solid #3A444B;display:grid;place-items:center;font:900 13px Inter;color:rgba(255,255,255,.6);position:relative;z-index:1;transition:background .3s,border-color .3s,box-shadow .3s,color .3s}
.mf-belt li.done b{background:var(--c);border-color:var(--c);color:#fff}
.mf-belt li.on b{background:#fff;border-color:#fff;color:var(--ink);box-shadow:0 0 0 7px color-mix(in srgb,var(--c) 40%,transparent)}
.mf-belt li small{font:700 12px var(--display);color:rgba(255,255,255,.58);line-height:1.25;max-width:110px}
.mf-belt li.on small{color:#fff}
.mf-belt li button:hover b{border-color:#fff}
.mf-stage{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(20px,3vw,36px);margin-top:26px;align-items:center}
.mf-ph{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:16/10;background:#1E262B}
.mf-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mf-stage.in .mf-ph img{animation:hsZoom 6s ease-out both}
.mf-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(20,25,28,.85))}
.mf-cap2{position:absolute;left:18px;bottom:20px;z-index:1;font:700 13px Inter;display:flex;gap:8px;align-items:center}
[dir=rtl] .mf-cap2{left:auto;right:18px}
.mf-cap2 i{font-style:normal;background:var(--red);border-radius:8px;padding:4px 8px}
.mf-need{position:absolute;top:14px;inset-inline-end:14px;z-index:1;font:600 11.5px var(--body);color:#8A5A00;background:#FFF4DE;border:1px dashed #E2B65C;border-radius:8px;padding:3px 8px}
.mf-prog{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.12);z-index:1}.mf-prog u{display:block;height:100%;width:0;background:var(--red)}
.mf-tx .mf-n{font:900 72px/1 Inter;color:rgba(255,255,255,.1);display:block}
.mf-tx h3{font:800 clamp(24px,2.6vw,32px)/1.12 var(--display);margin-top:-18px}
.mf-tx p{color:rgba(255,255,255,.75);margin-top:12px;font-size:16px;max-width:460px}
.mf-stage.in .mf-tx>*{animation:sxIn .45s var(--ease) both}.mf-stage.in .mf-tx>*:nth-child(2){animation-delay:.05s}.mf-stage.in .mf-tx>*:nth-child(n+3){animation-delay:.1s}
.mf-nav{display:flex;gap:8px;margin-top:22px;align-items:center}
.mf-nav button{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.22);display:grid;place-items:center;font-weight:800;transition:border-color .2s,background .2s}
.mf-nav button:hover{border-color:#fff}
.mf-nav .mf-pp{width:auto;border-radius:99px;padding:0 16px;font:700 13px var(--display);margin-inline-start:6px}
/* capacity */
.mf-cap{padding-block:clamp(64px,8vw,104px);scroll-margin-top:60px}
.mf-lo{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;margin-top:clamp(20px,3vw,32px)}
.mf-big{background:var(--ink);color:#fff;border-radius:24px;padding:clamp(22px,3vw,32px);position:relative;overflow:hidden}
.mf-big::before{content:"";position:absolute;right:-80px;top:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(230,0,0,.35),transparent 65%)}
[dir=rtl] .mf-big::before{right:auto;left:-80px}
.mf-big>*{position:relative}
.mf-big small{font:700 12px Inter;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}
[lang=ar] .mf-big small{letter-spacing:0;font-family:Cairo,sans-serif;font-size:13px}
.mf-ct{font:900 clamp(48px,6vw,80px)/1 Inter;letter-spacing:-.04em;margin-top:12px;font-variant-numeric:tabular-nums}
.mf-since{margin-top:10px;font-size:14px;color:rgba(255,255,255,.7)}.mf-since b{color:#fff;font:900 16px Inter;font-variant-numeric:tabular-nums}
.mf-big p{color:rgba(255,255,255,.6);font-size:13.5px;margin-top:6px}
.mf-dials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}
.mf-dial{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 8px;text-align:center}
.mf-dial svg{width:min(96px,100%);height:auto}
.mf-dial .arc{animation:mfArc 1.6s var(--ease) both}
@keyframes mfArc{from{stroke-dasharray:0 264}}
.mf-dial b{display:block;font:900 22px Inter;margin-top:4px}.mf-dial span{font-size:12px;color:rgba(255,255,255,.65)}
.mf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:150px;gap:8px}
.mf-grid div{position:relative;border-radius:16px;overflow:hidden}
.mf-grid img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.mf-grid div:hover img{transform:scale(1.06)}
.mf-grid div::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(20,25,28,.85))}
.mf-grid b{position:absolute;inset-inline-start:12px;bottom:10px;z-index:1;color:#fff;font:800 13.5px var(--display)}
.mf-grid div.big{grid-column:span 2;grid-row:span 2}.mf-grid div.big b{font-size:19px}
.mf-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.mf-chips span{font:700 12.5px var(--display);border:1.5px solid var(--line);border-radius:99px;padding:6px 12px;color:var(--ink)}
/* visit band */
.mf-visit{padding:0 0 clamp(64px,8vw,104px)}
.mf-vb{position:relative;overflow:hidden;border-radius:28px;padding:clamp(28px,4vw,52px);display:grid;grid-template-columns:1.4fr auto;gap:28px;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(20,25,28,.92),rgba(20,25,28,.6)),url(mf/line.jpg) center/cover}
.mf-vb h2{font-size:clamp(26px,3vw,40px);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-top:12px}
.mf-vb p{font-size:16px;color:rgba(255,255,255,.78);margin-top:10px;max-width:560px}
.mf-vb-b{display:flex;flex-direction:column;gap:10px}
/* film player */
.mf-film{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:16px}
.mf-film-bg{position:absolute;inset:0;background:rgba(10,12,14,.86);backdrop-filter:blur(4px)}
.mf-film-box{position:relative;width:min(1100px,100%);aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.6);animation:sxIn .35s var(--ease)}
.mf-film-box video{width:100%;height:100%;display:block}
.mf-film-x{position:absolute;top:10px;right:10px;z-index:2;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink);font-size:22px;line-height:1}
@media (max-width:900px){
 .mf-hero{padding-top:calc(env(safe-area-inset-top,0px) + 112px)}
 .mf-stats{grid-template-columns:1fr 1fr}
 .mf-tabs{width:100%}.mf-tabs button{flex:1;justify-content:center;padding:9px 6px}
 .mf-cap1{margin-inline-start:0}
 .mf-belt{margin-inline:-16px;padding-inline:16px}
 .mf-belt ol{grid-template-columns:repeat(var(--n),92px)}
 .mf-stage{grid-template-columns:1fr;gap:14px}
 .mf-tx .mf-n{font-size:54px}.mf-tx h3{margin-top:-14px}
 .mf-lo{grid-template-columns:1fr}
 .mf-grid{grid-auto-rows:110px}
 .mf-vb{grid-template-columns:1fr}.mf-vb-b .btn{justify-content:center}
}
/* manufacturing: factory cards */
.mf-facs{padding-block:clamp(56px,7vw,88px) 0;scroll-margin-top:60px}
.mf-arr{display:flex;gap:6px}.mf-arr button{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font-weight:800;background:#fff;transition:border-color .2s}.mf-arr button:hover{border-color:var(--ink)}
.mf-fr{display:flex;gap:10px;margin-top:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px}
.mf-fr::-webkit-scrollbar{display:none}
.mf-fc{flex:0 0 237px;scroll-snap-align:start;background:#fff;border:1.5px solid var(--line);border-radius:18px;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s var(--ease)}
.mf-fc:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,25,28,.12)}
.mf-fc .tp{position:relative;height:74px;background:#0F1417;overflow:hidden}
.mf-fc .tp img.m{position:absolute;max-width:none;width:1160px;opacity:.5;filter:invert(1) brightness(1.4)}
[dir=rtl] .mf-fc .tp img.m{direction:ltr}
.mf-fc .tp i.d{position:absolute;left:116px;top:37px;width:10px;height:10px;margin:-5px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(230,0,0,.3)}
.mf-fc .tp .fl{position:absolute;inset-inline-start:12px;bottom:10px;width:34px;height:23px;border-radius:5px;object-fit:cover;box-shadow:0 0 0 2px #fff}
.mf-fc .tp .yr{position:absolute;inset-inline-end:10px;top:10px;font:800 11px Inter;color:#fff;background:rgba(255,255,255,.14);border-radius:7px;padding:3px 7px}
.mf-fc .in{padding:12px 13px 14px}
.mf-fc h4{font:800 15px/1.2 var(--display);color:var(--ink)}.mf-fc p.s{font-size:12px;color:var(--muted);margin-top:2px}
.mf-fc .ft{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:10px;border-radius:10px;padding:7px 10px;font:800 12px var(--display)}
.mf-fc .ft em{font-style:normal;font:600 10.5px var(--body);opacity:.75;text-align:end}
.mf-fc .ft.f{background:var(--ink);color:#fff}.mf-fc .ft.a{background:#FFF1E0;color:#8A4B00}.mf-fc .ft.r{background:#EAF3FF;color:#1E4E86}
.mf-fc .mt{display:flex;gap:4px;margin-top:8px}
.mf-fc .mt span{display:flex;gap:4px;align-items:center;font:700 11px var(--display);border-radius:99px;padding:3px 8px;background:var(--mist);color:#A3A8AB}
.mf-fc .mt span i{width:7px;height:7px;border-radius:50%;background:#C9CDD0}
.mf-fc .mt span.y{color:var(--ink)}.mf-fc .mt .y.e{background:#FDE7E7}.mf-fc .mt .y.e i{background:#E60000}.mf-fc .mt .y.w{background:#E5F0FA}.mf-fc .mt .y.w i{background:#2873B9}.mf-fc .mt .y.g{background:#FCF1DE}.mf-fc .mt .y.g i{background:#E09B1A}
.mf-fc .chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.mf-fc .chips span{display:flex;gap:4px;align-items:center;font:700 11px var(--display);border:1px solid var(--line);border-radius:7px;padding:3px 7px;color:var(--ink)}
.mf-fc .chips svg{width:13px;height:13px;color:var(--red)}
@media (max-width:900px){.mf-fr{margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}.mf-fc{flex-basis:220px}}

/* ===================== Projects page ===================== */
.pj-hero{position:relative;background:var(--ink);color:#fff;padding:calc(env(safe-area-inset-top,0px) + 150px) 0 56px;overflow:hidden}
.pj-map{position:absolute;right:-6%;top:6%;width:80%;max-width:none;opacity:.22;filter:invert(1) brightness(1.5)}
.pj-pins{position:absolute;right:-6%;top:6%;width:80%;aspect-ratio:1800/690}
.pj-pins i{position:absolute;width:10px;height:10px;margin:-5px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(230,0,0,.6);animation:pjPing 2.4s ease-out infinite}
@keyframes pjPing{0%{box-shadow:0 0 0 0 rgba(230,0,0,.6)}70%{box-shadow:0 0 0 14px rgba(230,0,0,0)}100%{box-shadow:0 0 0 0 rgba(230,0,0,0)}}
.pj-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,25,28,.95) 30%,rgba(20,25,28,.2));pointer-events:none}
[dir=rtl] .pj-hero::after{background:linear-gradient(270deg,rgba(20,25,28,.95) 30%,rgba(20,25,28,.2))}
.pj-hero .wrap{position:relative;z-index:1}
.pj-hero h1{font-size:clamp(38px,5.6vw,76px);font-weight:800;line-height:1.02;letter-spacing:-.04em;margin-top:18px;max-width:820px}
.pj-hero h1 em{font-style:normal;color:var(--red)}
.pj-hero p{font-size:clamp(16px,1.4vw,19px);color:rgba(255,255,255,.78);max-width:620px;margin-top:18px}
.pj-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:clamp(36px,5vw,60px);background:rgba(255,255,255,.14);border-radius:16px;overflow:hidden;max-width:900px}
.pj-stats div{background:rgba(20,25,28,.75);backdrop-filter:blur(6px);padding:16px 18px}
.pj-stats b{display:block;font:900 clamp(24px,2.6vw,34px)/1 Inter;letter-spacing:-.03em}
.pj-stats span{font-size:13px;color:rgba(255,255,255,.7)}
.pj-head h2{font-size:clamp(30px,3.6vw,46px);font-weight:800;line-height:1.08;letter-spacing:-.03em;margin-top:14px;color:var(--ink)}
.pj-head p{font-size:16px;color:var(--muted);margin-top:8px}
/* impact wall */
.pj-impact{padding-block:clamp(64px,8vw,104px);background:var(--mist)}
.pj-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:190px;grid-auto-flow:dense;gap:10px;margin-top:clamp(20px,3vw,32px)}
.pj-c{position:relative;border-radius:20px;overflow:hidden;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;text-align:start;color:#fff;background:var(--ink);opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease),box-shadow .25s}
.pj-c.in{opacity:1;transform:none}
.pj-c:hover{box-shadow:0 18px 38px rgba(20,25,28,.22)}
.pj-c>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.pj-c.ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,25,28,.05) 30%,rgba(20,25,28,.88))}
.pj-c:hover>img{transform:scale(1.06)}
.pj-c>*{position:relative;z-index:1}
.pj-c>small{position:absolute;top:14px;inset-inline-start:16px;display:flex;gap:6px;align-items:center;font:700 11.5px var(--display);background:rgba(255,255,255,.16);backdrop-filter:blur(6px);border-radius:99px;padding:4px 10px 4px 5px}
[dir=rtl] .pj-c>small{padding:4px 5px 4px 10px}
.pj-fl{width:18px;height:12px;border-radius:2px;object-fit:cover;flex:none}
.pj-ct{display:flex;flex-direction:column;gap:4px}
.pj-ct b{font:800 20px/1.15 var(--display)}
.pj-ct b.num{font:900 44px/1 Inter;letter-spacing:-.03em}
.pj-ct span{font-size:13px;color:rgba(255,255,255,.82);line-height:1.4}
.pj-c>em{position:absolute;top:14px;inset-inline-end:14px;font:700 12px var(--display);font-style:normal;opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .25s}
.pj-c:hover>em{opacity:1;transform:none}
.pj-c.big{grid-column:span 2;grid-row:span 2}.pj-c.big .pj-ct b{font-size:clamp(24px,2.4vw,32px)}
.pj-c.red{background:var(--red)}.pj-c.dk{background:var(--ink)}.pj-c.gas{background:#C9850F}
.pj-c.lt{background:#fff;color:var(--ink);border:1.5px solid var(--line)}.pj-c.lt .pj-ct span{color:var(--muted)}.pj-c.lt>small{background:var(--mist)}
/* stories */
.pj-story{background:var(--ink);color:#fff;padding-block:clamp(64px,8vw,104px)}
.pj-story .pj-head h2{color:#fff}.pj-story .eyebrow{color:#FF6B6B}
.pj-tabs{display:flex;gap:6px;margin-top:22px;overflow-x:auto;scrollbar-width:none}.pj-tabs::-webkit-scrollbar{display:none}
.pj-tabs button{flex:1 0 auto;border-radius:12px;border:1px solid rgba(255,255,255,.16);padding:9px 14px;font:700 13px var(--display);color:rgba(255,255,255,.7);transition:background .2s,border-color .2s}
.pj-tabs button:hover{border-color:rgba(255,255,255,.4)}
.pj-tabs button.on{border-color:var(--red);background:rgba(230,0,0,.16);color:#fff}
.pj-st{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;margin-top:18px}
.pj-sph{position:relative;border-radius:24px;overflow:hidden;min-height:460px}
.pj-sph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pj-st.in .pj-sph>img{animation:hsZoom 6s ease-out both}
.pj-sph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(20,25,28,.9))}
.pj-sph .lgb{position:absolute;top:16px;inset-inline-start:16px;z-index:1;background:#fff;border-radius:12px;padding:6px 10px}.pj-sph .lgb img{height:36px;width:auto;max-width:120px;object-fit:contain}
.pj-phc{position:absolute;top:16px;inset-inline-end:16px;z-index:1;font:600 11px var(--body);color:#8A5A00;background:#FFF4DE;border:1px dashed #E2B65C;border-radius:8px;padding:3px 8px}
.pj-sbig{position:absolute;inset-inline-start:20px;bottom:18px;z-index:1;display:flex;flex-direction:column;gap:2px}
.pj-sbig b{font:900 clamp(48px,5vw,72px)/1 Inter;letter-spacing:-.04em}.pj-sbig span{font-size:14px;color:rgba(255,255,255,.8)}
.pj-ty{display:inline-flex;gap:3px;align-items:center}.pj-ty i{width:8px;height:8px;border-radius:50%;display:block}
.pj-steps{display:flex;flex-direction:column;gap:8px}
.pj-step{border-radius:18px;padding:16px 18px;border:1px solid rgba(255,255,255,.14)}
.pj-step>span{font:700 11px Inter;letter-spacing:.1em;text-transform:uppercase;color:#FF6B6B}
[lang=ar] .pj-step>span{letter-spacing:0;font-family:Cairo,sans-serif;font-size:12.5px}
.pj-step b{display:block;font:800 clamp(17px,1.6vw,20px)/1.25 var(--display);margin-top:4px}
.pj-step p{font-size:14px;color:rgba(255,255,255,.72);margin-top:4px}
.pj-step.on{background:#fff;color:var(--ink);border-color:#fff}.pj-step.on p{color:var(--muted)}
.pj-step.res{border-color:rgba(230,0,0,.5);background:rgba(230,0,0,.1)}
.pj-ph4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}
.pj-ph4 div{border-radius:12px;background:var(--mist);padding:10px 6px;text-align:center}
.pj-st.in .pj-ph4 div{animation:sxIn .45s var(--ease) both}
.pj-ph4 div:nth-child(3){background:var(--red);color:#fff}.pj-ph4 div:nth-child(3) small{color:rgba(255,255,255,.85)}
.pj-ph4 b{display:block;font:900 18px Inter;margin:0}.pj-ph4 small{display:block;font-size:11px;color:var(--muted);line-height:1.3}
.pj-talk{display:inline-block;margin-top:10px;font:700 13.5px var(--display);color:#fff;border-bottom:1.5px solid var(--red)}
.pj-st.in .pj-steps>*{animation:sxIn .45s var(--ease) both}.pj-st.in .pj-steps>*:nth-child(2){animation-delay:.08s}.pj-st.in .pj-steps>*:nth-child(3){animation-delay:.16s}
/* list */
.pj-all{padding-block:clamp(64px,8vw,104px)}
.pj-tools{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap;align-items:center}
.pj-q{flex:1 1 320px;display:flex;gap:10px;align-items:center;border:1.5px solid var(--line);border-radius:14px;padding:0 14px;background:#fff;transition:border-color .2s}
.pj-q:focus-within{border-color:var(--ink)}
.pj-q svg{width:20px;height:20px;color:var(--muted);flex:none}
.pj-q input{flex:1;min-width:0;border:0;outline:0;background:none;height:46px;font:600 15.5px var(--display);color:var(--ink)}
.pj-f{display:flex;gap:6px;flex-wrap:wrap}
.pj-f button{display:flex;gap:6px;align-items:center;border:1.5px solid var(--line);border-radius:99px;padding:8px 13px;font:700 13.5px var(--display);transition:background .2s,border-color .2s}
.pj-f button i{width:9px;height:9px;border-radius:50%}.pj-f button em{font:700 11px Inter;font-style:normal;color:var(--muted);background:var(--mist);border-radius:99px;padding:1px 7px}
.pj-f button.on{background:var(--ink);border-color:var(--ink);color:#fff}.pj-f button.on em{background:var(--red);color:#fff}
#pjC{height:46px;border:1.5px solid var(--line);border-radius:14px;padding:0 12px;font:600 14px var(--display);background:#fff;color:var(--ink)}
.pj-res{margin-top:14px;font:800 14px var(--display);color:var(--ink)}
.pj-list{margin-top:8px;border-top:1.5px solid var(--line)}
.pj-row{border-bottom:1.5px solid var(--line)}
.pj-row.ping{animation:qxPing 1.6s var(--ease)}
.pj-rh{display:grid;grid-template-columns:72px minmax(0,1fr) auto 120px 28px;gap:16px;align-items:center;width:100%;text-align:start;padding:14px 4px}
.pj-rh:hover{background:var(--mist)}
.pj-lg{height:40px;display:grid;place-items:center}.pj-lg img{max-height:40px;max-width:72px;object-fit:contain}.pj-lg b{font:900 12px Inter;color:var(--muted)}
.pj-nm b{display:block;font:800 15.5px var(--display);color:var(--ink)}.pj-nm small{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--muted);margin-top:2px}
.pj-m{text-align:end}.pj-m b{display:block;font:900 20px Inter;color:var(--ink)}.pj-m small{font-size:11.5px;color:var(--muted)}
.pj-chev{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font-weight:800;transition:transform .25s}
.pj-row.open .pj-chev{transform:rotate(45deg);background:var(--ink);color:#fff;border-color:var(--ink)}
.pj-rb{display:none;padding:0 4px 18px calc(72px + 20px)}
[dir=rtl] .pj-rb{padding:0 calc(72px + 20px) 18px 4px}
.pj-row.open .pj-rb{display:block;animation:sxIn .3s var(--ease)}
.pj-r{font:700 15px var(--display);color:var(--ink)}
.pj-rb ul{margin:8px 0 0;padding-inline-start:18px;font-size:14px;color:var(--muted)}
.pj-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.pj-tags span{font:700 11.5px var(--display);background:var(--mist);border-radius:7px;padding:3px 8px}
.pj-tags span.v{background:#FDE7E7;color:var(--red)}
.pj-none{padding:24px 4px;color:var(--muted)}
.pj-note{margin-top:16px;font-size:13px;color:var(--muted)}
@media (max-width:900px){
 .pj-hero{padding-top:calc(env(safe-area-inset-top,0px) + 112px)}
 .pj-map,.pj-pins{width:170%;right:-60%;top:12%}
 .pj-stats{grid-template-columns:1fr 1fr}
 .pj-wall{grid-template-columns:1fr 1fr;grid-auto-rows:170px;gap:8px}
 .pj-c{padding:12px}.pj-ct b.num{font-size:32px}.pj-ct span{font-size:12px}.pj-ct b{font-size:16px}
 .pj-c>em{display:none}
 .pj-tabs{margin-inline:-16px;padding-inline:16px}
 .pj-st{grid-template-columns:1fr}.pj-sph{min-height:260px}
 .pj-rh{grid-template-columns:48px minmax(0,1fr) 70px 24px;gap:10px}.pj-rh .pj-ty{display:none}
 .pj-lg img{max-width:48px;max-height:30px}.pj-m b{font-size:16px}.pj-m small{display:none}
 .pj-rb{padding:0 4px 16px}[dir=rtl] .pj-rb{padding:0 4px 16px}
 #pjC{flex:1}
}
/* projects: story section, option C (white + stone) */
.pj-story{background:#fff;color:var(--ink)}
.pj-story .pj-head h2{color:var(--ink)}.pj-story .eyebrow{color:var(--red)}
.pj-tabs button{border:0;background:var(--mist);color:var(--ink)}
.pj-tabs button:hover{background:#E9E4DF}
.pj-tabs button.on{background:var(--red);color:#fff;border:0}
.pj-step{border:0}
.pj-step:nth-child(1){background:#EDE8E3;color:var(--ink)}.pj-step:nth-child(1)>span{color:var(--muted)}.pj-step:nth-child(1) p{color:var(--muted)}
.pj-step.on{background:var(--ink);color:#fff}.pj-step.on>span{color:#FF8A8A}.pj-step.on p{color:rgba(255,255,255,.72)}
.pj-step.on .pj-ph4 div{background:rgba(255,255,255,.08)}.pj-step.on .pj-ph4 small{color:rgba(255,255,255,.6)}
.pj-step.on .pj-ph4 div:nth-child(3){background:var(--red)}
.pj-step.res{background:var(--red);color:#fff;border:0}.pj-step.res>span{color:#fff;opacity:.85}.pj-step.res p{color:rgba(255,255,255,.88)}
.pj-step.res .pj-talk{border-bottom-color:#fff}
.pj-sbig{color:#fff}.pj-step.res .pj-talk{color:#fff!important}
/* projects hero: drifting client-logo columns */
.pj-hero{padding-bottom:90px;min-height:620px}
.pj-hero::after{background:linear-gradient(90deg,var(--ink) 34%,rgba(20,25,28,0) 68%),linear-gradient(180deg,rgba(20,25,28,.55),transparent 22%,transparent 80%,rgba(20,25,28,.75))}
[dir=rtl] .pj-hero::after{background:linear-gradient(270deg,var(--ink) 34%,rgba(20,25,28,0) 68%),linear-gradient(180deg,rgba(20,25,28,.55),transparent 22%,transparent 80%,rgba(20,25,28,.75))}
.pj-cols{position:absolute;inset-inline-end:-60px;top:-160px;bottom:-160px;width:60%;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;transform:rotate(-10deg);z-index:1}
[dir=rtl] .pj-cols{transform:rotate(10deg)}
.pj-col{overflow:visible;animation:pjUp 50s linear infinite}
.pj-col.dn{animation-name:pjDn}
.pj-cols.paused .pj-col{animation-play-state:paused}
.pj-col>div{display:flex;flex-direction:column;gap:12px;padding-bottom:12px}
@keyframes pjUp{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes pjDn{from{transform:translateY(-50%)}to{transform:translateY(0)}}
.pj-lg2{aspect-ratio:1.15;width:100%;background:#fff;border-radius:16px;display:grid;place-items:center;padding:14px;box-shadow:0 12px 26px rgba(0,0,0,.3);transition:transform .25s var(--ease),box-shadow .25s}
.pj-lg2 img{max-width:100%;max-height:56px;object-fit:contain}
.pj-lg2.on{transform:scale(1.06);box-shadow:0 0 0 3px var(--red),0 18px 36px rgba(230,0,0,.35)}
.pj-hero .wrap{z-index:3}
.pj-hero h1{max-width:640px}
.pj-btns{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}
.pj-tip{position:absolute;z-index:5;width:240px;background:#fff;color:var(--ink);border-radius:14px;padding:10px 12px;box-shadow:0 16px 36px rgba(0,0,0,.45);pointer-events:none;animation:sxIn .2s var(--ease)}
.pj-tip b{display:block;font:800 14px var(--display)}.pj-tip small{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--muted);margin-top:2px}
.pj-tip em{display:block;font:700 12px var(--display);font-style:normal;color:var(--red);margin-top:4px}
@media (prefers-reduced-motion:reduce){.pj-col{animation:none}}
@media (max-width:900px){
 .pj-hero{min-height:0;padding-bottom:300px}
 .pj-cols{top:auto;bottom:-120px;height:420px;width:150%;inset-inline-end:-25%;grid-template-columns:repeat(5,1fr);transform:rotate(-10deg)}
 .pj-hero::after{background:linear-gradient(180deg,var(--ink) 55%,rgba(20,25,28,.2) 80%)}
 [dir=rtl] .pj-hero::after{background:linear-gradient(180deg,var(--ink) 55%,rgba(20,25,28,.2) 80%)}
 .pj-lg2{padding:8px;border-radius:12px}.pj-lg2 img{max-height:34px}
}
.pj-hero::after{z-index:2}
.pj-cols{width:50%;inset-inline-end:-40px}
.pj-lg2 img{max-height:46px}
@media (max-width:900px){.pj-cols{overflow:hidden;width:160%;inset-inline-end:-30%;height:380px;bottom:-110px}.pj-hero::after{background:linear-gradient(180deg,var(--ink) 58%,rgba(20,25,28,.15) 78%,rgba(20,25,28,.6))!important}}
@media (min-width:901px){.pj-hero::after{background:linear-gradient(90deg,var(--ink) 36%,rgba(20,25,28,0) 66%),linear-gradient(180deg,var(--ink) 4%,rgba(20,25,28,.0) 24%,transparent 82%,rgba(20,25,28,.8))}
[dir=rtl] .pj-hero::after{background:linear-gradient(270deg,var(--ink) 36%,rgba(20,25,28,0) 66%),linear-gradient(180deg,var(--ink) 4%,rgba(20,25,28,.0) 24%,transparent 82%,rgba(20,25,28,.8))}}
.pj-hero .wrap{pointer-events:none}.pj-hero .wrap a,.pj-hero .wrap button{pointer-events:auto}
.pj-list.cut{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 110px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 110px),transparent)}
.pj-more{margin-top:-24px}.pj-res:empty{display:none}

/* ---------------- Contact page ---------------- */
.ct-hero{position:relative;background:var(--ink);color:#fff;padding:calc(env(safe-area-inset-top,0px) + 140px) 0 52px;overflow:hidden}
.ct-hero:after{content:"";position:absolute;inset-inline-end:-120px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(230,0,0,.35),rgba(230,0,0,0) 65%);pointer-events:none}
.ct-hero .wrap{position:relative;z-index:1}
.ct-hero h1{font-size:clamp(40px,5.4vw,68px);font-weight:800;line-height:1.02;letter-spacing:-.04em;margin-top:14px}
.ct-hero h1 em{font-style:normal;color:var(--red)}
.ct-hero p{font-size:17px;color:rgba(255,255,255,.75);margin-top:12px;max-width:560px}
.ct-body{background:var(--mist);padding:44px 0 90px}
.ct-cols{display:grid;grid-template-columns:5fr 7fr;gap:28px;align-items:start}
.ct-left{display:flex;flex-direction:column;gap:16px}
.ct-info{background:#fff;border:1px solid var(--line);border-radius:22px;padding:6px 22px}
.ct-ir{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line)}
.ct-ir:last-child{border-bottom:0}
.ct-ic{flex:0 0 42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--mist)}
.ct-ic svg{width:20px;height:20px;stroke:var(--red);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ct-ir small{display:block;font:700 11px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
html[lang="ar"] .ct-ir small{letter-spacing:0;font-size:12.5px}
.ct-ir b{display:block;font:700 16px var(--display);margin-top:3px;color:var(--ink)}
.ct-ir b.ct-mid{font-size:14.5px}
.ct-ir span{display:block;font-size:14px;color:var(--muted);margin-top:2px;line-height:1.5}
.ct-big{display:inline-block;font:700 18px var(--display);color:var(--ink);margin-top:3px}
.ct-big:hover,.ct-mails a:hover{color:var(--red)}
.ct-mails{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:4px}
.ct-mails li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.ct-mails li span{display:inline;margin:0;font-size:13px;min-width:132px}
.ct-mails a{font:700 14.5px var(--display);color:var(--ink);word-break:break-all}
.ct-soc{display:flex;gap:8px;margin-top:6px}
.ct-soc a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--ink);transition:background .2s}
.ct-soc a:hover{background:var(--red)}
.ct-soc svg{width:17px;height:17px;fill:#fff}
.ct-map{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#E9E5DF;aspect-ratio:16/10}
.ct-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ct-go{position:absolute;inset-inline-start:12px;bottom:12px;background:#fff;border-radius:99px;padding:9px 15px;font:700 13px var(--display);box-shadow:0 6px 18px rgba(0,0,0,.18);color:var(--ink)}
.ct-go b{color:var(--red)}
.ct-form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:0 18px 50px rgba(20,25,28,.08)}
.ct-form h2{font:800 26px var(--display);letter-spacing:-.02em}
.ct-s{font-size:14px;color:var(--muted);margin:4px 0 20px}
.ct-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ct-grid .full{grid-column:1/-1}
.ct-grid label>span{display:block;font:700 12.5px var(--display);color:var(--ink);margin-bottom:6px}
.ct-grid input,.ct-grid select,.ct-grid textarea{width:100%;height:48px;border:1.5px solid var(--line);border-radius:12px;background:#fff;padding:0 13px;font:500 15px var(--body);color:var(--ink);transition:border-color .2s,box-shadow .2s}
.ct-grid textarea{height:auto;min-height:130px;padding:12px 13px;resize:vertical}
.ct-grid select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235F6366' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:18px;background-position:right 12px center;padding-inline-end:38px}
html[dir="rtl"] .ct-grid select{background-position:left 12px center}
.ct-grid input:focus,.ct-grid select:focus,.ct-grid textarea:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 4px rgba(20,25,28,.08)}
.ct-grid .err{border-color:var(--red)!important;box-shadow:0 0 0 4px rgba(230,0,0,.1)}
.ct-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;flex-wrap:wrap}
.ct-ck{display:flex;gap:9px;align-items:center;font-size:13.5px;color:var(--muted);cursor:pointer}
.ct-ck input{width:18px;height:18px;accent-color:var(--red)}
.ct-ck a{color:var(--ink);text-decoration:underline}
.ct-ck.err{color:var(--red)}
.ct-form.sent h2,.ct-form.sent .ct-s,.ct-form.sent .ct-grid,.ct-form.sent .ct-row{display:none}
.ct-ok{text-align:center;padding:40px 10px}
.ct-okc{width:68px;height:68px;border-radius:50%;background:var(--red);display:grid;place-items:center;margin:0 auto 18px;animation:ctPop .45s var(--ease)}
.ct-okc svg{width:34px;height:34px;stroke:#fff;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ct-ok p{font:600 18px/1.5 var(--display);max-width:440px;margin:0 auto 20px;color:var(--ink)}
.ct-ok .btn-line{border-color:var(--ink);color:var(--ink)}
@keyframes ctPop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
@media (max-width:900px){.ct-cols{grid-template-columns:1fr}.ct-form{order:-1}}
@media (max-width:560px){.ct-grid{grid-template-columns:1fr}.ct-form{padding:22px 18px}.ct-row .btn{width:100%;justify-content:center}.ct-hero{padding-bottom:40px}}

.ct-map .ct-fb{position:absolute;inset:0;width:100%;height:100%}

/* Contact v2: photo hero (option C) + mobile hardening */
.ct-hero{background:var(--ink) url(fac-assembly.jpg) center 40%/cover no-repeat}
.ct-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,25,28,.94) 30%,rgba(20,25,28,.55)),linear-gradient(180deg,rgba(20,25,28,.75),rgba(20,25,28,0) 40%)}
.ct-hero:after{display:none}
.ct-body,.ct-hero{overflow-x:clip}
.ct-cols>*,.ct-grid>*,.ct-left>*{min-width:0}
.ct-grid input,.ct-grid select,.ct-grid textarea{max-width:100%;min-width:0}
.ct-map iframe{max-width:100%}
@media (max-width:900px){
  .ct-grid input,.ct-grid select,.ct-grid textarea{font-size:16px}
  .ct-hero{background-position:65% center}
  .ct-hero:before{background:linear-gradient(180deg,rgba(20,25,28,.85),rgba(20,25,28,.7))}
}
@media (max-width:560px){
  .ct-body{padding:20px 0 60px}
  .ct-cols{gap:16px}
  .ct-info{padding:4px 16px}
  .ct-ir{gap:12px;padding:14px 0}
  .ct-ic{flex-basis:38px;height:38px}
  .ct-mails li{display:block}
  .ct-mails li span{display:block;min-width:0}
  .ct-mails a{word-break:normal;overflow-wrap:anywhere}
  .ct-map{aspect-ratio:4/3;border-radius:18px}
  .ct-hero h1{font-size:44px}
  .ct-hero p{font-size:16px}
}
/* site-wide: never allow sideways page scroll on phones */
html,body{overflow-x:hidden;max-width:100%}
@supports (overflow:clip){html,body{overflow-x:clip}}
.nav{max-width:100%}

/* ================= Statistics style (chosen: Montserrat Black numbers, white stat cards with red top bar, white country cards) ================= */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/montserrat-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:900;font-display:swap;src:url(fonts/montserrat-latin-900-normal.woff2) format('woff2')}
:root{--num:'Montserrat','Inter','Cairo',Arial,sans-serif}
.tally-num,.bento b,.bento .big b,.bento.row .big b,.stat b,.hx-count b,.ab-stats b,.mf-stats b,.pj-stats b,.hx-year,.hs-yr,.sx-big,.qx-num,.mf-ct,.pj-sbig b,.pj-ct b.num,.mf-dial b,.hero-stats b,.sx-kp b{
  font-family:var(--num)!important;font-weight:900!important;letter-spacing:-.03em!important}
.tally-num{font-size:clamp(40px,7.4vw,104px)!important;letter-spacing:-.035em!important}
.bento b{font-size:clamp(36px,3.3vw,48px)}
.bento .big b,.bento.row .big b{font-size:clamp(56px,5.6vw,84px)}
.pj-ct b.num{font-size:40px}
/* stat cards: white, red top bar, uppercase labels */
.bento>div:not(.big){border-radius:16px}
.bento:not(.dark)>div:not(.big)::before{content:"";position:absolute;inset-inline:0;top:0;height:5px;background:var(--red)}
.bento:not(.dark)>div:not(.big)>span{text-transform:uppercase;font:700 11.5px/1.45 Inter,var(--body);letter-spacing:.09em;color:var(--slate)}
html[lang="ar"] .bento:not(.dark)>div:not(.big)>span{text-transform:none;letter-spacing:0;font:600 13.5px/1.5 Cairo,sans-serif}
/* footprint country cards: white */
.fdock button{background:#fff;color:var(--ink);border-color:#fff}
.fdock button small{color:var(--muted)}
.fdock button img{box-shadow:0 0 0 1px rgba(20,25,28,.12)}
.fdock button:hover{background:#fff;border-color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.35)}
.fdock button.on{background:#fff;border-color:var(--red);box-shadow:0 0 0 2px var(--red)}
.fdock button i{background:#E0A526}
.fdock button.frd i{background:var(--red)}

/* ================= Testimonials (home) ================= */
.tm{background:#fff;overflow:hidden}
.tm{--tmw:440px;--tmh:400px}
.tm-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:40px;align-items:center}
.tm-left h2{font-size:clamp(30px,3.4vw,44px);font-weight:800;line-height:1.06;letter-spacing:-.03em;margin:16px 0 14px;color:var(--ink)}
.tm-left h2 em{font-style:normal;color:var(--red)}
.tm-left p{color:var(--muted);font-size:16.5px}
.tm-cnt{font:900 46px/1 var(--num);letter-spacing:-.03em;margin:28px 0 12px;color:var(--ink);direction:ltr;text-align:start}
.tm-cnt small{font-size:18px;color:var(--muted)}
.tm-prog{height:4px;background:var(--line);border-radius:4px;max-width:220px;margin-bottom:18px;overflow:hidden}
.tm-prog i{display:block;height:100%;width:0;background:var(--red);border-radius:4px;transition:width .5s var(--ease)}
.tm-arw{display:flex;gap:8px}
.tm-arw button{width:50px;height:50px;border-radius:50%;border:1.5px solid var(--line);background:#fff;color:var(--ink);font:700 18px Inter;display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.tm-arw button:hover,.tm-arw button.on{background:var(--ink);border-color:var(--ink);color:#fff}
/* the cards bleed off the right edge of the page */
.tm-view{margin-inline-end:calc(-1 * max(var(--gut), (100vw - var(--wrap)) / 2 + var(--gut)));min-width:0}
.tm-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 2px 14px;outline:0;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.tm-track::-webkit-scrollbar{display:none}
.tm-track::after{content:"";flex:0 0 calc(100% - var(--tmw) - 16px)}
.tm-card{position:relative;flex:0 0 var(--tmw);height:var(--tmh);scroll-snap-align:start;border-radius:24px;padding:28px;display:flex;flex-direction:column;background:var(--mist);color:var(--ink);cursor:pointer;transition:background .45s var(--ease),color .45s var(--ease),box-shadow .45s}
.tm-card.on{background:var(--ink);color:#fff;box-shadow:0 22px 50px rgba(20,25,28,.22);cursor:default}
.tm-lg{align-self:flex-start;height:56px;min-width:56px;padding:8px 12px;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px rgba(20,25,28,.06)}
.tm-lg img{max-height:40px;max-width:130px;object-fit:contain}
.tm-qm{font:900 64px/.6 var(--num);color:var(--red);height:30px;margin-top:22px}
.tm-q{margin:12px 0 0;font:500 18px/1.6 var(--body);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.tm-card:not(.on) .tm-q{color:var(--text)}
.tm-who{margin-top:auto;padding-top:16px;border-top:1px solid rgba(20,25,28,.1)}
.tm-card.on .tm-who{border-color:rgba(255,255,255,.15)}
.tm-who b{display:block;font:800 16px var(--display)}
.tm-who span{display:block;font-size:13.5px;color:var(--muted);margin-top:2px}
.tm-card.on .tm-who span{color:rgba(255,255,255,.62)}
.tm-smp{position:absolute;top:16px;inset-inline-end:16px;font:800 10px Inter;letter-spacing:.12em;text-transform:uppercase;background:#FFF3CD;color:#8A6100;border-radius:99px;padding:3px 9px}
html[lang="ar"] .tm-smp{letter-spacing:0;font:700 11.5px Cairo,sans-serif}
html[lang="ar"] .tm-q{font-family:Cairo,sans-serif;font-size:17.5px;line-height:1.75}
@media (max-width:980px){
  .tm-grid{grid-template-columns:1fr;gap:26px}
  .tm-left{display:grid;grid-template-columns:1fr auto;column-gap:20px;align-items:end}
  .tm-left .eyebrow,.tm-left h2,.tm-left p{grid-column:1/-1}
  .tm-cnt{margin:18px 0 8px;font-size:36px}
  .tm-prog{grid-column:1;margin:0}
  .tm-arw{grid-column:2;grid-row:4 / span 2;align-self:end}
}
@media (max-width:560px){
  .tm{--tmw:calc(100vw - 2 * var(--gut) - 24px);--tmh:380px}
  .tm-card{padding:22px}
  .tm-q{font-size:16.5px;-webkit-line-clamp:6}
  .tm-arw button{width:44px;height:44px}
}
/* room for the active card's shadow inside the scroller */
.tm-track{padding:24px 2px 44px;margin:-24px 0 -44px}
.tm-card.on{box-shadow:0 28px 40px -18px rgba(20,25,28,.45)}
/* testimonials sit directly under the "Trusted by" logo strip */
.clients + .tm{padding-top:clamp(48px,5.5vw,76px)}
.clients:has(+ .tm){border-bottom:0;padding-bottom:20px}
.fdock button i{display:none!important}

/* link landing: sections reached by a link sit just under the floating menu bar */
html{scroll-padding-top:96px}
@media (max-width:760px){html{scroll-padding-top:86px}}
.qx-deck-sec,.qx-all,.qx-lab,.mf-line,.mf-cap,.mf-facs,#modules,#cases{scroll-margin-top:0}
.sx-tabs{scroll-margin-top:16px}

/* ---------- page loader (L4 coin) + page-change line ----------
   The coin only appears if a page takes longer than about half a second to load. */
.pl{position:fixed;inset:0;z-index:9999;background:#fff;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden}
html.pg-load .pl{visibility:visible;animation:plIn .3s .5s forwards}
.pl i{width:64px;height:84px;display:block;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"%3E%3Cpath fill="%23E60000" d="M80.58 11.19 L79.32 10.79 L76.79 10.32 L73.36 10.04 L70.54 10.04 L66.74 10.27 L63.32 10.76 L59.90 11.68 L57.66 12.53 L54.17 14.33 L52.46 15.53 L51.57 16.44 L51.20 17.34 L51.44 18.15 L52.31 19.20 L53.87 20.41 L55.43 21.26 L57.59 22.19 L62.95 24.14 L64.66 24.94 L66.00 25.76 L67.43 27.08 L68.23 28.27 L68.43 28.87 L68.45 29.46 L68.12 30.51 L67.41 31.40 L66.29 32.37 L63.54 33.89 L60.57 35.08 L57.81 36.01 L50.74 38.02 L46.50 39.42 L43.38 40.79 L40.48 42.46 L38.47 43.83 L36.90 45.06 L33.63 48.14 L32.26 49.70 L30.06 52.60 L28.77 54.69 L27.84 56.47 L26.39 60.04 L25.53 62.80 L25.04 65.03 L24.55 68.90 L24.63 74.33 L25.04 77.53 L25.90 81.10 L26.46 82.74 L27.62 85.42 L29.17 88.02 L31.08 90.55 L32.29 91.89 L35.19 94.33 L37.80 96.01 L39.73 97.01 L43.60 98.52 L48.07 99.62 L48.74 99.92 L55.43 99.93 L56.40 99.59 L60.12 98.99 L64.21 98.07 L69.64 96.30 L72.10 95.22 L75.82 93.34 L79.17 91.22 L82.59 88.64 L85.79 85.79 L89.24 81.92 L91.22 79.32 L93.93 75.07 L95.67 71.73 L97.11 68.23 L98.13 65.18 L99.44 60.04 L99.93 56.77 L100.30 52.01 L100.30 48.81 L99.88 44.12 L99.44 41.52 L98.58 37.72 L97.59 34.38 L95.15 28.50 L94.08 26.41 L91.37 22.10 L88.13 17.93 L85.79 15.40 L82.44 12.47 L81.32 11.61Z M64.73 2.60 L64.06 2.30 L60.19 1.37 L56.70 0.79 L55.73 0.45 L45.24 0.45 L44.20 0.79 L40.55 1.37 L38.47 1.87 L34.08 3.17 L31.25 4.26 L26.12 6.79 L20.83 10.20 L18.53 12.03 L16.15 14.14 L13.62 16.67 L11.50 19.12 L9.45 21.80 L6.82 25.89 L4.99 29.46 L3.26 33.48 L1.85 37.72 L0.93 41.59 L0.29 45.16 L0.00 45.98 L0.00 55.43 L0.32 56.47 L0.93 60.04 L1.87 64.06 L3.61 69.27 L5.08 72.54 L7.18 76.41 L9.09 79.24 L11.24 81.89 L11.60 81.94 L11.64 81.40 L10.38 75.89 L9.82 72.25 L9.60 67.34 L9.88 63.69 L10.73 59.38 L11.73 56.32 L13.04 53.35 L14.79 50.37 L17.22 47.10 L19.35 44.72 L22.62 41.79 L25.37 39.73 L27.98 38.06 L31.47 36.18 L34.75 34.65 L40.33 32.47 L43.38 31.11 L44.64 30.38 L45.54 29.69 L46.25 28.79 L46.62 28.05 L46.78 27.08 L46.54 26.12 L45.99 25.07 L44.94 23.93 L42.78 22.49 L37.05 19.92 L35.12 18.75 L34.31 18.08 L33.61 17.19 L33.33 16.37 L33.57 15.40 L34.30 14.21 L35.19 13.17 L36.38 12.10 L39.43 9.87 L42.04 8.41 L45.68 6.75 L50.82 4.99 L54.39 4.06 L57.37 3.57 L61.46 3.20 L64.43 3.07 L64.83 2.92Z"/%3E%3C/svg%3E') top center/64px 64px no-repeat;animation:plCoin 1.6s cubic-bezier(.5,0,.5,1) infinite;position:relative}
.pl i:after{content:"";position:absolute;left:9px;right:9px;bottom:0;height:8px;border-radius:50%;background:rgba(20,25,28,.12);animation:plShad 1.6s cubic-bezier(.5,0,.5,1) infinite}
@keyframes plIn{to{opacity:1}}
@keyframes plCoin{0%{background-position:center 0;transform:perspective(400px) rotateY(0)}60%,100%{transform:perspective(400px) rotateY(360deg)}}
@keyframes plShad{0%,60%,100%{transform:scaleX(1)}30%{transform:scaleX(.25)}}
.pbar{position:fixed;top:0;left:0;height:3px;width:0;background:#E60000;z-index:10000;box-shadow:0 0 10px rgba(230,0,0,.45);pointer-events:none;opacity:0}
html.pg-bar .pbar{opacity:1;animation:pbIn 6s cubic-bezier(.1,.7,.2,1) forwards}
html.pg-leave .pbar{opacity:1;animation:pbOut 3s cubic-bezier(.1,.8,.2,1) forwards}
@keyframes pbIn{from{width:35%}to{width:90%}}
@keyframes pbOut{from{width:0}to{width:70%}}
@media (prefers-reduced-motion:reduce){.pl i,.pl i:after{animation:none}}

/* =================== Navbar N1 · glass pill + light dropdowns (D1) + phone card (M1) =================== */
.nav-bar{gap:16px;padding-inline:20px 12px;border-radius:18px}
.menu{gap:3px;padding:5px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .35s,border-color .35s}
.nav.is-solid .menu{background:var(--mist);border-color:#E8EAEC;-webkit-backdrop-filter:none;backdrop-filter:none}
.menu-link{height:38px;padding-inline:15px;border-radius:999px;font-size:14px;opacity:.92;transition:background .2s,color .2s}
.menu-link:hover{background:rgba(255,255,255,.14)}
.nav.is-solid .menu-link:hover{background:rgba(20,25,28,.07)}
.menu-link.is-cur,.menu-link[aria-expanded="true"]{opacity:1;background:#fff!important;color:var(--ink)}
.nav.is-solid .menu-link.is-cur,.nav.is-solid .menu-link[aria-expanded="true"]{background:var(--ink)!important;color:#fff}
.nav-tools{gap:8px}
.tool{border-radius:999px;height:42px;padding-inline:13px}
.tool-lang .chev{width:12px;height:12px;opacity:.75;transition:transform .25s}
.tool-lang[aria-expanded="true"] .chev{transform:rotate(180deg)}
.tool-search{width:42px;padding:0;justify-content:center;border:1px solid rgba(255,255,255,.3)}
.nav.is-solid .tool-search{border-color:#E1E4E6}
.nav-cta{display:inline-flex;align-items:center;height:42px;padding-inline:18px;border-radius:12px;background:var(--red);color:#fff;font:700 14px var(--display);white-space:nowrap;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 20px rgba(230,0,0,.28)}
.nav-cta:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(230,0,0,.36)}
/* dropdowns */
.panel{top:calc(100% + 14px);border-radius:22px;border:0;box-shadow:0 24px 64px rgba(10,14,16,.22),0 0 0 1px rgba(20,25,28,.05);padding:10px}
.panel::before{content:"";position:absolute;top:-6px;inset-inline-start:var(--tip,40px);width:14px;height:14px;margin-inline-start:-7px;background:#fff;border-radius:3px;transform:rotate(45deg)}
.panel-about{width:390px}
.panel-lines{padding:16px;inset-inline:8px}
.panel-lang{width:220px}
.drop-item{flex-direction:row;align-items:center;gap:14px;padding:11px 12px;border-radius:14px}
.drop-item .di{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#FDECEC;color:var(--red);transition:background .2s,color .2s}
.drop-item .di svg{width:20px;height:20px}
.drop-item:hover .di{background:var(--red);color:#fff}
.drop-item > span{display:flex;flex-direction:column;gap:2px}
.drop-item strong{font-size:14.5px;font-weight:700}
.drop-item > span > span{font-size:12.5px;color:var(--muted);line-height:1.4}
.mega{gap:14px;grid-template-columns:minmax(0,3fr) minmax(0,1.05fr)}
.mega-cards{gap:10px}
.mcard{background:transparent;border-radius:16px;padding:8px;transition:background .2s}
.mcard:hover{transform:none;box-shadow:none;background:var(--mist)}
.mcard-media{aspect-ratio:auto;height:128px;border-radius:12px;background:var(--mist);display:grid;place-items:center;padding:12px}
.mcard:hover .mcard-media{background:#fff}
.mcard-media img{object-fit:contain;max-height:100%;width:auto;max-width:100%;height:auto;transition:transform .3s var(--ease)}
.mcard:hover .mcard-media img{transform:scale(1.05)}
.mcard-media.sw{background:var(--ink)}.mcard:hover .mcard-media.sw{background:var(--ink)}
.mcard-media .mini-dash{width:74%;padding:7px;gap:5px}.mcard-media .mini-dash .row i{height:12px}.mcard-media .mini-dash .bars{height:40px}
.mcard-body{padding:10px 4px 2px}
.mcard-body strong{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14.5px}
.mcard-body .arw{width:14px;height:14px;color:var(--red);transition:transform .25s var(--ease)}
.mcard:hover .arw{transform:translateX(3px)}[dir="rtl"] .mcard:hover .arw{transform:scaleX(-1) translateX(3px)}
.mega-azka{border-radius:16px;padding:18px}
.lang-item{border-radius:12px;padding:11px 14px;font-weight:600}
.lang-item[aria-current="true"]{background:var(--mist)}
/* burger = "Menu" pill */
.burger{gap:8px;background:#fff;color:var(--ink);font:700 13.5px var(--display);padding-inline:15px 13px;height:40px}
.burger svg{width:18px;height:18px}
.nav.is-solid .burger{background:var(--ink);color:#fff}
.burger .bg-x{display:none}.burger[aria-expanded="true"] .bg-x{display:inline}.burger[aria-expanded="true"] .bg-l{display:none}
/* phone menu: a card that drops from the bar, product tiles pinned on top */
.sheet{position:fixed;inset:0;z-index:55;padding:0;background:rgba(10,14,16,.45);overflow:hidden;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;color:var(--ink)}
.sheet.is-open{opacity:1;visibility:visible}
.sheet-card{position:absolute;top:calc(env(safe-area-inset-top,0px) + 86px);inset-inline:12px;max-width:560px;margin-inline:auto;max-height:calc(100dvh - env(safe-area-inset-top,0px) - 98px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border-radius:22px;padding:12px 10px 10px;box-shadow:0 24px 60px rgba(0,0,0,.3);transform:translateY(-10px) scale(.98);transform-origin:top center;transition:transform .3s var(--ease)}
.sheet.is-open .sheet-card{transform:none}
.sh-lbl{font:700 11px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--grey);padding:2px 6px 9px}
html[lang="ar"] .sh-lbl{letter-spacing:0;font-size:12.5px}
.sh-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.sh-tile{display:flex;flex-direction:column;gap:6px;padding:6px;border-radius:14px;background:var(--mist);font:700 12px var(--display);text-align:center}
.sh-tile .sh-im{height:54px;border-radius:10px;background:#fff;display:grid;place-items:center;padding:5px}
.sh-tile .sh-im img{max-width:100%;max-height:100%;object-fit:contain}
.sh-tile .sh-im.sw{background:var(--ink)}
.sh-tile .mini-dash{width:84%;padding:4px;gap:3px;box-shadow:none}.sh-tile .mini-dash .row{gap:3px}.sh-tile .mini-dash .row i{height:6px;border-radius:2px}.sh-tile .mini-dash .bars{height:18px;padding:0 2px;gap:2px}
.sh-tile:active{background:#E9EBED}
.sh-azka{display:flex;align-items:center;gap:10px;margin:8px 0 6px;padding:10px 12px;border-radius:14px;background:linear-gradient(160deg,#245A9C,#183F70);color:#fff;font:700 13px var(--display)}
.sh-azka b{margin-inline-start:auto;font-weight:700}
.sheet details{border:0}
.sheet summary,.sheet .sheet-link{display:flex;justify-content:space-between;align-items:center;padding:13px 12px;border:0;border-radius:12px;font:700 16px var(--display)}
.sheet summary svg,.sheet .sheet-link svg{width:15px;height:15px;opacity:.55}
.sheet details[open] summary{background:var(--mist)}
.sh-sub{display:flex;flex-direction:column;padding:4px 0 6px}
.sheet details .sh-sub a{padding:10px 22px;color:var(--muted);font-size:14.5px;font-weight:500}
[dir="rtl"] .sheet details .sh-sub a{padding:10px 22px}
.sh-bot{display:flex;gap:8px;align-items:center;padding:10px 2px 2px;margin-top:6px;border-top:1px solid #EEF0F2}
.sheet-langs{margin:0;gap:0;background:var(--mist);border-radius:12px;padding:3px}
.sheet-langs button{flex:none;height:38px;border:0;border-radius:10px;padding:0 14px;font:700 13px var(--display)}
.sheet-langs button[aria-current="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.sh-bot .nav-cta{flex:1;justify-content:center;height:44px}
/* breakpoints */
@media (min-width:1101px){.fab-talk{display:none!important}.sheet{display:none}}
@media (max-width:1240px) and (min-width:1101px){.menu-link{padding-inline:11px;font-size:13.5px}.nav-bar{gap:10px}.tool-lang #langCode{display:none}}
@media (max-width:1100px){
  .nav-bar{padding-inline:16px 8px}
  .nav-tools .tool-lang{display:inline-flex}.tool-lang .chev{display:none}
  .nav-tools .nav-cta{display:none}
  .burger{margin-inline-start:0}
  .nav-tools{margin-inline-start:auto}
}
@media (max-width:560px){.nav-bar{padding-inline:14px 8px}.sh-tile{font-size:11px}.sh-tile .sh-im{height:46px}}
.nav .burger:hover,.nav .burger[aria-expanded="true"]{background:#fff;color:var(--ink)}
.nav.is-solid .burger,.nav.is-solid .burger:hover,.nav.is-solid .burger[aria-expanded="true"]{background:var(--ink);color:#fff}
/* while a dropdown is open, only the open item is highlighted */
.nav.has-open .menu-link.is-cur:not([aria-expanded="true"]){background:transparent!important;color:inherit}
body.menu-open .fab-talk{display:none!important}

/* =================== Site search (S1 quick-search window) =================== */
.srch{position:fixed;inset:0;z-index:120}
.srch[hidden]{display:none}
.srch-shade{position:absolute;inset:0;background:rgba(10,14,16,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .18s}
.srch-box{position:absolute;left:50%;top:clamp(56px,11vh,110px);width:min(900px,calc(100% - 32px));transform:translate(-50%,-8px) scale(.985);opacity:0;transition:transform .2s var(--ease),opacity .18s;background:#fff;color:var(--ink);border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.4);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100dvh - 2*clamp(56px,11vh,110px) + 40px)}
[dir="rtl"] .srch-box{transform:translate(50%,-8px) scale(.985);left:auto;right:50%}
.srch.in .srch-shade{opacity:1}.srch.in .srch-box{opacity:1;transform:translate(-50%,0)}[dir="rtl"] .srch.in .srch-box{transform:translate(50%,0)}
.srch-in{display:flex;align-items:center;gap:12px;padding:14px 16px 14px 20px;border-bottom:1px solid #EEF0F2}
.srch-in>svg{width:22px;height:22px;color:#80868B;flex:none}
.srch-in input{flex:1;min-width:0;border:0;outline:0;background:none;font:500 19px var(--display);color:var(--ink);padding:6px 0}
.srch-in input::-webkit-search-cancel-button{display:none}
.srch-clear{font:600 12.5px var(--display);color:#6B7176;padding:6px 10px;border-radius:8px}.srch-clear:hover{background:var(--mist)}
.srch-esc{font:700 11.5px var(--display);color:#5B6166;border:1px solid #DFE2E5;border-bottom-width:2px;border-radius:7px;padding:3px 8px;background:#fff}
.srch-body{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:0;flex:1;overflow:hidden}
.srch.no-pv .srch-body,.srch-box:has(.srch-none) .srch-body{grid-template-columns:1fr}
.srch.no-pv .srch-pv{display:none}
.srch-list{overflow-y:auto;padding:4px 10px 12px;border-inline-end:1px solid #EEF0F2;max-height:min(520px,calc(100dvh - 260px));overscroll-behavior:contain}
.srch-g{font:700 10.5px var(--display);letter-spacing:.14em;text-transform:uppercase;color:#8A9095;margin:14px 10px 5px;display:flex;gap:6px;align-items:center}
.srch-g span{letter-spacing:0;background:var(--mist);border-radius:99px;padding:1px 7px;color:#6B7176}
html[lang="ar"] .srch-g{letter-spacing:0;font-size:12px}
.srch-row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;cursor:pointer}
.srch-row.act{background:var(--mist)}
.srch-ic{flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--mist);color:#555C61}
.srch-row.act .srch-ic{background:#fff}
.srch-ic svg{width:19px;height:19px}
.srch-ic.im{background:#fff;border:1px solid #ECEEF0;padding:3px;overflow:hidden}.srch-ic.im img{width:100%;height:100%;object-fit:contain}
.srch-t{flex:1;min-width:0}
.srch-t b{display:block;font:600 14px/1.35 var(--display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.srch-t small{display:block;font:500 12px/1.4 var(--display);color:#71777C;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}
.srch mark{background:#FDECEC;color:var(--red);border-radius:3px;padding:0 1px}
.srch-ent{font-style:normal;font:700 12px var(--display);color:#8A9095;background:#fff;border:1px solid #E3E6E8;border-radius:6px;padding:1px 7px;visibility:hidden}
.srch-row.act .srch-ent{visibility:visible}
.srch-vis{display:inline-block;font:700 10.5px var(--display);padding:1px 7px;border-radius:99px;background:#EEF2FF;color:#3949AB;margin-inline-start:4px}
.srch-vis.v-internal{background:#FDECEC;color:var(--red)}.srch-vis.v-restricted{background:#FFF4D6;color:#8A5A00}
.srch-chips{display:flex;flex-wrap:wrap;gap:6px;padding:2px 8px 4px}
.srch-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;background:var(--mist);font:600 13px var(--display);color:var(--ink);transition:background .15s}
.srch-chip:hover{background:#E6E9EB}.srch-chip svg{width:14px;height:14px;opacity:.5}
.srch-none{padding:34px 24px;text-align:center}.srch-none b{font:700 16px var(--display)}.srch-none p{color:var(--muted);font-size:14px;margin:6px auto 16px;max-width:380px}
.srch-pv{background:#FAFBFB;padding:18px;overflow-y:auto;max-height:min(520px,calc(100dvh - 260px))}
.srch-pv h4{margin:12px 0 4px;font:800 17px/1.3 var(--display)}
.srch-pv p{margin:0 0 10px;font:500 13px/1.55 var(--display);color:#61676C}
.srch-pv p.k{font-weight:600;color:#80868B;font-size:12px;margin-bottom:4px}
.srch-pim{height:170px;border-radius:14px;background:#fff;border:1px solid #ECEEF0;display:grid;place-items:center;padding:14px}
.srch-pim img{width:100%;height:100%;object-fit:contain}
.srch-pim.lg{height:90px;padding:18px}
.srch-big{height:120px;border-radius:14px;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;text-align:center;padding:12px}
.srch-big b{font:900 32px var(--display);letter-spacing:-.01em;font-family:Montserrat,var(--display)}
.srch-big span{font:600 12.5px var(--display);color:rgba(255,255,255,.7)}
.srch-big svg{width:34px;height:34px}
.srch-big.cert{background:linear-gradient(150deg,#fff,#F3F4F5);color:var(--ink);border:1px solid #ECEEF0}.srch-big.cert b{font-size:28px}
.srch-big.mod{background:linear-gradient(160deg,#245A9C,#183F70)}
.srch-big.doc,.srch-big.pg{background:#fff;color:var(--ink);border:1px solid #ECEEF0}.srch-big.doc span,.srch-big.pg span{color:#71777C}
.srch-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.srch-tags span{font:600 11.5px var(--display);background:#fff;border:1px solid #E3E6E8;border-radius:999px;padding:4px 9px}
.srch-bts{display:flex;gap:8px;margin-top:4px}
.srch-b{flex:1;font:700 13px var(--display);padding:11px 10px;border-radius:10px;background:#fff;color:var(--ink);border:1px solid #DFE2E5;transition:background .15s}
.srch-b:hover{background:var(--mist)}
.srch-b.dk{background:var(--ink);color:#fff;border-color:var(--ink)}.srch-b.dk:hover{background:#000}
.srch-ft{display:flex;gap:16px;align-items:center;padding:10px 18px;border-top:1px solid #EEF0F2;font:500 12px var(--display);color:#7A8085}
.srch-ft .r{margin-inline-start:auto}
.srch-ft kbd,.srch kbd{display:inline-block;font:700 11px var(--display);border:1px solid #DFE2E5;border-bottom-width:2px;border-radius:6px;padding:0 6px;color:#5B6166;background:#fff}
html.srch-on{overflow:hidden}
.srch-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;z-index:130;background:var(--ink);color:#fff;font:600 14px var(--display);padding:12px 18px;border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.3);transition:.25s}
.srch-toast.in{opacity:1;transform:translate(-50%,0)}
/* search field at the top of the phone menu */
.sh-search{display:flex;align-items:center;gap:10px;width:100%;height:46px;padding:0 14px;margin-bottom:12px;border-radius:999px;background:var(--mist);color:#80868B;font:500 15px var(--display);text-align:start}
.sh-search svg{width:18px;height:18px}
@media (max-width:900px){.srch-body{grid-template-columns:1fr}.srch-pv{display:none}.srch-ft .r{display:none}}
@media (max-width:760px){
  .srch-box,[dir="rtl"] .srch-box,.srch.in .srch-box,[dir="rtl"] .srch.in .srch-box{inset:0;left:0;right:0;top:0;width:100%;max-height:none;height:100dvh;border-radius:0;transform:none}
  .srch-box{transform:translateY(12px)!important}.srch.in .srch-box{transform:none!important}
  .srch-in{padding:calc(env(safe-area-inset-top,0px) + 10px) 12px 10px 16px}
  .srch-in input{font-size:17px}
  .srch-esc{border:0;font:700 14px var(--display);color:var(--red);padding:8px 4px;background:none}
  .srch-list{max-height:none;border:0;padding-bottom:30px}
  .srch-ft{display:none}
  .srch-ent{display:none}
}
@media (max-width:1100px){.nav-tools .tool-search{display:inline-flex;width:40px;height:40px}}
@media (max-width:380px){.nav-tools .tool-lang{padding-inline:8px}.nav-tools{gap:5px}.nav .logo,.nav .logo img{height:26px}}
@media (max-width:560px){.nav-bar{gap:8px}.nav-tools .tool-lang{padding-inline:9px;gap:5px}.burger{padding-inline:12px 10px;gap:6px}}
.srch-pim{position:relative;overflow:hidden;display:block}
.srch-pim img{position:absolute;inset:14px;width:calc(100% - 28px);height:calc(100% - 28px);object-fit:contain}
.srch-pim.lg img{inset:18px;width:calc(100% - 36px);height:calc(100% - 36px)}

/* =================== News & Resources (home section M1, menu "Latest", reader, gated form) =================== */
.nw{padding-block:clamp(64px,8vw,104px);background:var(--white)}
.nw-h{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;flex-wrap:wrap}
.nw-h h2{margin-top:12px}
.nw-smp{display:inline-block;font:800 10.5px var(--display);letter-spacing:.04em;color:#8A5A00;background:#FFF4D6;padding:3px 8px;border-radius:6px;vertical-align:middle;text-transform:uppercase}
.nw-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.nw-filt{display:flex;gap:6px;flex-wrap:wrap}
.nw-filt button{font:700 13px var(--display);padding:9px 14px;border-radius:999px;border:1.5px solid #DFE2E5;color:var(--ink);transition:background .2s,border-color .2s}
.nw-filt button:hover{border-color:var(--ink)}
.nw-filt button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.nw-all{display:inline-flex;gap:8px;align-items:center;font:700 13.5px var(--display);border:1.5px solid var(--ink);padding:9px 16px;border-radius:12px}
.nw-all svg,.nw-lk svg,.nw-go svg,.nl-a svg{width:14px;height:14px}
.nw-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:200px;gap:14px;grid-auto-flow:dense}
.nw-t{position:relative;border-radius:20px;overflow:hidden;padding:18px;display:flex;flex-direction:column;align-items:flex-start;background:var(--mist);cursor:pointer;transition:transform .3s var(--ease),box-shadow .3s;outline-offset:3px;animation:nwIn .45s var(--ease) both}
.nw-t:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(20,25,28,.14)}
@keyframes nwIn{from{opacity:0;transform:translateY(10px)}}
.nw-t.big2{grid-column:span 2;grid-row:span 2}.nw-t.wide{grid-column:span 2}.nw-t.tall{grid-row:span 2}
.nw-t h3{font:800 24px/1.2 var(--display);margin:8px 0 6px;letter-spacing:-.01em}
.nw-t h4{font:700 16px/1.3 var(--display);margin:8px 0 4px}
.nw-t p{margin:0;font:500 13.5px/1.5 var(--display)}
.nw-bt{margin-top:auto;position:relative;z-index:2}
.nw-pho{color:#fff;background:#0b0f11}
.nw-pho img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78;transition:transform .6s var(--ease)}
.nw-pho:hover img{transform:scale(1.04)}
.nw-pho::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,0) 62%)}
.nw-pho .nw-chip{position:relative;z-index:2}
.nw-pho p{color:rgba(255,255,255,.82);max-width:560px}
.nw-dt{font:600 12.5px var(--display);opacity:.75}
.nw-lk{display:inline-flex;gap:6px;align-items:center;font:700 13.5px var(--display);margin-top:12px}
.nw-chip{display:inline-flex;align-items:center;gap:6px;font:700 10.5px var(--display);letter-spacing:.07em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:#fff;color:var(--ink)}
html[lang="ar"] .nw-chip{letter-spacing:0;font-size:12px}
.nw-chip svg{width:12px;height:12px}
.nw-c-news,.nw-c-community{background:#FDECEC;color:var(--red)}.nw-c-project,.nw-c-case{background:#FFF4D6;color:#8A5A00}.nw-c-video{background:var(--ink);color:#fff}.nw-c-download{background:#EEF7EE;color:#2E7D32}
.nw-play{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:3;width:58px;height:58px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .25s var(--ease)}
.nw-play svg{width:22px;height:22px;margin-inline-start:3px}
.nw-t:hover .nw-play{transform:translate(-50%,-50%) scale(1.08)}
.nw-case{background:var(--ink);color:#fff}
.nw-num{display:block;font:900 54px/1 Montserrat,var(--display);letter-spacing:-.02em;color:var(--red)}
.nw-linkedin{background:#fff;border:1px solid #ECEEF0}
.nw-liico{position:absolute;inset-inline-end:16px;top:16px;width:26px;height:26px;border-radius:6px;background:#0A66C2;color:#fff;display:grid;place-items:center}.nw-liico svg{width:15px;height:15px}
.nw-liav{display:flex;gap:10px;align-items:center}
.nw-liav i{width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #ECEEF0;overflow:hidden;display:grid;place-items:center}
.nw-liav i svg{width:24px;height:24px}
[dir="rtl"] .nw-num{text-align:right}
.nw-liav b{display:block;font:700 13px var(--display)}.nw-liav small{font:500 11.5px var(--display);color:#80868B}
.nw-linkedin p{margin-top:12px;color:#3b4247}
.nw-linkedin .nw-lk{margin-top:auto;color:#0A66C2}
/* red countdown card */
.nw-ev{background:var(--red);color:#fff;cursor:default;padding:22px}
.nw-ev::after{content:"";position:absolute;inset-inline-end:-70px;bottom:-70px;width:230px;height:230px;border:30px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none}
.nw-ev[data-dl]{cursor:pointer}
.nw-evl{font:800 12px var(--display);letter-spacing:.14em;text-transform:uppercase}
html[lang="ar"] .nw-evl{letter-spacing:0;font-size:14px}
.nw-evd{display:flex;align-items:baseline;gap:6px;margin-top:10px}
.nw-evd b{font:900 68px/1 Montserrat,var(--display)}.nw-evd span{font:800 16px var(--display);letter-spacing:.1em}
.nw-ev h3{font-size:21px;margin-top:12px}.nw-ev p{color:rgba(255,255,255,.88);font-size:13px}
.nw-cd{display:flex;gap:8px;margin-top:auto;padding-top:14px;position:relative;z-index:1}
.nw-cd div{background:rgba(0,0,0,.18);border-radius:10px;padding:7px 10px;text-align:center;min-width:52px}
.nw-cd b{display:block;font:900 21px Montserrat,var(--display)}.nw-cd small{font:600 10.5px var(--display);opacity:.85}
.nw-evb{position:relative;z-index:1;margin-top:12px;width:100%;background:#fff;color:var(--red);font:700 13.5px var(--display);padding:11px;border-radius:11px;text-align:center;transition:transform .2s}
.nw-evb:hover{transform:translateY(-1px)}
.nw-ev[data-dl] .nw-evb{margin-top:auto}
/* download tile */
.nw-dlt{background:var(--mist)}
.nw-dlt p{color:#61676C}
.nw-cover{position:absolute;inset-inline-end:16px;bottom:-26px;width:96px;height:128px;background:#fff;border-radius:6px;box-shadow:0 10px 24px rgba(0,0,0,.18);padding:11px 9px;display:flex;flex-direction:column;gap:6px;transform:rotate(-5deg);transition:transform .3s var(--ease)}
.nw-dlt:hover .nw-cover{transform:rotate(-2deg) translateY(-6px)}
.nw-cover i{height:5px;width:40%;background:var(--red);border-radius:3px}.nw-cover b{font:800 10px/1.2 var(--display);color:var(--ink)}.nw-cover span{flex:1;border-radius:4px;background:url(lineup-warm.jpg) center/cover}
.nw-free,.nw-gate{display:inline-flex;align-items:center;gap:5px;font:700 10.5px var(--display);letter-spacing:.03em;padding:3px 8px;border-radius:6px}
.nw-free{color:#2E7D32;background:#EEF7EE}.nw-gate{color:#8A5A00;background:#FFF4D6}
.nw-gate svg{width:11px;height:11px}
.nw-dlt .nw-free,.nw-dlt .nw-gate{margin-top:8px}
.nw-none{grid-column:1/-1;color:var(--muted);padding:30px 0}
.nw-f-events{grid-template-columns:minmax(0,340px)}
/* resources strip */
.nw-res{margin-top:14px;border-radius:22px;background:var(--ink);color:#fff;padding:18px 20px;display:grid;grid-template-columns:200px repeat(4,minmax(0,1fr));gap:12px}
.nw-rh b{display:block;font:800 18px var(--display);margin:4px 0 6px}.nw-rh span{font:500 13px/1.5 var(--display);color:rgba(255,255,255,.65)}
.nw-rt{background:#1F262A;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:start;color:#fff;transition:background .2s,transform .2s}
.nw-rt:hover{background:#273036;transform:translateY(-2px)}
.nw-rt i{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.08);display:grid;place-items:center}.nw-rt i svg{width:19px;height:19px}
.nw-rt b{font:700 14px/1.3 var(--display)}.nw-rt small{font:500 12px var(--display);color:rgba(255,255,255,.55)}
.nw-rt .nw-free{color:#8FE3A0;background:rgba(143,227,160,.12)}.nw-rt .nw-gate{color:#FFD27A;background:rgba(255,210,122,.12)}
.nw-go{margin-top:auto;font:700 12.5px var(--display);color:#FF6B6B;display:inline-flex;gap:6px;align-items:center}
.nw-leg{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;font:500 12.5px var(--display);color:#61676C}
.nw-leg>span{display:inline-flex;gap:8px;align-items:center}
/* modal: reader, video, gated form */
.nw-mod{position:fixed;inset:0;z-index:125}
.nw-mod[hidden]{display:none}
.nw-shade{position:absolute;inset:0;background:rgba(10,14,16,.6);opacity:0;transition:opacity .2s}
.nw-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-46%);opacity:0;transition:.22s var(--ease);background:#fff;color:var(--ink);border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.45);max-height:calc(100dvh - 40px);overflow:auto;width:min(860px,calc(100% - 32px))}
.nw-mod.in .nw-shade{opacity:1}.nw-mod.in .nw-box{opacity:1;transform:translate(-50%,-50%)}
html.nw-on{overflow:hidden}
.nw-x{position:absolute;inset-inline-end:12px;top:12px;z-index:3;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.92);font:400 24px/1 var(--display);box-shadow:0 4px 14px rgba(0,0,0,.15)}
.nw-rdi{height:300px;background:#000}.nw-rdi img{width:100%;height:100%;object-fit:cover}
.nw-rdb{padding:24px 30px 30px}
.nw-rdb h2{font:800 30px/1.15 var(--display);margin:12px 0 10px;letter-spacing:-.01em}
.nw-rdb p{font:400 16px/1.7 var(--display);color:#3b4247;margin:0 0 12px}
.nw-rdb .nw-lead{font-weight:600;color:var(--ink)}
.nw-rdb .nw-dt{color:#80868B;opacity:1}
.nw-rdb .btn{margin-top:8px}
.nw-more{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.nw-more button{display:flex;flex-direction:column;gap:8px;text-align:start;font:700 13px/1.35 var(--display);color:var(--ink)}
.nw-more img{width:100%;height:90px;object-fit:cover;border-radius:10px}
.nw-mod.vd .nw-box{width:min(1000px,calc(100% - 32px));background:#000;color:#fff}
.nw-vid video{display:block;width:100%;max-height:72vh;background:#000}.nw-vid b{display:block;padding:12px 18px;font:700 15px var(--display)}
.nw-mod.gf .nw-box{width:min(420px,calc(100% - 32px))}
.nw-gf{padding:26px 24px 24px;display:flex;flex-direction:column;gap:10px}
.nw-gf h3{font:800 20px/1.25 var(--display);margin:6px 0 0}.nw-gf>p{margin:0 0 4px;font:500 13.5px/1.5 var(--display);color:#61676C}
.nw-gf .nw-gate{align-self:flex-start}
.nw-gf label{display:flex;flex-direction:column;gap:5px;font:600 12.5px var(--display)}
.nw-gf input:not([type=checkbox]){height:44px;border:1.5px solid #DFE2E5;border-radius:11px;padding:0 12px;font:500 16px var(--display);color:var(--ink);background:#fff}
.nw-gf input:focus{outline:2px solid var(--ink);outline-offset:1px}
.nw-gf input.err{border-color:var(--red)}
.nw-gf .nw-ck{flex-direction:row;align-items:flex-start;gap:9px;font-weight:500;color:#4b5156;line-height:1.45}.nw-gf .nw-ck input{margin-top:3px;width:16px;height:16px;accent-color:var(--red)}
.nw-gf .nw-ck.err{color:var(--red)}
.nw-err{margin:0;color:var(--red);font:600 12.5px var(--display)}
.nw-gf .btn{justify-content:center;margin-top:6px}
/* About Us menu: News & Resources item + "Latest" panel */
.panel-about.has-latest{width:660px;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:10px}
.drop-item.di-news .di{background:var(--ink);color:#fff}
.drop-item.di-news{background:var(--mist)}
.nw-dot{display:none;width:7px;height:7px;border-radius:50%;background:var(--red);margin-inline-start:6px;vertical-align:2px}
html.nw-new .nw-dot{display:inline-block}
.nav-latest{background:var(--mist);border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:2px}
.nl-h{font:700 10.5px var(--display);letter-spacing:.14em;text-transform:uppercase;color:#8A9095;margin:4px 4px 6px}
html[lang="ar"] .nl-h{letter-spacing:0;font-size:12px}
.nl-c{display:block;border-radius:12px;padding:4px;transition:background .2s}.nl-c:hover{background:#fff}
.nl-c img{width:100%;height:96px;object-fit:cover;border-radius:10px;display:block}
.nl-c b{display:block;font:700 13.5px/1.3 var(--display);margin:7px 2px 2px}.nl-c small{font:500 11.5px var(--display);color:#80868B;margin-inline-start:2px}
.nl-r{display:flex;gap:8px;align-items:center;font:600 12.5px/1.35 var(--display);padding:9px 6px;border-top:1px solid #E3E6E8}
.nl-r:hover{color:var(--red)}.nl-r svg{width:15px;height:15px;flex:none;opacity:.6}
.nl-a{margin-top:auto;display:inline-flex;gap:6px;align-items:center;font:700 12.5px var(--display);color:var(--red);padding:8px 6px 4px}
.sh-sub a.sh-news{color:var(--ink)!important;font-weight:700!important;background:var(--mist);border-radius:10px;margin:2px 12px 0}
@media (max-width:1100px){.nw-wall{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:190px}.nw-t.big2{grid-row:span 2}.nw-t.tall{grid-row:span 2}
  .nw-res{grid-template-columns:repeat(2,minmax(0,1fr))}.nw-rh{grid-column:1/-1}}
@media (max-width:620px){
  .nw-wall{grid-template-columns:1fr;grid-auto-rows:auto}
  .nw-t{min-height:180px}.nw-t.big2,.nw-t.wide{grid-column:auto}.nw-t.big2{grid-row:auto;min-height:380px}.nw-t.tall{grid-row:auto;min-height:0}
  .nw-ev .nw-cd{margin-top:16px}
  .nw-res{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--gut) * -1);border-radius:0;padding:18px var(--gut);scrollbar-width:none}
  .nw-res::-webkit-scrollbar{display:none}
  .nw-rh{flex:0 0 190px}.nw-rt{flex:0 0 200px;scroll-snap-align:start}
  .nw-t h3{font-size:21px}
  .nw-rdi{height:200px}.nw-rdb{padding:20px}.nw-rdb h2{font-size:24px}.nw-more{grid-template-columns:1fr 1fr}
  .nw-h{align-items:flex-start}.nw-filt{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);max-width:100vw}
  .nw-filt button{flex:none}
}

/* =================== News & Resources page (G1 newsroom + sidebar) =================== */
.np-hero{position:relative;background:var(--ink);color:#fff;padding:calc(env(safe-area-inset-top,0px) + 140px) 0 48px;overflow:hidden}
.np-hero::after{content:"";position:absolute;inset-inline-end:-120px;top:-80px;width:420px;height:420px;border:60px solid rgba(230,0,0,.18);border-radius:50%}
.np-hero h1{font-size:clamp(40px,5.4vw,68px);font-weight:800;line-height:1.02;letter-spacing:-.04em;margin-top:14px}
.np-hero h1 em{font-style:normal;color:var(--red)}
.np-hero p{font-size:17px;color:rgba(255,255,255,.75);margin-top:12px;max-width:560px}
.np-bar{position:sticky;top:calc(env(safe-area-inset-top,0px) + 92px);z-index:20;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #ECEEF0}
.np-bar .wrap{display:flex;gap:10px;align-items:center;padding-block:14px;flex-wrap:wrap}
.np-types{margin-inline-end:auto}
.np-q{display:flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:999px;background:var(--mist);min-width:260px}
.np-q svg{width:16px;height:16px;color:#80868B;flex:none}
.np-q input{border:0;background:none;outline:0;font:500 14px var(--display);color:var(--ink);width:100%}
.np-bar select{height:42px;border-radius:12px;border:1.5px solid #DFE2E5;padding:0 12px;font:600 13px var(--display);background:#fff;color:var(--ink)}
.np-body{padding-block:32px 80px;background:#fff}
.np-g{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px;align-items:start}
.np-feat{display:grid;grid-template-columns:1.4fr 1fr;border-radius:22px;overflow:hidden;background:var(--mist);margin-bottom:24px;cursor:pointer;transition:box-shadow .3s}
.np-feat:hover{box-shadow:0 18px 40px rgba(20,25,28,.12)}
.np-fi{min-height:320px;overflow:hidden}.np-fi img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.np-feat:hover .np-fi img{transform:scale(1.04)}
.np-ft{padding:28px;display:flex;flex-direction:column;align-items:flex-start}
.np-ft h2{font:800 28px/1.15 var(--display);margin:12px 0 10px;letter-spacing:-.01em}
.np-ft p{font:500 15px/1.55 var(--display);color:#4b5156;margin:0 0 16px}
.np-read{margin-top:auto;display:inline-flex;gap:8px;align-items:center;font:700 14px var(--display);border:1.5px solid var(--ink);border-radius:12px;padding:10px 16px}
.np-read svg,.np-go svg,.np-all svg{width:14px;height:14px}
.np-dt{font:600 12.5px var(--display);color:#80868B}
.np-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.np-card,.np-dl{border-radius:18px;overflow:hidden;border:1px solid #ECEEF0;background:#fff;cursor:pointer;transition:transform .3s var(--ease),box-shadow .3s;outline-offset:3px}
.np-card:hover,.np-dl:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(20,25,28,.1)}
.np-im{height:160px;position:relative;overflow:hidden;background:#0b0f11}
.np-im img{width:100%;height:100%;object-fit:cover}
.np-im .nw-chip{position:absolute;inset-inline-start:10px;top:10px;z-index:2}
.np-im.dk{display:grid;place-items:center;background:var(--ink)}
.np-num{font:900 52px Montserrat,var(--display);color:var(--red)}
.np-im .nw-play{width:48px;height:48px;top:50%}
.np-cb{padding:13px 15px 17px}
.np-cb h3{font:700 15.5px/1.32 var(--display);margin:6px 0 5px}
.np-cb p{margin:0;font:500 13px/1.5 var(--display);color:#61676C}
.np-go{display:inline-flex;gap:6px;align-items:center;font:700 13px var(--display);color:var(--red);margin-top:6px}
.np-dli{height:160px;position:relative;overflow:hidden;background:linear-gradient(150deg,#F3F4F5,#E6E9EB)}
.np-dli img{width:100%;height:100%;object-fit:cover;opacity:.8}
.np-dli .nw-cover{inset-inline-end:auto;inset-inline-start:50%;margin-inline-start:-48px;bottom:-20px}
[dir="rtl"] .np-dli .nw-cover{margin-inline-start:0;margin-inline-end:-48px}
.np-dli .nw-play{top:50%}
.np-more{display:flex;justify-content:center;margin-top:26px}
.np-more button{font:700 14px var(--display);border:1.5px solid var(--ink);border-radius:12px;padding:12px 22px}
.np-res{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font:600 14px var(--display);color:#61676C}
.np-res button{font:700 13px var(--display);color:var(--red)}
.np-none{padding:40px 0;color:var(--muted);text-align:center}
.np-ev{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px;border:1px solid #ECEEF0;border-radius:20px;margin-bottom:12px}
.np-ev.first{border-color:var(--red);box-shadow:0 0 0 3px rgba(230,0,0,.08)}
.np-evd{width:96px;height:104px;border-radius:16px;background:var(--mist);display:flex;flex-direction:column;align-items:center;justify-content:center}
.np-ev.first .np-evd{background:var(--red);color:#fff}
.np-evd b{font:900 38px/1 Montserrat,var(--display)}.np-evd span{font:800 13px var(--display);text-transform:uppercase;margin-top:3px}.np-evd small{font:600 11px var(--display);opacity:.7}
.np-evt h3{font:800 19px/1.25 var(--display);margin:0 0 4px}.np-evt p{margin:0 0 3px;font:500 13.5px/1.5 var(--display);color:#61676C}
.np-evt .nw-cd{padding-top:10px;margin-top:4px}
.np-evt .nw-cd div{background:var(--mist);color:var(--ink)}
.np-evb{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.np-ics{display:inline-flex;gap:6px;align-items:center;justify-content:center;font:700 13px var(--display);padding:10px 14px;border-radius:11px;border:1.5px solid #DFE2E5}
.np-ics svg{width:14px;height:14px}
.np-side{position:sticky;top:calc(env(safe-area-inset-top,0px) + 172px);display:flex;flex-direction:column;gap:14px}
.np-sbox{border-radius:20px;background:var(--mist);padding:16px}
.np-sbox h5{font:700 11px var(--display);letter-spacing:.14em;text-transform:uppercase;color:#8A9095;margin:0 0 8px}
html[lang="ar"] .np-sbox h5{letter-spacing:0;font-size:12.5px}
.np-next{background:var(--red);color:#fff;position:relative;overflow:hidden;padding:20px}
.np-next h3{font:800 18px/1.25 var(--display);margin:8px 0 4px}.np-next p{margin:0;font:500 13px var(--display);color:rgba(255,255,255,.85)}
.np-next .nw-evd b{font-size:48px}
.np-er,.np-dr{display:flex;gap:12px;align-items:center;width:100%;padding:9px 0;border-top:1px solid #E3E6E8;text-align:start;color:var(--ink)}
.np-sbox h5+.np-er,.np-sbox h5+.np-dr{border-top:0}
.np-db{width:48px;height:52px;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none}
.np-db b{font:900 19px/1 Montserrat,var(--display)}.np-db small{font:700 10px var(--display);color:var(--red);text-transform:uppercase}
.np-er span b{display:block;font:700 13.5px/1.3 var(--display)}.np-er span small,.np-dr small{display:block;font:500 12px var(--display);color:#80868B}
.np-dr{font:600 13.5px/1.3 var(--display)}
.np-dr i{width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center;flex:none}.np-dr i svg{width:17px;height:17px}
.np-er:hover b,.np-dr:hover{color:var(--red)}
.np-all{display:inline-flex;gap:6px;align-items:center;font:700 13px var(--display);color:var(--red);margin-top:8px}
.np-li{background:#0A66C2;color:#fff}.np-li b{font:800 15.5px var(--display)}.np-li p{margin:6px 0 12px;font:500 13px/1.45 var(--display);opacity:.85}
.np-li button{display:inline-flex;gap:7px;align-items:center;background:#fff;color:#0A66C2;font:700 13px var(--display);padding:8px 14px;border-radius:999px}.np-li svg{width:14px;height:14px}
@media (max-width:1100px){.np-g{grid-template-columns:1fr}.np-side{position:static;display:grid;grid-template-columns:1fr 1fr}.np-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.np-bar{top:calc(env(safe-area-inset-top,0px) + 80px)}}
@media (max-width:760px){
  .np-bar .wrap{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.np-bar .wrap::-webkit-scrollbar{display:none}
  .np-types{flex-wrap:nowrap;margin:0}.np-types button{flex:none}
  .np-q{min-width:200px;flex:none}.np-bar select{flex:none}
  .np-feat{grid-template-columns:1fr}.np-fi{min-height:220px;height:220px}.np-ft{padding:20px}.np-ft h2{font-size:22px}
  .np-grid{grid-template-columns:1fr}
  .np-ev{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:16px}.np-evd{width:72px;height:80px}.np-evd b{font-size:28px}.np-evb{grid-column:1/-1;flex-direction:row}.np-evb>*{flex:1}
  .np-side{grid-template-columns:1fr}
}

.np-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.np-ft h2{font-size:26px}
.np-bar .nw-filt{margin:0;padding:0;max-width:none;overflow:visible}
@media (max-width:760px){.np-feat{grid-template-columns:minmax(0,1fr)}.np-ft h2{font-size:21px;overflow-wrap:anywhere}}

/* home News & Resources: featured story + next event, resources strip underneath */
.nw-wall.nw-top{grid-template-columns:minmax(0,1fr) 340px;grid-auto-rows:auto;align-items:stretch}
.nw-top .np-feat{margin:0}
.nw-top .np-next{display:flex;flex-direction:column}
.nw-top .np-next .nw-cd{margin-top:auto}
@media (max-width:1100px){.nw-wall.nw-top{grid-template-columns:1fr}}
@media (max-width:760px){.nw-top .np-feat{grid-template-columns:minmax(0,1fr)}}
.nw-top .np-next .nw-cd{margin-top:18px}
.nw-top .np-next .nw-evb{margin-top:auto}
.nw-top .np-next h3{font-size:21px;margin-top:10px}
.nw-top .np-next .nw-evd b{font-size:60px}
@media (max-width:620px){.nw-res .nw-rh{display:block}.nw-res{padding-inline:var(--gut)}}
/* home top-story slider */
.nw-sl{position:relative;border-radius:22px;overflow:hidden;background:var(--mist)}
.nw-sls{display:grid}
.nw-slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .7s var(--ease),visibility .7s;border-radius:0}
.nw-slide.on{opacity:1;visibility:visible}
.nw-slide .np-fi img{transform:scale(1.06);transition:transform 7.5s linear}
.nw-slide.on .np-fi img{transform:scale(1)}
.nw-slide .np-ft{padding-bottom:84px}
.nw-slc{position:absolute;bottom:20px;inset-inline-start:calc(58.33% + 28px);inset-inline-end:28px;display:flex;align-items:center;gap:10px;z-index:3}
.nw-sla{width:36px;height:36px;border-radius:50%;border:1.5px solid #D5D9DC;display:grid;place-items:center;flex:none;background:#fff;transition:border-color .2s}
.nw-sla:hover{border-color:var(--ink)}.nw-sla svg{width:14px;height:14px}
.nw-sld{display:flex;gap:6px;flex:1;justify-content:center}
.nw-sld button{width:26px;height:6px;border-radius:3px;background:#D5D9DC;overflow:hidden;position:relative}
.nw-sld button.on{width:44px}
.nw-sld u,.nw-slt u,.nw-slth u{position:absolute;inset-block:0;inset-inline-start:0;width:0;background:var(--red)}
.nw-sld button.on u{width:0}
.nw-slt{display:flex;gap:6px;flex:1}
.nw-slt button{flex:1;text-align:start;display:flex;flex-direction:column;gap:2px;font:600 11px var(--display);color:#80868B;position:relative;padding-bottom:7px}
.nw-slt button b{font:900 14px Montserrat,var(--display);color:#A3A8AC}
.nw-slt button.on b{color:var(--ink)}.nw-slt button.on{color:var(--ink)}
.nw-slt i{position:absolute;inset-inline:0;bottom:0;height:3px;border-radius:2px;background:#D5D9DC;overflow:hidden}
.nw-slth{display:flex;gap:6px;flex:1}
.nw-slth button{flex:1;height:46px;border-radius:9px;overflow:hidden;position:relative;opacity:.55;transition:opacity .2s;outline:2px solid transparent;outline-offset:1px}
.nw-slth button.on{opacity:1;outline-color:var(--ink)}
.nw-slth img{width:100%;height:100%;object-fit:cover}
.nw-slth i{position:absolute;inset-inline:0;bottom:0;height:4px;background:rgba(255,255,255,.5);overflow:hidden}
.nw-meet h3{font-size:22px!important;line-height:1.2}
.nw-meet p{margin-top:8px!important;line-height:1.5}
.nw-meetb{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:16px;position:relative;z-index:1}
.nw-evb.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55)}
@media (max-width:760px){
  .nw-slide .np-ft{padding-bottom:20px}
  .nw-slc{position:static;padding:4px 20px 20px}
  .nw-slth button{height:38px}
}
@media (prefers-reduced-motion:reduce){.nw-slide,.nw-slide .np-fi img{transition:none}}

/* phone fields: country-code picker (assets/phone.js) */
.tel-wrap{display:flex;gap:8px;align-items:stretch;direction:ltr}
.tel-wrap>input{flex:1;min-width:0}
.cr-fld .tel-wrap{margin-top:6px}
.cr-fld .tel-wrap>input{margin-top:0}
.tel-cc{position:relative;flex:none;display:flex;align-items:center;gap:4px;height:48px;padding:0 30px 0 12px;border:1.5px solid var(--line);border-radius:12px;background:#fff;font:600 15px var(--body);color:var(--ink);white-space:nowrap;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235F6366' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:16px;background-position:right 9px center}
.tel-cc select,.ct-grid .tel-cc select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px;border:0;padding:0}
.tel-cc:focus-within{border-color:var(--ink);box-shadow:0 0 0 4px rgba(20,25,28,.08)}
.ct-grid label>.tel-wrap{display:flex;margin:0;font:inherit;color:inherit}
.tel-face{direction:ltr;unicode-bidi:isolate}
.ct-err{color:#c40000;font:600 14px var(--body);margin:0 0 10px}

/* ===== Privacy policy / Terms of use (texts from Admin → Settings → Privacy & legal) ===== */
.lg-hero{padding-bottom:40px}
.lg-hero p{font-size:14px!important;color:rgba(255,255,255,.6)!important}
.lg-body{padding:56px 0 90px;background:#fff}
.lg-wrap{display:grid;grid-template-columns:240px minmax(0,760px);gap:56px;align-items:start}
.lg-toc{position:sticky;top:110px;display:flex;flex-direction:column;gap:2px;border-inline-start:2px solid var(--line,#E4DFDA);padding-inline-start:14px}
.lg-toc a{font:600 13px/1.4 var(--display);color:var(--muted,#5F6366);padding:6px 0;text-decoration:none}
.lg-toc a:hover{color:var(--red)}
.lg-draft{background:#FFF7E0;color:#5C4300;border-radius:14px;padding:14px 16px;margin-bottom:28px;font:600 14px/1.5 var(--display)}
.lg-text{font-size:16.5px;line-height:1.75;color:var(--ink)}
.lg-text h2{font:800 26px/1.25 var(--display);letter-spacing:-.02em;margin:44px 0 12px;scroll-margin-top:110px}
.lg-text h2:first-child{margin-top:0}
.lg-text h3{font:700 19px/1.3 var(--display);margin:28px 0 8px}
.lg-text p{margin:0 0 14px}
.lg-text ul,.lg-text ol{margin:0 0 16px;padding-inline-start:22px}
.lg-text li{margin:4px 0}
.lg-text a{color:var(--red);font-weight:600}
.lg-text table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:14.5px}
.lg-text th,.lg-text td{border-bottom:1px solid #E4DFDA;padding:10px 8px;text-align:start;vertical-align:top}
.lg-text th{font:700 13px var(--display);color:var(--muted,#5F6366);text-transform:uppercase;letter-spacing:.06em}
html[lang="ar"] .lg-text h2{letter-spacing:0}
@media (max-width:900px){.lg-wrap{grid-template-columns:1fr;gap:20px}.lg-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:6px 14px;border:0;padding:0}.lg-body{padding:36px 0 70px}.lg-text{font-size:16px}}

/* ===== Cookie notice ===== */
.ck-bar{position:fixed;z-index:120;inset-inline-start:18px;bottom:18px;width:min(420px,calc(100vw - 36px));background:var(--ink);color:#fff;border-radius:18px;padding:16px 18px;box-shadow:0 20px 50px rgba(0,0,0,.35);font:500 13.5px/1.55 var(--body);transform:translateY(20px);opacity:0;transition:.3s}
.ck-bar.on{transform:none;opacity:1}
.ck-bar b{display:block;font:800 15px var(--display);margin-bottom:4px}
.ck-bar a{color:#fff;text-decoration:underline}
.ck-bar .ck-bt{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.ck-bar button{border:0;border-radius:10px;padding:9px 16px;font:700 13px var(--display);cursor:pointer;background:var(--red);color:#fff}
.ck-bar button.ck-2{background:rgba(255,255,255,.12)}
html.sv-on .ck-bar{bottom:84px}
@media (max-width:700px){.ck-bar{inset-inline:10px;width:auto;bottom:10px}html.sv-on .ck-bar{bottom:72px}}

/* ===== Leadership page (About Us → Leadership; people from Admin → Website → Leadership) ===== */
.ld-body{padding:56px 0 90px;background:#fff}
.ld-feat{display:grid;grid-template-columns:420px 1fr;gap:0;align-items:stretch;background:#F5F3F1;border-radius:24px;overflow:hidden;margin-bottom:24px}
.ld-feat.rev{grid-template-columns:1fr 420px}.ld-feat.rev .ld-ph{order:2}
.ld-feat .ld-ph{min-height:400px}
.ld-ft{padding:44px 48px;display:flex;flex-direction:column;justify-content:center}
.ld-ft h2{font:800 clamp(28px,3vw,36px)/1.1 var(--display);letter-spacing:-.02em;margin:10px 0 6px}
.ld-role{font:600 16px var(--display);color:var(--muted)}
.ld-ft blockquote{font:500 19px/1.6 var(--body);margin:22px 0;color:var(--ink);border-inline-start:3px solid var(--red);padding-inline-start:18px;max-width:620px}
.ld-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:6px}
.ld-yrs{display:inline-flex;align-items:center;gap:6px;font:700 12.5px var(--display);color:var(--red);background:#FDE8E8;border-radius:99px;padding:4px 11px;white-space:nowrap}
.ld-link{background:none;border:0;padding:0;font:700 14px var(--display);color:var(--red);cursor:pointer}
.ld-sec{margin-top:64px}
.ld-h{font:800 clamp(26px,2.6vw,34px)/1.15 var(--display);letter-spacing:-.02em;margin:12px 0 24px}
.ld-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.ld-c{display:flex;flex-direction:column;text-align:start;border-radius:20px;overflow:hidden;border:1px solid var(--line,#E4DFDA);background:#fff;padding:0;cursor:pointer;font:inherit;color:inherit;transition:transform .25s,box-shadow .25s}
.ld-c:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,25,28,.12)}
.ld-c:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.ld-c .ld-ph{height:250px}
.ld-ct{display:flex;flex-direction:column;gap:4px;padding:16px 18px 18px;flex:1}
.ld-ct b{font:800 17.5px var(--display)}
.ld-r{font:500 14px var(--body);color:var(--muted);margin-bottom:8px}.ld-r small{display:block;font:600 12.5px var(--display);color:#8A8D90;margin-top:2px}
.ld-ct .ld-yrs{align-self:flex-start}.ld-ct .ld-link{margin-top:auto;padding-top:12px}
.ld-ph{position:relative;overflow:hidden;background:linear-gradient(160deg,#3a4247,#1e2427)}
.ld-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.ld-sil:before,.ld-sil:after{content:"";position:absolute;left:50%;transform:translateX(-50%);border-radius:50%;background:#59636a}
.ld-sil:before{top:20%;width:32%;aspect-ratio:1}.ld-sil:after{bottom:-20%;width:68%;aspect-ratio:1}
.ld-sample{align-self:flex-start;display:inline-block;font:800 10.5px var(--display);letter-spacing:.08em;text-transform:uppercase;background:#FFF3CD;color:#8A6100;border-radius:99px;padding:2px 8px;margin:4px 0}
#ldExecSec .ld-grid{display:none}#ldExecSec.open .ld-grid{display:grid}
.ld-more-w{margin-top:8px}#ldExecSec.open .ld-more-w{margin-top:28px}
.ld-empty{font:500 17px var(--body);color:var(--muted);text-align:center;padding:40px 0}
.ld-modal{position:fixed;inset:0;z-index:140;display:grid;place-items:center;padding:20px}
.ld-dim{position:absolute;inset:0;background:rgba(20,25,28,.6);opacity:0;transition:.2s}
.ld-box{position:relative;width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:24px;padding:30px;transform:translateY(16px);opacity:0;transition:.2s}
.ld-modal.on .ld-dim{opacity:1}.ld-modal.on .ld-box{transform:none;opacity:1}
.ld-x{position:absolute;top:14px;inset-inline-end:14px;width:38px;height:38px;border-radius:50%;border:0;background:#F5F3F1;font-size:20px;cursor:pointer}
.ld-mg{display:grid;grid-template-columns:170px 1fr;gap:24px;align-items:center}
.ld-ph.m{height:200px;border-radius:18px}
.ld-mc h3{font:800 28px var(--display);margin:8px 0 10px;letter-spacing:-.02em}
.ld-mc dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0;font:500 14px var(--body)}
.ld-mc dt{font:700 12px var(--display);color:#8A8D90;text-transform:uppercase;letter-spacing:.08em;padding-top:2px}.ld-mc dd{margin:0}
.ld-mc blockquote{font:500 17px/1.6 var(--body);border-inline-start:3px solid var(--red);padding-inline-start:16px;margin:22px 0 0}
.ld-mc h4{font:800 13px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin:24px 0 8px}
.ld-mc p{font:500 15.5px/1.7 var(--body);margin:0 0 10px}
.ld-in{display:inline-block;margin-top:12px;font:700 13px var(--display);color:#0A66C2}
html.ld-lock{overflow:hidden}
html[lang="ar"] .ld-ft h2,html[lang="ar"] .ld-h,html[lang="ar"] .ld-mc h3{letter-spacing:0}
@media (max-width:1000px){.ld-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ld-feat,.ld-feat.rev{grid-template-columns:1fr}.ld-feat.rev .ld-ph{order:0}.ld-feat .ld-ph{min-height:340px}.ld-ft{padding:28px 24px}}
@media (max-width:560px){.ld-grid{grid-template-columns:1fr 1fr;gap:12px}.ld-c .ld-ph{height:180px}.ld-ct{padding:12px}.ld-ct b{font-size:15px}.ld-mg{grid-template-columns:1fr}.ld-ph.m{height:240px}.ld-box{padding:22px}.ld-body{padding:36px 0 70px}}

/* ===== News story page (/en/news/<story>) ===== */
.st-hero h1{max-width:900px}
.st-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0 4px;font:600 13.5px var(--display);color:rgba(255,255,255,.7)}
.st-chip{background:var(--red);color:#fff;border-radius:99px;padding:3px 11px;font:700 12px var(--display)}
.st-smp{background:#FFF3CD;color:#8A6100;border-radius:99px;padding:3px 10px;font:800 11px var(--display);text-transform:uppercase;letter-spacing:.06em}
.st-lead{font-size:18px!important;max-width:760px}
.st-body{padding:48px 0 90px;background:#fff}
.st-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}
.st-fig{margin:0 0 28px;border-radius:22px;overflow:hidden;background:#F5F3F1}
.st-fig img,.st-fig video{display:block;width:100%;height:auto;max-height:560px;object-fit:cover}
.st-text{font-size:17.5px;line-height:1.75;color:var(--ink);max-width:760px}
.st-text p{margin:0 0 18px}
.st-cta{margin:10px 0 26px}
.st-share{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #E4DFDA;padding-top:22px;margin-top:10px;font:700 14px var(--display)}
.st-sb{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;min-width:42px;padding:0 12px;border-radius:12px;border:1.5px solid #E4DFDA;background:#fff;color:var(--ink);cursor:pointer;font:700 13.5px var(--display);text-decoration:none}
.st-sb svg{width:18px;height:18px}.st-sb:hover{border-color:var(--ink)}
.st-side{position:sticky;top:110px;display:flex;flex-direction:column;gap:14px}
.st-side h3{font:800 20px var(--display);margin:0}
.st-more{display:flex;flex-direction:column;gap:12px}
.st-mc{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;text-decoration:none;color:inherit;border-radius:14px;padding:6px;transition:background .2s}
.st-mc:hover{background:#F5F3F1}
.st-mc img{width:96px;height:68px;object-fit:cover;border-radius:10px;background:#E4DFDA}
.st-mc b{display:block;font:700 14px/1.35 var(--display)}.st-mc small{display:block;font:500 12px var(--display);color:#6E6F71;margin-top:3px}
@media (max-width:960px){.st-wrap{grid-template-columns:1fr;gap:36px}.st-side{position:static}.st-text{font-size:16.5px}}
.ck-bar .ck-no{background:transparent!important;color:#fff!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45)!important}
/* "View details": link to the model's display codes page (when switched on in the admin) */
.dr-help{display:flex;gap:16px;align-items:center;margin-top:22px;border:2px solid var(--red);border-radius:16px;padding:16px 18px;background:#fff;color:var(--ink);text-decoration:none;transition:box-shadow .2s,transform .2s}
.dr-help:hover{box-shadow:0 10px 28px rgba(230,0,0,.14);transform:translateY(-1px)}
.dr-help-lcd{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:70px;height:44px;padding:0 8px;border-radius:7px;background:linear-gradient(180deg,#c5d3ae,#a9b991);box-shadow:inset 0 2px 4px rgba(0,0,0,.25);font:700 18px/1 'Courier New',ui-monospace,monospace;letter-spacing:.06em;color:#1d2a14;direction:ltr}
.dr-help-t{min-width:0}.dr-help-t b{display:block;font-family:'Inter',Arial,sans-serif;font-weight:800;font-size:17px;line-height:1.25}
.dr-help-t span{display:block;font-size:13.5px;line-height:1.5;color:var(--muted);margin-top:3px}
.dr-help-cta{margin-inline-start:auto;flex:none;background:var(--red);color:#fff;border-radius:999px;padding:11px 16px;font-weight:700;font-size:13.5px;white-space:nowrap}
@media (max-width:560px){.dr-help{flex-wrap:wrap}.dr-help-cta{margin-inline-start:0;width:100%;text-align:center}}